在线美食网站开发论文.doc

1、 目 录摘要1前言11 绪论31.1课题来源31.2目的和意义31.3开发工具和环境的选择32 ASP 技术与 SQL2000 概述32.1ASP技术综述 32.2SQL简介 63 关键技术介绍 63.1创建公用的数据库链接文件63.2数据列表分栏分页的方法73.3利用先进的地图查询技术84.美食网站需求分析84.1系统目标84.2运行环境85.概要设计85.1网站总体设计85.2数据库结构设计106 前台主要功能模块详细设计136.1前台总体架构136.2公告栏模块设计146.3长春名店模块设计166.4特色美食模块设计196.5美食留言模块设计226.6名店加盟模块设计247 后台主要功能

2、模块详细设计257.1后台总体架构257.2后台登录模块设计277.3后台管理首页设计287.4管理用户模块设计287.5特色美食模块设计307.6美食留言管理模块设计347.7名店加盟管理模块设计378.开发总结38致谢39参考文献40附录4146 1 在线美食网站的开发摘要: 随着网络的普及率的不断提高，美食网站在给网民提供大量的餐厅信息和交流“美食”心得平台的同时，也为饮食业信息化发展注入了新的生机和活力。在互联网这样一个扩张成本较低，容易实现高度集中的市场里，美食网站的开发无疑增强了酒店的核心竞争力。本课题基于 B/S（Brower/Server）结构，采用目前很流行的网站开发技术AS

3、P，以 Microsoft SQL Server 2000作为后台数据库，针对一个美食网站的实例进行开发。关键词：美食网；ASP；B/S；SQL Server 2000 Abstract：With the network increasingly popularization, Food websites provide a large number of restaurants information and experience platforms for the netizens ,which has injected new vigor and vitality for the dev

4、elopment of the catering industry at the same time . In such highly concentrated network market with low cost , Food website development will undoubtedly enhance the inner competitiveness .The thesis Based on B/S（Brower/Server）structure aim at a food website development ,which adopt very popular ASP

5、 technology and Microsoft SQL Server 2000 as the background database .Keywords：Food website;ASP;B/S ;SQL Server 2000 前言21世纪是一个崭新的世界，科技的飞速发展，经济的全球化以成为不可抵挡的潮流。Internet是世界上最大的计算机网络，它连接着 160个国家里的数千万人，他们分布在不同的年龄层，彼此有着完全不同的生活方式。伴随着互联网对于人们现实生活影响的日益深化，商家们也越来越重视对这一巨大市场的开发和利用。目前，互联网带来的实实在在的经济利益和口碑传播价值，渐渐使传统行业

6、不再在拥挤不堪的红海中挣扎，纷纷开始了新一轮的蓝海遨游之旅作为国内传统饮食业等企业，正悄悄地进行着一场互联网的革命。饮食业等行业作为 21世纪互联网浪潮中最边缘的传统行业，似乎一直离“潮流”渐行渐远。它不同于商业，又不同于工业，也不同于纯服务业，在现代社会里它属于第三产业，具有生产加工，饮食品零售和劳动服务的综合性。在改革开放二十多年里，我国饮食业发展迅猛，日新月异，各种风味特色，各种经营形式，各种组织结构的饮食业企业星罗棋布，特别是近年来，我国的饮食业发展非常迅速，据有关方面的统计，饮食业的增长率要比其它行业高出十个百分点以上。预计到2010年，中国饮食业零售额将达到 20000亿元。饮食业

7、已经成为拉动消费、实现增长、扩大就业的重要因素之一。可以说我国正迎来一个饮食业业大发展的时期，市场潜力巨大，前景非常广阔。但从另一个方面来看，饮食业需求又是复杂多变的，其消费口味和消费心理，都可能随着社会环境的变化而变化。对于当前 web2.0 概念风行下的互联网现状，如果与传统行业结合不紧，单靠眼球经济模式来做显然不行。互联网只能是工具，要想真的在互联网行业里创业成功，就必须和传统行业有所结合。所以饮食业企业必须根据自身条件和环境条件的要求，看清饮食业市场的发展趋势，选择适当的营销方法，才有可能在激烈的市场竞争中获得成功。还要更新经营方式，拓展大众市场，建全饮食业业的“软硬”件设施。发展饮食

