首页 | 软件中心 | Designand Inspiration
读库教程网 > 网络教程 > 网站建设 > DreamWeaver > 用DreamweaverMX建立一个基本的图书查询系统

用DreamweaverMX建立一个基本的图书查询系统

添加:2010年2月27日

  近来公司为了充分使用图书资源,简洁员工查询,决定在公司内部网上建立一个图书查询系统。思虑到公司图书不多,只有1千多册,且专业书居多的特性,我决定做两个查询条件:一个是根据图书类别来查询, 用户只要挑选相应的类别就能够显示出该类别的所有图书,这首要是面对对公司图书不熟识的人;第二个是根据图书名称来查询,用户只要输入图书名,就能够高速的搜索到契合条件的所有图书。

  方案已定,接下来就是用什么软件做及如何做的疑问了。在这里,我选用了网页的形式,这样同事们只要打开阅读器,输入相应的地址就能够查询了。因此,我运用网页打造利器 dreamweaver 软件(下面简称dw),数据库用acess,环境为win98,pws(编者注:关于PWS的运用教程能够查阅《深入明白微软私人服务器PWS之一》《深入明白微软私人服务器PWS之二》《深入明白微软私人服务器PWS之三》《深入明白微软私人服务器PWS之四》)。下面就正式开工锣。

  点击这里下载本教程的源代码

  最先,建立数据库:

  一、在我的文档下面新建一个文件夹,起名为“研究所”。当然你也能够在其他地点新建,起其他名字。

  二、打开acess,新建一数据库db1,建立两张表 leibie 和 tushu ,表与表之间的联系字段为“类别名称”。

  表leibie结构为两个字段:
  (1)类别号,文本类型,字段长度为6位,必填字段,不准许输入空白字符串;
  (2)类别名称,文本类型,字段长度为20位,必填字段,不准许输入空白字符串。

  表tushu结构为九个字段:
  (1)编号,文本类型,字段长度为6位;
  (2)书名,文本类型,字段长度为60位,必填字段,不准许输入空白字符串。
  (3)作者,文本类型,字段长度为50位;
  (4)出版者,文本类型,字段长度为60位;
  (5)版次,文本类型,字段长度为15位;
  (6)单价,货币类型,准许小数位数2位,默认值为0元;
  (7)类别名称,文本类型,字段长度为20位,必填字段,不准许输入空白字符串。
  (8)能无法借出,文本类型,字段长度为4位,必填字段,不准许输入空白字符串,默认值为 No 。
  (9)备注,备注类型。

  三、根据表结构输入各项数据。

  其次,配置站点及连接数据库:

  (1)配置站点。打开dw ,挑选 site 菜单下的 new site ,弹出配置站点面板,站点名输入研究所,目录就是咱们刚才建立的目录,如图1,Testing Server选项中的Server Model挑选Asp VBScript,Access挑选Local/Network。

用Dreamweaver MX建立一个基本的图书查询系统

图1
  (2)新建一网页,因为查询是动态页面,因此在弹出的面板中挑选Dynamic 和Asp VBScript,如图2。按create按钮回到页面。

用Dreamweaver MX建立一个基本的图书查询系统

图2
[]  (3)连接数据库。展开右边的Application 面板,挑选Databases标签,按"+"按钮,挑选Data Source Name (DSN),如图3。

用Dreamweaver MX建立一个基本的图书查询系统

图3
  (4)在弹出的Data Source Name (DSN)面板上(如图4)挑选define...按钮进入ODBC数据源维护器,挑选系统DSN标签,点击添加按钮,挑选"Driver do Microsoft Access(*.mdb)"数据驱动程序,点击完成按钮。

用Dreamweaver MX建立一个基本的图书查询系统

图4
  (5)在随后的面板上挑选数据库路径(就是咱们刚才建立的目录),选中db1,数据源名输入db1,如图5。

用Dreamweaver MX建立一个基本的图书查询系统

图5
  (6)单击确定按钮,返回ODBC数据源维护器面板。再单击确定按钮,返回Data Source Name (DSN)面板。点击test按钮,假如弹出如图6的成功面板,就表明一切ok,数据库已经连接好了,右边Application面板的Databases标签就会相应的出现咱们新建的数据源db1。

用Dreamweaver MX建立一个基本的图书查询系统

图6
  现在准备工作一切就绪,能够建立动态查询网页了。

  一、建立主页。主页很基本,就是建立两个查询链接,“按图书类别查询”链接到chaxun.asp,“按图书名称查询”链接到chaxun1.asp,这两个网页就是咱们下面要建立的查询网页。主页因不须要动态编程,可存为htm格式,文件保存到研究所目录下,取名为index,详细如图7。

用Dreamweaver MX建立一个基本的图书查询系统

图7
  二、建立按图书类别查询网页。

  1、新建一动态网页,取名chaxun.asp。

  2、建立记载集。挑选右边的Application面板中的Bindings标签,按加号按钮,挑选Recordset(Query),如图8,弹出Recordset对话框,里面的配置如图9,Name就取默认值 Recordset1,Connection挑选咱们刚刚建立的连接db1,因为显示的是图书类别,因此Table挑选表leibie。

