DreamWeaver打造Web查询系统.docVIP

DreamWeaver打造Web查询系统 作者：未知 文章来源：本站整理 点击数： 134 更新时间：2007-7-11 22:03:55 ? 本教程假设您对 HTML 、Photoshop 6.0 、ASP 、Access 2000 、Web 配置已经很熟悉，同时对于 Dreamwaver MX 的静态、动态页面制作也有一定基础。如果您对以上技术不是很熟悉，请参考相关书籍，或到本站论坛探讨。 　　 本教程是以本人所在城市的一个114电话号码查询程序为主介绍的，功能相对简单。因此，如果您看懂了本教程，那么，不难开发出更高级的程序了。 　　 教程共分成8讲，分别是：第一讲：功能设计、第二讲：设计数据库、第三讲：设计网页图像并切图、第四讲：在Dreamweaver MX 中建立站点，并规划站点、第五讲：建立相关各个静态页面、第六讲：将静态页面修改为动态页面、第七讲：编制后台管理程序、第八讲：整体测试。 　　下面进行第一讲：功能设计 　　 电话号码查询大家都知道可以通过114电话来查，但查询的结果仅包括电话对应的企业或个人的名称。其它的资料无法得到，而且还需要支付电话费，如果通过网络来实现，将会是很方便的。目前，互联网上的电话号码查询网站很多，他们的功能都很强大，不仅做到了最基本的电话号码查询，同时也包含了企业的资讯、企业的宣传、乃至会员企业的产品销售等活动。他们都属于电子商务类站点了。我们要设计的程序可没有他们那样复杂，那么，我们要实现是什么功能呢？我说一下简单的功能要求： 　　1、通过输入企业名称或户主名称查询电话号码； 　　 2、企业资料包含企业的联系方式与经营介绍信息； 　　 3、企业可以实现排名，热点企业可以显示在每次查询的企业推荐位置，实现更好的宣传； 　　 4、企业的经营类别可以自定义，同时可以按照企业的经营类别查询电话号码； 　　 5、没有登记的企业可以在线填写表格实现自动提交； 　　 6、提供后台的管理。包括，企业提交表格的审核、企业的显示排名、重点推荐企业的设置等； 　　怎么样，功能是不是还凑合？下面我再说说我们的技术特点： 　　1、通过 Include（包含）的形式组织页面，使程序模块化； 　　 2、使用 Photoshop 6.0 设计页面，同时切图，方便从整体角度构造页面布局； 　　 3、在数据库中使用“一对多”关系来构造数据库，使其设计的更合理； 　　 4、通过 Dreamweaver MX 设计页面，同时应用“数据库行为”来建立网页，使您身感 Dreamweaver MX 功能之强大； 　　 5、手工修改 Dreamweaver MX 生成的代码并解释代码，让您开发出自己想要的功能。 　　怎么样，有信心吗？有的话就拿起鼠标，我们一起来！ 　　我们的程序所用的数据库选择的微软的 Access 2000 ，选择他的原因是他比较小巧、包含在 Office 2000 中、适合于访问量和数据量不大的应用，同时也易于学习。如果您使用的是 SQL Server 2000 或是其它什么数据库，那么您可以根据本教程在您的数据库系统中建立相应的库。 　　 我们打开 Access 2000，首先 Access 会在第一个屏幕让我们选择一个已有的数据库或是新建一个数据库，如果我们是初次使用，可以选择“空 Access 数据库”，这是系统会让我们输入数据库名和选择数据库对应的路径。如果是打开已经建立完毕的数据库，可以在下面的列表框里面选择一个已经存在的。或是选择“更多的文件...” 通过手工的方式定位数据库。如图2-1: 　　不管如何，我们会进入数据库的设计视图。如图2-2: 　　下面，我们新建数据表，在窗口中选择“使用设计器创建数据表”，然后建立两个表，表名分别是行业情况表和电话号码表，分别取名为，hy和tele。 　　这里需要注意的是，我们通过在tele表里面建立hy_id字段，实现对行业表之间“一对多关系”的建立，以方便以后扩充行业情况。同时，在电话表里面除了设置基本的电话信息外，还设置了一些标志性字段。例如：Is_Top、Is_Good、Is_Pass。意义为：如果Is_Top的值是1，则此条信息将在电话号码本中的顶部显示。Is_Good 为推荐标志，如果此字段为1，则表示将用红字显示此条电话号码。而Is_Pass则表示，如果用户在线填写表单，那么填写的内容将不马上显示到查询结果中，而是需要以后通过我们的审核，审核通过后才能显示出来。那么，如果该字段为1，则表示已经通过审核。以上三个字段默认值均为0。 　　 至此，我们的数据库便建立完毕了。大家主要注意的是关系的建立和标志性字段的建立。这些将有效的提高我们程序的功能。 　　 在下一部分中，我们将介绍设计网页