8、业信息渠道是我国饮食业业应探索的主旋律，社会化，科学化，集锦化渐渐成为了 21 世纪的发展方向。利用 WEB 技术提升自身实力，已经成为在日益激烈的市场竞争中取胜的最有力武器。美食网站的开发适应当今饮食业市场经济社会的消费需求。事实证明，只有外围因素配合和本身竞争力加强，才能在激烈竞争中站稳脚，领导餐饮的朝流。在线美食网作为信息的一种来源方式，既增强了酒店的知名度，又方便了消费者信息的查询。它的开发适应当今饮食业市场经济社会的消费需求。目前在国内网站的开发方面，PHP 与 ASP 应用最为广泛。而 JSP 由于是一种较新的技术，国内采用的较少。但在国外，JSP(Java Server Page

9、s)已经是比较流行的一种技术，尤其是电子商务类的网站，多采用 JSP。它是由 Sun Microsystem 公司于 1999/6 推出的新技术，是基于 Java Servlet 以及整个 java 体系的 Web 开发技术，利用这一技术可以建立先进、安全和跨平台的动态网站。PHP（Hypertext Preprocessor）是一种易于学习和使用的服务器端脚本语言，是生成动态网页的工具之一。它提供了标准的数据库接口,几乎可以连接所有的数据库，尤其和 MYSQL 数据库的配合更是 “天衣无缝“。但是本身存在的一些缺点（乏规模支持和多层结构支持等） ，使得它不适合应用于大型电子商务站点，而更适合

10、一些小型的商业站点。ASP 是一套服务器端的脚本环境，是 Microsoft开发的动态网页语言。它继承了微软产品的一贯传统，只能执行于微软的服务器产品IIS(Internet Information Server) (windows NT)和 PWS(Personal Web Server)(windows 98)上。ASP 它无需编译，其控制部分是使用 VBScript、Jscript 等脚本语言来设计的。由于其本身的功能有限，必须通过 ASPCOM 的群组合来扩充。此技术以其简单易学、与windows 操作系统无缝集成、扩展性好等特性，吸引了众多的动态网站开发人员。使用46 3 ASP 结

11、合 HTML 网页、ASP 指令和 Active X 组件可以快速的建立动态、交互且高效的Web 服务器应用程序。本课题将针对一个美食网站的实例，采用 ASP 技术，按照网站的开发步骤来详细解释一个网站的完成所涉及到的各种工作。1 绪论1.1 课题来源随着人们生活水平的提高，和全球经济一体化的发展，酒店面临着日趋激烈的竞争环境和不断攀升的客户期望，迫使业内人士不断地进一步寻求扩大酒店销售、改进服务质量、降低管理成本和提高客户满意度的新法宝来来增强酒店的核心竞争力。在线美食网作为信息的一种来源方式，既增强了酒店的知名度，又方便了消费者信息的查询，为饮食业信息化发展注入新的生机和活力。1.2 选题

12、的目的和意义改革开放以后，消费者的消费观念已经日趋成熟，消费更为理性化，人们对饮食文化也日益重视。正面临社会餐饮严重挑战的酒店，只有采用当今饮食业发展 “传统+时尚” 的方式，抓住时代的脉搏，甚至引导饮食潮流才能使自己立于不败之地，因此开发在线美食网具有很高的商业价值。本课题基于浏览器的 B/S（Brower/Server）结构，消费者可以快捷地查询美食和名店信息，餐饮名店也可展示自己的名牌菜肴及特色。1.3 开发工具和环境的选择本课题采用 ASP+SQL Server体系，另外还选用了 Microsoft SQL Server 2000 作为后台数据库管理系统。为了提高开发的效率和页面的质量

13、，选择了可视化网页编辑器Dreamweaver MX，它具有超强的程序产生器功能，大部分的 ASP程序只要用鼠标拖曳即可完成，Dreamweaver 会自动产生 ASP代码。2 ASP 技术与 SQL 2000 概述2.1ASP 技术综述 ASP（Active Server Pages）是微软公司开发的一套 Web服务器端的开发环境。ASP结合 HTML网页、ASP 指令和 Active X组件能够建立动态、交互、高效的 Web服务器应用程序。要让网页有互动的功能，ASP 是一个相当不错的选择。当 ASP程序被执行时，脚本程序将一整套命令发送给相应的脚本解释器（脚本引擎） 。由脚本解释器进行翻