用Dreamweaver MX建立一个基本的图书查询系统

图8
[]

用Dreamweaver MX建立一个基本的图书查询系统

图9
  3、配置完毕后,点击test按钮,大众能够看到leibie表的内容全显示出来了。点击OK回到页面,这时咱们能够看到Binding标签下方显示出咱们刚刚建立的名为Recordset1的查询。

  4、输入网页上静态显示的内容,如图10,其中“返回”链接到主页index.htm 。

用Dreamweaver MX建立一个基本的图书查询系统

图10
  5、点击Binding标签下方Recordset1旁边的"+"号,展开字段,用鼠标按住“类别名称”字段不放,直接拖到页面上的单元格中,松开鼠标, 这样单元格就包含了一个动态文本,页面成效如图11。

用Dreamweaver MX建立一个基本的图书查询系统

图11

  只是现在这个单元格还只好显示一行(大众能够先在阅读器里看一看是不是这样的显示成效),那么如何才能将所有的字段内容显示出来呢?

  6、选中表格,再挑选右边的Application面板中的Server Behaviors标签,按加号按钮,挑选Repeat Region(循环区域),这样就能够控制一页显示多少记载了。在这里,因为图书类别不多,因此在对话框中挑选All Records(显示所有记载),不分页显示了,详细如图12。

用Dreamweaver MX建立一个基本的图书查询系统

图12
  7、运行pws,配置好路径,用阅读器打开此网页,看看屏幕上是不是将数据库里的类别名称都显示出来了,只是现在还无法点击进去。好,下面咱们就来做相应的显示图书的页面。

  三、打造按类别查询显示的页面

  1、新建一动态网页,取名xianshi.asp。

  2、建立记载集。挑选Application面板中的Bindings标签,按加号按钮,挑选Recordset(Query),弹出Recordset对话框,里面的配置如图13,名字为Recordset2,数据库表挑选tushu,因为网页显示的图书信息是根据前面查询条件来显示的,因此就须要配置一个限定条件来挑选契合条件的图书,那么这个条件是议决什么来实现传递和接受的呢?这就须要用到URL Parameter(URL参数)了,使用这个参数能够从查询网页传递查询条件,然后在显示网页中接受这个参数来显示契合的记载。详细运用要领如下:

用Dreamweaver MX建立一个基本的图书查询系统

图13
[]   (1)先让咱们回到查询页chaxun.asp。用鼠标选中表格中的字段,再挑选Application面板上Server Behaviors标签,按加号按钮,挑选Go To Detail (到细节页),弹出Go To Detail 对话框,详细配置如图14。Detail 就是咱们的显示网页xianshi.asp,Pass URL Parameter文本框里输入的就是要议决URL传递到细节页中的参数名,为便于理会,咱们输入“类别名称”,这个名字可要和后面显示网页里配置的参数名一样。Recordset意为从哪个记载集里传递出去的,咱们挑选Recorset1,Column意思为URL参数值的来源,要与查询网页上的查询条件一致,因此挑选“类别名称”,Pass Existing Parameters这两个选项于表有关,而在这个查询网页上并没有用到表单,因此能够不选。点击ok按钮,大众能够看到表格中的字段已变成一个包含动态内容的超文本连接了。

用Dreamweaver MX建立一个基本的图书查询系统

图14
  (2)好,URL Parameter已配置,现在再回到显示网页xianshi.asp来接受这个参数。挑选Recordset(Query),弹出Recordset对话框,在Filter中配置如上图13,意思是:查询条件为表tushu中的字段“类别名称”要等于传递过来的URL Parameter参数“类别名称”,这样查询网页和显示网页就联系起来了。

  (3)点击test按钮来测试。大众能够输入某一个类别名称,dw 就会显示出相应的图书记载。

  (4)点击ok按钮回到页面,至此记载集建立好了。

  3、输入网页中的静态内容,如图15,其中“返回”链接到查询网页chaxun.asp,因为有的类别图书比较多,因此将显示设为分页显示。

用Dreamweaver MX建立一个基本的图书查询系统

图15
  4、用上面推荐的要领,将记载集的字段分别拖到页面上相应的位置中,如图16。

用Dreamweaver MX建立一个基本的图书查询系统

图16
  5、选中表格中的第二行,点击Application面板中的Server Behaviors标签,按加号按钮,挑选Repeat Region,弹出Repeat Region对话框,因为要分页显示,所以挑选每次显示几条,在这里我输入的是10,意思为每页显示10条记载,大众能够根据情况自由输入,如图17。点击ok键回到页面。

用Dreamweaver MX建立一个基本的图书查询系统

