DreamWeaver打造Web查询系统2

2008-02-23 06:58:43来源:互联网 阅读 ()

新老客户大回馈,云服务器低至5折

  经过前几节的制作,网站前期的准备工作已初步完成,本节建开始建立114的各个页面。页面文件的安排是

  这样的:
  top_114.asp:是所有页面的顶端,位于网站根目录下的 /common 文件夹下面;
  buttom.htm:是所有页面的底端,也位于网站根目录下的 /common 文件夹下面;
  以上两个文件都是通过ASP的include命令包含在相应的页面中,这样做的目的是使网站模块化,减少工作量。

  index.asp:114的主页
  search.asp:电话号码查询结果页面;
  seek_tel.asp:查询表单,由于每个页面都包含查询部分,因此本部分也做成一个单独的文件被其它文件包

  含;
  login_tel.asp:在线填写登记的页面;
  disp_tele.asp:显示相信信息的页面,页面包含电话号、号码对应的单位、单位介绍等;
  login_ok.asp:在线填写登记完成时候显示的页面;

  各位在这里只需要注意排版方面的技巧,其它的没有什么太多的。另外,要用http的形式访问这些页面,也

就是http://localhost/114/index.asp来看主页。

一、建立数据库连接

  在第四步,我们的站点就已经建立好了。在构造动态页面之前,我们先在 Dreamweaver MX 中建立和数据

  库之间的连接,请按下面步骤进行:
   1、在应用程序选项卡里面选择数据库项目,然后点击加号按钮并选择“自定义连接字符串”,如图6-1:

   2、在数据源设置对话框内,分别输入数据源名称和连接字符串。连接字符串用于连接数据库,在这里我

  们先按绝对路径的格式输入:"driver={Microsoft Access Driver (*.mdb)};dbq=E:/pcitw/db/cy114db_2004.mdb"
   3、在这里需要注意的是,在引号内的所有内容必须按找格式书写,数据库的路径和文件名根据实际情况

  填写,如图6-2:

  经过上面3个步骤,数据库的连接便建立完毕。这时在看数据库面板,便能显示出数据库结构来。如图6-3:

  数据库连接的建立,实质上是在我们的根目录下建立了一个 Connections 文件夹,并在该文件夹内建立了一

  个和我们指定数据源名相同的asp文件。熟悉asp的朋友马上就能看明白了,里面原来是一个变量定义。页就是:MM_db114_STRING = "driver={Microsoft Access Driver (*.mdb)};dbq=E:/pcitw/db/cy114db_2004.mdb",如果我们上

  传到网站上,那么这段代码可要修改,否则是连接不上数据库的。如何修改,我们将在以后说明。如图6-4:

  至此,我们已经建立了数据库的连接,以后任何操作,只要涉及数据库的,都要用到刚才建立的连接。当然,如果你的网站需要很多数据库,那么你将建立多个数据库连接。因为一个连接只能对应一个数据库。

  二、将 index.asp 转换为动态页面

  从本小节开始,我们逐步将前面建立的静态页面转换为动态页面,使其和数据库相结合,以完成我们最终的页面。
  首先我们要把首页转换为动态页面。在首页中,仅有右侧的“超值推荐”部分需要从数据库中读取数据,因此,我们的目的是从数据库中的 tele 表中读取 Is_Good 字段值为1的记录并按降序显示就可以了。
  ok,开始工作。第1步,建立数据集.在绑定面板,选择 记录集(查询) 菜单,并在对话框内根据图 6-5所示

  选择相应的内容。至此,数据集已设置完毕,绑定面板已经显示了数据表的字段情况。下面进行第2步,将公司名称拖动到页面中,以在页面中显示该字段内容。参看图 6-6:

  到现在为止,我们已经将数据库中的一条记录显示在网页上了,但我们的目的不是显示一条记录,而是显示10条记录。因此,我们还要构造重复区域行为,只有那样才能将我们指定的记录数目显示到网页中。要构造重复区域行为,请选择“服务器行为”面板中的“重复区域”,并根据图6-7设置,注意,选择重复区域行为时一定要选择要设置的表格行,也就是html的<tr>部分。

  最后,我们设置但点击某个企业时候应该显示详细页面的连接,也就是调用 disp_tele.asp 显示电话号对应企业或个人的详细信息,在这里,我们是通过id参数的形式传递给 disp_tele.asp 页面的。选择页面上的动态文本,然后在地址栏中输入如下内容:disp_tele.asp?company_id=<%=rs_cztj("id") %>,如图6-8:

  二、将 disp_tele.asp 和 right_114.asp 转换为动态页面

  天啊,刚得到消息,11月5号才供应暖气,我还得挺几天。痛苦啊!
  今天说说 disp_tele.asp 页面的构造,本页面的功能是显示详细的企业或个人资料。页面功能不是很复杂,Let's Go!
  在这里,我们首先约定,本页面的调用格式为:“ disp_tele.asp?company_id=&hy_id=”以便在显示详细信息的同时显示该电话号对应企业的行业推荐企业。我们不用 Dreamweaver MX 自带的那个转到详细页行为,我们都是手工填写代码。
  首先在页面中构造一个记录集,以显示指定的电话号对应企业的详细资料,注意url参数部分,参见图6-9:

  记录集建立完毕后,将字段依次拖动到页面的相应位置中。以显示字段内容。

  然后,在构造相关行业类别对应的推荐企业记录集。本部分由于但是保存为单独网页,因此要修改right_114.asp文件。本步操作需要使用高级记录集定义对话框,并手工填写部分代码。参见图6-10:

  把公司名称拖动到页面中,并建立重复区域行为。最后手工修改 Dreamweaver MX 生成的代码,以便具有当没有类别参数时候显示的超值推荐。修改内容参见图6-11:

  说明,其中黄色部分为修改了的位置。

  ok,经过上面的修改,无论调用参数是否提供hy_id都将根据我们的意图显示相应的超级推荐了。也就是如果没有参数将显示所有的推荐(前10个),如果有则显示相应类别的前10个。
  本节即将结束,在这里需要提醒各位,Dreamweaver MX 生成的代码最好要研究明白了。不要期望 Dreamweaver MX 自动给你生成一个网站,你一行都不用改。没有那种好事的。

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:DreamWeaver打造Web查询系统

下一篇:Dreaweaver常用网页编辑技巧集锦