14、译并将其转换成服务器所能执行的命令。在该过程中，用户不需要考虑脚本解释器是如何工作的，只需要在编写脚本程序的过程中，指明所用的脚本语言，并用正确格式书写脚本即可。详细执行过程如下：当用户在浏览器的网址栏中添入 Active Server Pages文件名称，并回车触发这个 Active Server Pages的申请，浏览器将这个 Active Server Pages的请求发送给 IIS，Web Server 接受这个申请要求并由于其.asp 意识到这是个Active Server Pages请求，Web Server从硬盘或者内存中接受正确 ASP文件，Web Server将这个文件发送到

15、一个叫做 ASP.DDL特定文件中，Active Server Pages文件将会从头至尾被执行并根据命令要求查询数据库，生成响应的静态主页，主页将会被送回浏览器，用户浏览器解释执行并显示在用户浏览器上。2.1.1 ASP 技术与 JSP 技术的比较Microsoft 的 ASP 技术和 Sun 公司的 JSP非常相似，二者都是面向 Web 服务器的技术，客户端浏览器不需要任何附加的软件支持。而且均提供在 HTML 代码中混合某种程序代码、由语言引擎解释执行程序代码的能力。但两种语言引擎用完全不同的方式处理页面中嵌入的程序代码。ASP 采用脚本语言 VBScript（Java script）作

16、为自己的开发语言。 VBScript 代码被 ASP 引擎解释执行；JSP 由 Java 虚拟机执行，而且这种代码编译操作仅在对 JSP 页面的第一次请求时发生。 ASP技术特点有：1. 使用 VBScript 、 JScript等简单易懂的脚本语言，结合 HTML代码，即可快速地完成网站的应用程序。 2. 无须 compile编译，容易编写，可在服务器端直接执行。 3. 使用普通的文本编辑器，如 Windows的记事本，即可进行编辑设计。 4. 与浏览器无关(Browser Independence), 客户端只要使用可执行 HTML码的浏览器，即可浏览 Active Server Page

17、s所设计的网页内容。Active ServerPages 所使用的脚本语言(VBScript 、 Jscript)均在 WEB服务器端执行，客户端的浏览器不需要能够执行这些脚本语言。 5.Active Server Pages能与任何 ActiveX scripting语言兼容。除了可使用 VB Script或 JScript语言来设计外，还通过 plugin 的方式，使用由第三方所提供的其它脚本语言，譬如 REXX 、perl/“ target=“_blank“Perl 、Tcl 等。脚本引擎是处理脚本程序的 COM(Component Object Model) 对象。6. 可使用服务器端

18、的脚本来产生客户端的脚本。 7. ActiveX Server Components(ActiveX 服务器组件 )具有无限可扩充性。可以使用 Visual Basic 、Java 、Visual C+ 、COBOL 等程序设计语言来编写你所需要的46 5 ActiveX Server Component 。JSP技术特点有：1.将内容的产生和显示进行分离 使用 JSP技术，Web 页面开发人员可以使用 HTML或者 XML标识来设计和格式化最终页面。使用 JSP标识或者小脚本来产生页面上的动态内容。产生内容的逻辑被封装在标识和 JavaBeans群组件中，并且捆绑在小脚本中，所有的脚本在服务

19、器端执行。如果核心逻辑被封装在标识和 Beans中，那么其它人，如 Web管理人员和页面设计者，能够编辑和使用 JSP页面，而不影响内容的产生。在服务器端，JSP 引擎解释 JSP标识，产生所请求的内容（例如，通过存取 JavaBeans群组件，使用 JDBC技术存取数据库） ，并且将结果以 HTML（或者 XML）页面的形式发送回浏览器。这有助于作者保护自己的代码，而又保证任何基于 HTML的 Web浏览器的完全可用性。 2.强调可重用的群组件 绝大多数 JSP页面依赖于可重用且跨平台的组件（如：JavaBeans 或者 Enterprise JavaBeans）来执行应用程序所要求的更为复