图17
  6、因为是分页显示,须要翻页,那么在dw里如何实现呢?很基本,大众先选中“首页”,然后点击Application面板中的Server Behaviors标签,按加号按钮,能够看到有一个Recordset Paging选项,将鼠标滑到这选项,显示出下拉菜单,这些菜单的意思我想大众应该明白了吧,如图18。挑选第一条“Move To First Record”,弹出对话框,如图19,点击ok按钮回到页面,这样“首页”的动态链接就做好了,其他的“上一页”、“下一页”、“末页”依次类推,做好与其相对应的动态链接。
[]

用Dreamweaver MX建立一个基本的图书查询系统

图18

用Dreamweaver MX建立一个基本的图书查询系统

图19

  7、那么用户如何知晓记载已经到结尾一条,而不应再往下翻了呢?在这里,我是这样处理的,假如记载已到结尾一条,则“下一页”、“末页”在页面上自动潜藏,同理,记载已到第一条,则“首页”、“上一页”自动潜藏。下面是详细实现要领:
  (1)大众先选中“首页”,然后点击Application面板中的Server Behaviors标签,按加号按钮,将鼠标滑到Show Region选项,显示出下拉菜单,如图20。

用Dreamweaver MX建立一个基本的图书查询系统

图20
  (2)挑选“Show Region If Not First Record”,意思为假如不是第一条记载则显示,反过来就是假如是第一条记载则不显示,潜藏起来。

  (3)在弹出的对话框上直接点击ok按钮回到页面,这样“首页”的自动潜藏功能就做好了。

  (4)同理,做好其他多个的自动潜藏功能。“上一页”与“首页”一样,挑选“Show Region If Not First Record”;“下一页”与“末页”一样,挑选“Show Region If Not Last Record”。
  至此,按类别查询显示的页面终于打造完成了,咱们来看看详细成效。运行pws,用IE打开chaxun.asp,点击某一个类别名称,如“新药 药品”,IE就会自动显示出该类别的图书,点击“下一页”,“上一页”等等链接,看看IE会不会自动翻页,详细成效如图21、22。

用Dreamweaver MX建立一个基本的图书查询系统

图21

用Dreamweaver MX建立一个基本的图书查询系统

图22
  四、打造根据图书名称来查询的网页

  1、新建一动态网页,取名chaxun1.asp。

  2、输入网页上静态显示的内容,如图23,其中“返回”链接到主页index.htm ,红色虚线表明这是个表单,表单的属性配置如图24,意思为post(传递)一个表单变量名到xianshi1.asp网页,并执行这个网页,这样查询网页和显示网页就议决变量名联系起来了;文本框取名ts,这个名字请记得,因为这就是要议决表单传递的变量名,后面的显示网页还要用到。

用Dreamweaver MX建立一个基本的图书查询系统

图23
[]

用Dreamweaver MX建立一个基本的图书查询系统

图24
  五、打造按图书名称显示的网页

  1、新建一动态网页,取名xianshi1.asp。

  2、输入网页上静态显示的内容,如图25,其中“返回”链接到查询页chaxun1.htm ,红色虚线同样表明这是个表单。

用Dreamweaver MX建立一个基本的图书查询系统

图25
  3、建立记载集。挑选Application面板中的Bindings标签,按加号按钮,挑选Recordset(Query),弹出Recordset对话框,里面的配置如图26,名字为Recordset1,数据库表挑选tushu,Filter过滤条件配置为表tushu中的字段“书名”要contains(包含)传递过来的Form Variable(表单变量)ts,这个ts变量就是查询网页chaxun1.asp里文本框的名字。点击ok按钮回到页面。

用Dreamweaver MX建立一个基本的图书查询系统

图26
  4、将记载集的字段分别拖到页面上相应的位置中。

  5、选中表格的第二行,点击Application面板中的Server Behaviors标签,按加号按钮,挑选Repeat Region,弹出Repeat Region对话框,配置为所有显示。

  最后页面成效如图27。

用Dreamweaver MX建立一个基本的图书查询系统

图27
  至此,按图书名称查询显示的页面终于打造完成了,咱们来看看详细成效。运行pws,用IE打开chaxun1.asp,输入某个名称,如“质量维护”,IE就会自动显示出所有书名含有“质量维护”的图书,详细成效如图28、29。

用Dreamweaver MX建立一个基本的图书查询系统

图28

用Dreamweaver MX建立一个基本的图书查询系统

图29
  网页终于所有打造完了,现在大众能够完整的运行了。将自身计算机的IP地址告诉同事,打开pws,这样同事就能够随时议决查询系统来查询图书了。

  点击这里下载本教程的源代码


读库教程网文章由网络收集后整理发布,文章发布人拥有该内容的所有权力及责任!

如果你喜欢这页,可以按Ctrl+D收藏起来。

相关内容
相关评论
公益广告
精彩推荐
友情链接: 百分百青年 | 烛光信息网 | 夏布新网 | 新育互联网
管理员:QQ:27038219, E-mail:27038219@qq.com今日更新
读库教程网所有文章从网络收集所发布,文章发布人拥有该内容的所有权力及责任,转载时请注明出处!
Template designed by www.dkuu.com. Optimized for 1024x768 to Firefox,Opera and MS-IE6/IE7.