20、杂的处理。开发人员能够共享和交换执行普通操作的组件，或者使得这些组件为更多的使用者或者用户团体所使用。基于组件的方法加速了总体开发过程，并且使得各种群组织在他们现有的技能和优化结果的开发努力中得到平衡。 3.采用标识简化页面开发 Web页面开发人员不会都是熟悉脚本语言的程序设计人员。JavaServer Page技术封装了许多功能，这些功能是在易用的、与 JSP相关的 XML标识中进行动态内容产生所需要的。标准的 JSP标识能够存取和实例化 JavaBeans组件，设定或者检索群组件属性，下载 Applet，以及执行用其它方法更难于编码和耗时的功能。通过开发定制化标识库，JSP技术是可以扩展的

21、。今后，第三方开发人员和其它人员可以为常用功能建立自己的标识库。这使得 Web页面开发人员能够使用熟悉的工具和如同标识一样的执行特定功能的构件来工作。 JSP 技术很容易整合到多种应用体系结构中，以利用现存的工具和技巧，并且扩展到能够支持企业级的分布式应用。作为采用 Java技术家族的一部分，以及Java 2EE的一个成员，JSP 技术能够支持高度复杂的基于 Web的应用。由于 JSP页面的内置脚本语言是基于 Java程序设计语言的，而且所有的 JSP页面都被编译成为 Java Servlet，JSP 页面就具有 Java技术的所有好处，包括健壮的存储管理和安全性。作为Java平台的一部分，J

22、SP 拥有 Java程序设计语言“一次编写，各处执行”的特点。随着越来越多的供货商将 JSP支持加入到他们的产品中，您可以使用自己所选择的服务器和工具，修改工具或服务器并不影响目前的应用。2.2 SQL 简介大多数网络应用系统都需要后台数据库的支持，Microsoft SQL Server 2000是为了当前的分布式客户机服务器环境特别设计的产品，SQL Server 数据库能够轻松通过 Internet 和内部网络加以访问。它是一个可伸缩、高性能的数据库管理系统，具备内至的复制能力、Internet 集成、开放系统体系结构及强大的基于 GUI的管理工具。它的一个独特功能是基于服务器的作业调度

23、系统，允许直观地控制多个服务器和远程操作，这极大地增强了数据库的性能和可靠性。3 关键技术介绍3.1 创建公用的数据库链接文件进行动态网站开发时，一个很重要的步骤就是建立数据库的连接，即访问数据库。访问数据库可以用 DSN和非 DSN两种方法。由于应用非 DSN访问数据库不需要配置 ODBC数据源，较 DSN方法需配置 ODBC数据源（此方法较安全）相比，本网站开发选用前者。创建数据库主要分两步进行：一是创建数据库连接文件 Conn.asp,本网站设计中将此文件保存在站点根目录的 Conn文件夹下. Conn.asp代码如下：二是在需要与数据库连接的页面包含该文件,如:此段代码几乎在后面的每个

24、页面中都要用到，所以将其保存在一个单独的文件中，在所有与数据库连接的页面中只要包含该文件，就可以连接和打开数据库。这样做有以下几个好处： 所有需要与数据库进行链接的页面文件，只需要包含该公用的数据库链接文件，既可实现对数据库的链接。使用起来十分方便，且代码显得比较规范。 当进行系统移植造成数据库地址改变时，只需要改变公用文件中的数据库链接46 7 地址，即可实现对所有页面的修改。如果在每一个文件中都自行创建数据库链接的话，将给系统移植带来不小的工作量。3.2 数据列表分栏分页的方法在执行美食相关的查询时，如果数据较多，在同一页上显示出来会使网页变得很大，影响页面的美观，也降低了网页执行的效率。

25、因此，有必要进行分页操作。利用 ASP内置的记录集对象就可以方便的实现分页操作，ASP 内置记录集对象的各种方法如表 3-1所示。表 3-1 ASP记录集对象方法方 法 说 明1 rs.movenext 将记录指针从当前的位置向下移一行2 rs.moveprevious 将记录指针从当前的位置向上移一行3 rs.movefirst 将记录指针移到数据表第一行4 rs.movelast 将记录指针移到数据表最后一行5 rs.absoluteposition=N 将记录指针移到数据表第 N 行6 rs.absolutepage=N 将记录指针移到第 N 页的第一行7 rs.pagesize=N 设

26、置每页为 N 条记录8 rs.pagecount 根据 pagesize 的设置返回总页数9 rs.recordcount 返回记录总数10 rs.bof 返回记录指针是否超出数据首端，true 表示是，false表示否11 rs.eof 返回记录指针是否超出数据末端，true 表示是，false表示否12 rs.delete 删除当前记录，但记录指针不会向下移动13 rs.addnew 添加记录到数据表末端14 rs.update 更新数据表记录可以看到，在 ASP内置记录集对象的方法中，与分页相关的方法有“rs.absolutepage=N”、 “rs.pagesize=N”和“rs.pa

27、gecount” 。在利用记录集对象 rs从数据库中读取数据之前，只要预先设定好这个属性值，就可以按照需要从数据库中读取相应的分页，从而实现分页操作。3.3 利用先进的地图查询技术为了突出名店的地理位置，将长春地图按区域划分来显示名店信息。当把鼠标移到某个区域上时就会列出该地区的部分名店。当鼠标移到某个区域时，它的 onMouseOver事件会触发 Show(Area)函数来响应，会显示该区域的部分名店，并当单击地图上的相关区域时会链接到查询页面(Query.asp)，达到链接到下一页的效果，这里采用了图层和热点技术。4 美食网站需求分析4.1 系统目标完成在线美食网网站的主要功能，主要实现以

28、下目标： 系统架够清晰、界面友好美观 动态式信息发布：为充分展现网站的时实性，在线美食网采用动态网页技术实现内容发布。 提供多种信息搜索方式，用户可根据需要方便、快捷地查找到所需信息。 采用地图查询名店信息方便、直观。 提供用户留言板，增强网站的互动性。4.2 运行环境4.2.1 服务器端操作系统：Windows 2000 ServerWeb服务器：IIS 5.0浏览器：IE5.04.2.2 客户端浏览器：IE5.05 概要设计5.1 网站总体设计5.1.1 CSS 样式表文件设计定义网站整体风格的外部样式表文件不但可以提高代码的重复使用率，而且还有助于统一网站的整体风格。本网站将可能应用的

29、CSS样式保存在一个统一的外部样式表文件中。美食网中应用的 CSS样式表文件保存在 CSS文件夹下的 css.css文件中。程序代46 9 码如下：/* CSS Document */tdfont-size:9pt;input.textwidth:100;height:20;border:1px solid;input.buttonwidth:40;height:18;border:1px solid;input.filewidth:300;border:1px solid;textareawidth:600;height:127;border:1px solid;Atext-decorati

30、on:none;color:black;A:hovertext-decoration:underline;color:red;A.nqtext-decoration:none;color:black;A.nq:hovertext-decoration:underline;color:white;5.1.2 系统功能结构根据在线美食网的特点，可以将其分为前台和后台两个部分设计。前台主要用于用户浏览、查找美食信息、名店信息、美食教程、用户留言和名店加盟等；后台主要用于管理员对美食信息、用户信息和一些其他信息进行管理。在线美食网的前台功能结构图如下：在线美食网的后台功能结构图如下：5.1.3 网站结

31、构设计在进行编码设计前，将网站中可能应用到的文件夹创建出来，这样即可以方便以后的开发工作，也可以规范网站整体结构，开发网站时只需将文件保存在相应的文件夹即可。开发本课题所设计的文件夹结构图如下：其中，CateCity 用于保存在线美食网中的全部文件夹和文件；BBS、 Board分别用来保存公告栏模块、美食留言模块的全部文件夹和文件；Conn 用于保存数据库连接文件；Css用于保存 CSS外部样式表文件；DataBase 用于保存数据库文件； Famous 、ForgetPass 两文件夹分别用来保存长春名店模块、找回密码模块中的全部文件夹和文件；Images 用于保存网站应用的图片；Js 保存

32、网站应用的 JavaScript文件；League保存名店加盟模块文件中的文件夹及文件；Manage 保存后台管理页面的文件或文件夹；46 11 Register、Teach 和 Trait分别用来保存会员注册模块、美食教程模块以及特色美食模块中的全部文件夹和文件；Tre_用来保存前台进行逻辑处理的文件。5.2 数据库结构设计在线美食网的数据库共包含 8个数据表：留言板信息表（tb_Board）用来保存用户的留言信息，该表结构如下：列名 数据类型 长度 主键否 允许空 功能描述Topic_id bigint 8 是 留言板主题编号User_id bigint 8 用户编号Content var

33、char 400 是 留言内容ImageData image 16 是 上传图片的数据Datatime datetime 8 是 发表时间ImageTag2 char 10 是 标记 ImageData 是否为空默认头像信息表(Tb_DefHead)用来保存默认的头像信息，该表结构如下：列名 数据类型 长度 主键否 允许空 功能描述Img_id bigint 8 是 默认Img_Name bigint 20 是 头像名称Img_URL varchar 50 是 头像的 URL地址名店信息表（tb_Famous）用来保存宜昌名店信息，该表的结构如下：列名 数据类型 长度 主键否 允许空 功能描述

34、Id bigint 8 是 名店编号Famous_Name varchar 50 是 名店名称Address varchar 100 是 名店地址Linkman char 10 是 联系人Telephone varchar 50 是 联系电话Email char 30 是 EmailWebAddress char 30 是 Web地址JoinTime datetime 8 是 加入时间Introduce varchar 500 是 名店介绍AreaName char 10 是 区域名称Image_Name varchar 50 是 名店图片名称名店加盟信息表（tb_League）用来保存用户填

35、写的名店加盟信息，该表的结构如下：列名 数据类型 长度 主键否 允许空 功能描述Com_Id bigint 8 是 加盟名店的编号Com_Name varchar 50 是 加盟店名称Com_Address varchar 255 是 加盟地址Linkman char 20 是 联系人Com_Tel varchar 20 是 联系电话Com_Email char 20 是 EmailCom_Web char 50 是 Web地址Traitfood datetime 255 是 特色食物Com_Introduce varchar 255 是 公司简介Com_JoinTime char 8 是 公

36、司加入时间Com_Flag varchar 10 是 标志公司是否处理过美食教程信息表（tb_Teach）用来保存美食教程信息，该表的结构如下：列名 数据类型 长度 主键否 允许空 功能描述Teach_Id bigint 8 是 教程编号Teach_Name varchar 50 是 教程名称Teach_Contentvarchar 8000 是 教程内容Teach_JoinTimedatetime 8 是 教程加入时间Teach_Author char 20 是 教程作者Image-Name varchar 50 是 教程图片名称特色美食信息表（tb_Trait 用来保存特色美食信息） ，该

37、表的结构如下：列名 数据类型 长度 主键否 允许空 功能描述Id bigint 8 是 特色美食编号Famous_Name bigint 8 是 所属名店的编号Remark varchar 300 是 备注信息46 13 Trait_Name char 30 是 特色名称Img_Name char 30 是 图片名称JoinTime datetime 8 是 加入时间用户注册信息表（tb_User）用来保存用户的注册信息，该表的结构如下所示：列名 数据类型 长度 主键否 允许空 功能描述User_id bigint 8 是 用户编号User_Name varchar 50 是 用户名User_

38、Pass varchar 50 是 用户密码Question varchar 50 是 密码问题Answer varchar 50 是 密码答案User-Sex char 10 是 性别User-Email varchar 50 是 电子邮件QQ char 9 是 QQImage_URL varchar 50 是 默认头像的地址 URLImageData image 16 是 头像图片二进制数据Telephone char 20 是 联系电话HomePage varchar 50 是 主页地址JoinTime datetime 8 是 注册时间IPAddress varchar 50 是 用户

39、的 IP地址Grade char 10 是 权限ImageTag char 10 是 标记 ImageData字段是否为空公告板信息表（tb_BBS）用来保存公告栏中显示的信息，该表的结构如下：列名 数据类型 长度 主键否 允许空 功能描述Id bigint 8 是 显示信息编号BBSTopic varchar 50 是 显示标题Content varchar 1000 是 详细信息Jointime datetime 8 是 加入时间在 SQL Server 2000中的数据库关系图中创建关系，可以根据实际情况设置级联更新或级联删除。在线美食网中只创建了一个表间关系，如下表所示：主键表 外键表

40、 关系名称 字段名 名称 字段名 级联更新 级联删除Tb_User User_id Tb_Board User_id T T6 前台主要功能模块详细设计6.1 前台总体架构前台页面主要包括以下功能模块： 网站导航：主要包括网站的旗帜广告条、功能分类导航和显示时间 3部分。 长春名店介绍：主要包括长春地图、名店查询、名店信息和推荐名店 4部分。 特色美食欣赏：主要包括特色查询、特色美食展示、详细信息展示三部分。 美食教程参阅：主要包括美食教程图片、教程信息查询和教程详解。 美食留言：记录会员的留言信息。 名店加盟：主要包括名店信息添加和名店信息展示两个部分。 友情链接：显示友情链接。 计数器：记

41、录网站的访问量。前台首页运行界面如下：46 15 前台首页中的网站导航主要用于显示当前的时间及进行网站导航，公告栏用于展示最新加盟的名店的名称，特色美食主要用于展示最新的特色美食，留言板登录为用户注册、找回密码、留言板和网站登录后台的入口；友情链接主要用于提供进入加盟网站的链接；网站基本信息展示区主要用于展示网站的基本信息。6.2 公告栏模块设计公告栏是用来发布网站的最新的信息，让浏览者了解网站的最新动态。这里公告栏信息分为首页滚动显示和具体展示两部分。6.2.1.首页滚动显示公告栏滚动显示功能模块位于前台主页的左侧，它可以将网站最新的公告信息展示给用户。实现滚动显示主要是应用 HTML中 M

42、arquee标识符.公告栏滚动显示功能运行结果如图：6.2.2 具体信息展示滚动信息展示只显示 5条最新的留言信息，当用户需要查看其他留言信息时， ，只需要单击滚动信息中“More”超链接，此时，系统会进入具体信息展示页面。在具体信息展示页面会看到关于本网站的全部公告信息列表，这些信息是系统按照发布时间降序排列的。设计结果如图：实现公告列表功能的关键代码中，当触发中的 Onclick事件时会调用 goto()函数，这是一个 JavaScript函数，其代码如下：function goto(id) location.href = “Detail.asp?id=“ + id;公告列表模块运行结果如

43、图：当用户单击公告列表中某一条记录时，系统会转到详细信息页展示所选公告的详细信息，公告详细信息页运行结果如下：6.3 长春名店模块设计长春名店模块主要包括长春名店地图展示、长春名店分类查询、名店信息详细介绍46 17 和推荐名店 4部分。6.3.1 长春名店地图展示为了突出名店的地理位置，这里将长春地图按区域划分来显示名店信息。当把鼠标移到某个区域上时就会列出该地区的部分名店。为了达到当鼠标移到某个区域时会显示该区域的部分名店，并当单击地图上的相关区域时会链接到下一页的效果，这里采用了图层和热点技术。另外，图层中所显示的部分名店不是静态的，而是从数据库中按加入时间降序排列取出的前 5条记录。层

44、代码如下：当鼠标移到某个区域时，它的 onMouseOver事件会触发 Show(Area)函数来响应，会显示该区域的部分名店，并当单击地图上的相关区域时会链接到查询页面(Query.asp)。设计中用 Javascript编写 Show(Area)函数是关键。名店地图展示页运行结果：6.3.2 长春名店分类查询名店分类查询是按查询条件对指定的关键字进行模糊搜索。其中“区域”条件的关键字是用下拉列表框显示出来的。因为长春的区域是固定不变的，为了方便用户，当选择“区域”条件时各区域会自动列出来。名店分类查询涉及到不同的 HTML表单元素。名店分类查询设计结果如下：当查询条件列表框改变时会触发 Inner()函数，其关键代码代码中的 document.all.GY中的 GY是存放关键字文本框的单元格的 id值，这个值可以任意修改。查询结果页面的运行结果如图：6.3.3 名店信息详细介绍在查询结果页中，当单击“详细内容”链接时，系统会传递一个 id值到名店信息介绍页，此时名店信息介绍页会根据 id值来显示名店的详细信息，其代码如下：名店的详细信息用如下代码来显示：（省略 HTML代码）名