毕业论文范文——美食商务网站设计

泰山学院本科毕业论文（设计）泰 山 学 院 本科毕业论文（设计） 美食商务网站设计所 在 学 院 信息科学技术学院 专 业 名 称 计算机科学与技术 申请学士学位所属学科 工学 年 级 学生姓名、学号 指导教师姓名、职称 完 成 日 期 年 月 日 目录摘要 随着互联网技术和通讯技术的不断发展，网络已经渗入到生活的方方面面，极大的丰富了人们的衣食住行，使人们时时都能感受到网络的神奇。Internet的飞速发展也导致了创建的网站越来越多，当我们浏览这些网站的时候，看到的是丰富的影像、图片、文字，这些内容都是通过HTML语言表现出来的。但是对于一些开发的前端程序人员来说，跨平台是一个难以实现的问题。随着科技的不断发展，网络技术也不断得到进步和完善，HTML5的诞生就很好的解决了这个难题。 本论文将采用HTML5技术，依据Hbuild为开发平台，结合CSS技术、PhotoShop和JavaScript技术设计一个小型美食商务网站。本系统实现了用户注册、登录功能、查询美食信息、添加购物车、对购物车里的美食进行修改、支付功能以及后台管理员可以发布美食菜品及其做法，实现信息共享从而达到人人都能和美食零距离接触的目的。关键词：HTML5，JavaScript，CSS，Cate WebsiteV目录ABSTRACTWith the continuous development of Internet technology and communication technology, the Internet has penetrated into every aspect of life, greatly enriched the daily life of people, make people always feeling the magic of the network.The Internet maintained by the rapid development of Internet has led to more and more, when we are browsing the web site, see the rich images, text, radius, these content are through HTML.For some of the front-end application development, cross-platform is a difficult problem.With the continuous development of science and technology, network technology is also constantly progress and improvement of the birth of the HTML 5 is well solved the problem.HTML 5 technology is adopted in this paper, on the basis of Hbuild for development platform, combined with PhotoShop and JavaScript technology to design a small cate websites.This system realizes the user registration, login, and can release cuisine dishes and its practice, realize information sharing so as to achieve everyone can and zero distance contact purpose.Keywords: HTML5，CSS，JavaScript，Cate Website目录目录目录III1引言11.1研究的背景11.2研究的目的和意义12系统开发技术简介22.1HTML5技术22.1.1什么是HTML522.1.2 HTML 5的优势22.2 CSS3技术22.3 JavaScript技术32.3.1 JavaScript的特点32.3.2 JavaScript的主要作用32.4 数据库技术43美食网站需求分析及可行性研究43.1需求分析43.2 可行性分析54系统概要设计64.1 系统设计原则64.2 系统功能划分64.3 模块功能描述64.4 系统的数据库结构设计75系统数据库设计85.1 数据库设计85.1.1数据库需求分析85.1.2 创建公用的数据库链接文件85.2实体联系模型（E-R图）85.3 安全保密设计115.3.1 登录用户的安全性115.3.2 数据安全性116系统的详细设计116.1 程序流程图116.2 系统界面设计156.2.1用户注册登录模块实现156.2.2 网站主页设计166.2.3 模块分割177系统测试197.1 网站测试概述197.2 开发过程中的测试197.2.1浏览器兼容性测试197.2.2网页功能测试197.2.3检查站点内各衔接的有效性197.2.4测试站点20总结20参考文献22致谢23泰山学院本科毕业论文（设计）1引言1.1研究的背景21世纪是一个科技迅速发展的时代，信息全球化、资源共享已成为一种不可阻挡的潮流。在网络技术如此普及的今天，互联网无疑是能够用最低成本广泛传播信息的最有效工具。在这样一个互联网如此普及的时代里，传统的餐饮业也悄悄的进行着一场互联网的革命，利用互联网技术提高自身的实力，已经成为在激烈的竞争中取得胜利的重要砝码。人类饮食发展史经历了有初级追求向高级追求进化的四个阶段，即果腹充饥型、美味享受型、营养保健型、食疗养生型。随着社会生活节奏的不断加快，生活水平的不断提高，人们对于饮食方面的要求也越来越高，不仅要求吃的美味，更要吃出健康。但是许多顾客由于工作繁忙无法抽出时间享受美食，自然就产生了网上订餐的要求，最好的方式就是把传统餐饮业和互联网结合起来，于是就形成了网上订餐系统。1.2研究的目的和意义在经济全球化大趋势下，传统的餐饮业正面临着巨大的挑战，线上经济对实体经济造成了巨大的冲击力。如今传统的餐饮业只有采用“传统+互联网”的发展模式，才能紧跟时代的发展潮流，使自己立于不败之地。因此开发在线美食商务网站具有很高的商业价值。随着网络对人们日常生活影响的不断加深，一些传统餐饮业的商家们也越来越重视互联网的开发与应用。因为在线美食网站既提高企业的知名度，有效地降低管理成本，为传统餐饮业注入了新的生机与活力。另外，线上订餐系统为就餐者带来极多的方便，使他们能够足不出户就能享受到快捷方便的美食。泰山学院本科毕业论文（设计）2系统开发技术简介2.1HTML5技术2.1.1什么是HTML5HTML5不是一种编程语言，而是一种描述性的超文本标记语言，用于描述超文本中的内容和结构。2.1.2 HTML 5的优势(1)实用解决了跨浏览器的问题浏览器是网页的运行环境，因此浏览器的类型也是在网页设计时遇到的一个问题。为了保证设计出来的网页在不同的浏览器上效果一致，HTML5会让问题简单化，具备友好的跨浏览器性能。(2)实用性和用户优先原则HTML5标准的制定以用户优先为原则，一旦遇到无法解决的冲突时，规范就会把用户放到第一位，其次是网页的作者，再次是浏览器，接着是规范制定者,最后才考虑理论的纯粹性。因此，HTML5内只封装了切实有用的功能，而没有封装复杂并没有实际意义的功能。(3)化繁为简的优势在设计HTML5时，严格遵循了“简单至上”的原则，主要体现在以下几个方面：l 新的简化的字符集声明；l 新的简化的DOCTYPE；l 简单而强大的HTML5 API；l 以浏览器原生能力替代复杂的JavaScript代码2.2 CSS3技术常见的网站、博客是使用文字图片展示内容的，其中文字是传递信息的主要手段。而美观大方的网站或者博客，需要使用CSS样式来修饰。在CSS3中定义了许多属性，用来美化和设计图片、设置文本的样式和粗细、设置网页背景和HTML元素边框样式、美化表格和表单，另外通过CSS3还可以设计出美观大方、具有不同外观和样式的超链接，从而增强网页样式特效。2.3 JavaScript技术2.3.1 JavaScript的特点JavaScript的特点主要有以下几个方法（1）语法简单，易学易用JavaScript语法简单、结构松散，可以使用任何一种文本编辑器进行编写。JavaScript程序运行时不需要编译成二进制代码，只需要支持JavaScript的浏览器进行解释。（2）解释性语言非脚本语言编写的程序通常需要经过“编写-编译-连接-运行”这四个步骤，而脚本语言JavaScript只需要经过“编写-运行”这两个步骤（3）跨平台由于JavaScript程序的运行依赖于浏览器，只要操作系统中安装有支持JavaScript的浏览器即可，因此JavaScript与平台无关。（4）基于对象和事件驱动JavaScript把HTML页面中的每个元素都当作一个对象来处理，并且这些对象都具有层次关系，像一棵倒立的树，这种关系被称为“文档对象模型（DOM）”。在编写JavaScript代码时，会接触到大量的对象及对象的方法和属性。因为基于事件驱动，所以JavaScript可以捕捉到用户在浏览器中的操作，可以将原来静态的HTML页面变成可以与用户交互的动态页面。（5）用于客户端尽管JavaScript分为服务器端和客户端，但目前应用最多的还是客户端。2.3.2 JavaScript的主要作用JavaScript是目前web应用程序开发者使用最为广泛的客户端脚本编程语言，它不仅用来开发交互式的web页面，还可将HTML、XML和Java Applet、Flash等Web对象有机的结合起来，使开发人员能够快速生成Internet上使用的分布式应用程序。JavaScript可以弥补HTML语言的缺陷，实现web页面客户端的动态效果，其主要作用如下： (1)动态改变页面内容HTML语言是静态的，一旦编写，内容就无法改变。JavaScript可以弥补这种不足，可以将内容动态的显示在页面中。（2）动态改变网页的外观JavaScript通过修改网页元素的CSS样式，可以动态的改变网页的外观。例如，修改文本的颜色，大小等属性，让图片的位置动态的改变等等。（3）验证表单数据为了提高网页的效率，用户在填写表单时，可以在客户端对数据进行合法性验证，验证成功才能提交到服务器上，进而减少了服务器的负担和网络带宽的压力。（4）响应事件JavaScript是基于事件的语言，因此可以影响用户或浏览器产生的事件。只有事件产生时才会执行某段JavaScript代码，例如，当用户点击计算按钮时，程序才显示运行结果。2.4 数据库技术该系统网站的数据库采用SQL Server 2005，它建立在Microsoft Windows NT 平台，并提供强大的企业数据库管理功能。SQL Server 2005是一个全面的数据库平台，是一个满足客户/服务器(Client/Server)需求并且可扩充高性能的数据库管理系统。SQL Server 2005数据库引擎为关系型数据和结构化数据提供了更安全可靠的存储功能，可以构建和管理用于业务的高可用和高性能的数据应用程序。此外SQL Server 2005还结合了分析、报表、集成和通知功能。3美食网站需求分析及可行性研究3.1需求分析本系统网站以饮食为基础，以菜谱为中心，并以零距离美食命名的。它与我们的生活息息相关，当今社会越来越多的人喜欢吃快餐，但快餐对身体并不好。在零距离美食网中可以学到日常生活中我们所忽视的东西，也可以学到一些家常菜的做法，还可以上传自己的独门妙招与他人分享，让大家都体会到做菜的乐趣。本系统网站采用HTML5技术，依据Hbuild为开发平台，结合Photoshop和JavaScript技术设计一个小型美食网站。本系统实现了用户注册、登录功能、查询美食信息、添加购物车、对购物车里的美食进行修改、支付功能以及后台管理员可以发布美食菜品及其做法，实现信息共享从而达到人人都能和美食零距离接触的目的。(1)系统网站的主要需求有：l 系统页面美观友好、系统架构清晰l 系统可以实现动态式发布信息l 系统可以提供多种菜品的信息及做法l 系统可以提供用户留言板块，增强网站的互动性 (2)对web用户的管理主要需求项目有：l Web用户可以完成注册信息l Web用户在登录页面可以输入用户名和密码进入主页l Web用户可以修改个人资料和登录密码l Web用户可以在网上查找美食、分享美食以及订购美食l Web用户可以留言板块留言，发表一些对美食的看法l Web用户在完成操作后，可以退出登录系统3.2 可行性分析(1) 技术可行性HBuilder是一种用于创建内容丰富的动态网站、移动APP开发的编码工具，HBuilder支持HTML5+规范，它使得JavaScript可以调用二维码、语音输入、摄像头、位置、陀螺仪.几十万原生API！设计该网站系统时主要采用了HTML 5 + CSS 3 + JavaScript技术。HTML 5以HTML 4为基础，并且对HTML 4做了大量的修改。在HTML 5对HTML 4所做的各种修改中，其中最重大的一个修改就是为了使文档结构更加清晰，容易阅读，增加了许多新的结构元素。这些新标签很好的解决了跨平台的问题。另外CSS 3可以美化页面，JavaScript可以实现动态交互，所以说，开发本系统网站在理论上是可行的。(2) 经济可行性网上订餐系统为顾客节省了时间，给人们的生活带来极大的方便。网上订餐模式将成为一种全新的商务模式。通过网上订餐系统，商家既可以提高企业的知名度，还可以在网上获得大量的顾客，从而打破时间和地点的限制，扩大了自己的营销范围。顾客也能足不出户就可以享受到美食。通过上面的分析，开发本系统网站在经济上是完全可行的。 (3) 法律可行性该系统网站由本人独立开发设计的，不存在侵权问题，不违反国家法律，不侵犯他人、集体、国家的利益，因此开发该网站系统在法律上是完全可行的。 4系统概要设计概要设计的基本目标是解决系统如何实现的问题，该阶段的主要任务是设计软件的结构及划分出系统的物理元素。然后根据系统分析产生的结果来确定这个系统有哪些系统和模块组成，如何实现各个模块的功能以及如何把各个功能模块有机的结合在一起，总体设计的目标是使系统实现所有要求的功能，同时也要达到高可靠性、高效率、可修改性以及容易掌握和使用的要求。4.1 系统设计原则结构化系统设计强调把一个系统设计成具有层次的模块化结构。所以，系统设计的原则就是要遵循模块化设计。因为系统设计主要有两项工作，一是把系统分割成若干个模块，二是把模块有机的组织起来。因此设计系统时还应该遵循高内聚低耦合的原则。4.2 系统功能划分根据在线美食的特点，再经过对系统的需求分析，可以把整个网站系统分为七大模块，即用户管理模块、美食浏览模块、购物车模块、生成订单模块、商品评价模块、反馈留言模块以及新闻管理模块。4.3 模块功能描述(1) 用户管理模块设计用户管理模块是网站的重要内容，给予用户特定的权限以吸引用户经常访问网站。这个模块主要实现用户注册信息的管理和登录网站用户的管理。（2）美食浏览模块设计美食浏览模块向用户提供一些美食信息，包括首页、美食产品信息、饮食健康、发布菜品以及联系我们。其中首页主要分为今日热点和菜谱排行两个模块，以方便为顾客提供最受欢迎的美食信息。（3）购物车模块设计购物车模块主要实现顾客可以添加商品的功能。用户选择完商品后可进入购物车页面，查看自己已经添加的美食产品，并且可以修改某种美食商品数量、取消某种商品以及清空整个购物车的商品。（4）生成订单模块设计生成订单模块主要实现了查看订单信息、取消和修改订单信息的功能，管理员会定时处理订单，然后更改产品的库存量。当顾客订购的美食数量多余库存数量时，系统便会弹出库存不足的警告，这时管理员就要暂停处理订单，当货源补充上时，可通过修改库存量重新处理订单。（5）商品评价模块设计商品评价模块主要用于及时获取用户的对商品的评价信息，其他的顾客就可以用这些评价信息作为参考信息，对商品做出初步的判断。另外，商家也可以利用这些信息了解到自己的不足之处以改进自己的服务质量，提高品质。（6）反馈留言模块设计 反馈留言模块主 要用于获取用户的留言信息。完善的客服功能，客户可以通过网上调查表或反馈表提出对产品的看法和建议。（7）新闻管理模块新闻管理模块主要是管理前台网站发布的各种站内外的新闻、产品信息等。4.4 系统的数据库结构设计在线美食网站的数据库共包含7个数据表，用户注册信息表、默认头像信息表、名店信息表、特色美食信息表、美食教程信息表、公告板信息表及留言板信息表。5系统数据库设计5.1 数据库设计大多数网站系统都需要后台数据的支持，因此数据库在一个信息管理系统中占有很重要的地位，数据库设计结构的好坏直接影响到系统的运行效率以及实现的效果。一个合理的数据库结构设计可以提高数据存储的效率，保证数据库的完整性和一致性。本系统网站以SQL Server 2005为平台对数据库进行设计。SQL Server 2005是一个全面的数据库平台，是一个满足客户/服务器(Client/Server)需求并且可扩充高性能的数据库管理系统。5.1.1数据库需求分析用户的需求具体体现在各种美食信息的提供、保存、更新和查询方面，这就要求数据库的结构能够满足各种信息的输入和输出。5.1.2 创建公用的数据库链接文件在开发动态网站时，其中一个最主要的步骤就是建立数据库的链接，即访问数据库。该系统网站采用的访问数据库的方法是DSN。创建数据库主要分两步进行：一是创建数据库链接文件，此系统网站的链接文件保存在站点根目录下。二是要在需要与数据库链接的页面引入该链接文件。5.2实体联系模型（E-R图）现在广泛使用的数据模型主要有两种类型，一种是直接面向数据库逻辑结构的结构数据模型，另外一种是独立于计算机系统的概念数据模型，如实体联系模型。E-R模型是从现实世界到信息世界的第一层抽象，它直接从现实世界中抽取出实体以及实体间的联系，之后再用E-R图把数据模型表示出来。E-R模型有两个明显的优点：接近人的思维习惯，容易让人理解；与计算机无关，容易使人接受。本系统网站将采用E-R图来描述数据库的结构和语义。通过上面的需求分析可以得出本系统的实体主要有用户、订单、美食产品、管理员以及相关的新闻资讯，再找出实体之间的联系就可以得出本系统的实体- 关系（E-R）模型：（1） 会员与订单的E-R图如图5-1所示：会员编号姓名邮箱密码发出订单编号菜品名会员名 1 n 图5-1会员与订单E-R图(2） 会员和管理员的E-R图如图5-2所示： 会员编号姓名邮箱密码管理管理员编号号姓名密码 n 1图5-2会员与管理员的E-R图 （3） 会员与新闻咨讯的E-R图如图5-3所示： 会员编号姓名邮箱密码时间标题浏览新闻资讯编号内容 n m图5-3会员与新闻咨讯的E-R图 （4）订单与产品的E-R图如图5-4所示： 产品编号名称cheng菜品订货订单编号菜品名 m会员名 n图5-4订单与产品的E-R图（5）管理员与订单的E-R图如图5-5所示：管理员编号姓名cheng密码查看订单编号菜品名 1会员名 n图5-5管理员与订单的E-R图（6） 管理员与产品的E-R图如图5-6所示：编号密码 n 1姓名cheng菜品产品处理管理员名称编号图5-6管理员与产品的E-R图（7） 管理员与新闻资讯的E-R图如图5-7所示：管理员编号密码姓名cheng标题时间发布新闻资讯内容编号 1 n图5-7管理员与新闻资讯的E-R图5.3 安全保密设计 5.3.1 登录用户的安全性该系统网站设计的用户登录界面，使每个合法用户都拥有一个自己设定的密码，该密码由用户自行维护，因此用户在登录界面进行登录时可以实现对用户的身份验证。5.3.2 数据安全性由于把数据库层和客户端层分离开，客户端无法接触到数据库的核心数据，也就无法进行非法的修改和破坏，有效的保护了数据库的安全性。6系统的详细设计6.1 程序流程图（1）用户登录流程图如图6-1所示：用户进入登录界面后，填写用户名、密码等信息，点击登录按钮后，由于该网站采用了JavaScript技术，所以客户端浏览器会对用户的信息进行验证，大大减轻服务器的负担。验证正确之后，后进入网站首页界面，否则提示用户登录失败。用户可以通过找回密码或用户名重新登录 登录填写用户名、密码验证是否正确 成功登陆首页登录失败找回密码 注册 图6-1用户登录流程图（2）前台购物流程图如图6-2所示： 网上商城 美食类别 美食列表加入购物车 进入购物车界面详细介绍 返回 图6-2前台购物流程图 搜索美食选择美食类别输入搜索内容搜索成功显示搜索结果进入产品界面 返回(3)产品搜索模块流程图如图6-3所示： 图6-3产品搜索模块流程图(4)购物车模块程序流程图如图6-4所示：查看我的购物车订单列表页面是否购买查询具体商品修改数量删除订单去收银台点击“继续购物”，进入首页注册会员选择支付方式会员图6-4购物车模块程序流程图（5）管理员登录模块流程图如图6-5所示： 打开后台界面填写用户名、密码、验证码验证正确 成功登陆 图6-5管理员登录模块流程图（6）修改商品流程图如图6-6所示：管理员登陆模块 美食中心 美食列表点击商品修改 完成 图6-6修改商品流程图（7） 添加商品流程图如图6-7所示：管理员对一些美食店铺刚发布的美食产品可以进行管理，管理员进入登陆模块后，再进入产品管理中心，然后选择添加类别，之后进入美食类别管理或者进入添加新产品模块，就可以完成添加美食产品的过程。管理员登陆模块 产品中心添加类别别添加新产品美食类别管理 完成 图6-7添加商品流程图6.2 系统界面设计6.2.1用户注册登录模块实现用户登录页面的链接在网站主页的上侧，点击后进入登录页面，在登录页面中包含一个“注册新用户”的链接注册页面。在实际应用中，如果用户没有登录，则在页面中显示用户登录的选项，用户登录后，则用用户的基本信息代替用户登陆的选项。本页面的设计如图6-8所示：图6-8用户登录界面用户注册页面包含填写基本注册信息、邮箱验证、以及注册成功三个页面，在填写信息页面中必须填写用户名、登录密码、电子邮箱、手机号、验证码，本页面的设计如图6-9所示：图6-9用户注册界面6.2.2 网站主页设计 （1）整体布局在线订餐类网页主要用来实现网上订餐、交易等功能。因此所要体现的组件相对较多，主要包括账户登录、产品搜索、广告推广、产品推荐、产品分类等内容。在 HTML 5网站中，每个网页所展示的主体内容通常都存放在section结构元素中，而且通常都带有一个标题元素header。在首页中，主要包括四部分，分别为logo与导航区、banner资讯区、产品类别和页脚。最终的页面效果如下图所示：图6-10首页界面设计（2）设计分析 网上购物网站一个重要的特点，就是突出产品、突出购物流程、突出优惠活动以及促销活动等信息。首先，要用诱人的美食产品图片来吸引用户，再结合吸引人的优惠活动和促销活动来增强用户的购买欲望。在线购物网站的主要特性体现在如下几个方面：l 商品检索方便：要有商品搜索功能和详细的商品分类。l 有产品推广功能：增加广告活动位，帮助特色产品推广。l 热门产品推荐：消费者的搜索很多带有盲目性，所以可以设置热门产品推荐位。对于产品要有简单、准确的展示信息。页面整体布局要清晰、有条理，让浏览者知道在网页中如何快速找到自己需要的信息。（3）排版架构 在线订餐系统网站整体上是上下结构，上部分是网页的头部，中间为网页的主要内容，包括Banner、产品类别区域，下部分为页脚信息。网页的整体构架如图6-11所示： Logo、导航 banner 资讯 产品类别1 . 产品类别n 页脚图6-11页面排版架构6.2.3 模块分割当页面整体架构完成后，就可以动手制作不同的模块区域了。其制作流程，是采用自上而下，从左到右的顺序。（1）logo与导航模块的设计Logo信息与导航菜单都放在页面顶部，作为页头部分。其中logo信息 作为公司标志，通常放在页面的左上角。导航菜单放在页头部分和页面主体部分之间，用于链接其他页面。其中导航菜单分为首页、菜谱大全、饮食健康、发布菜单、联系我们五部分。（2） Banner模块设计的 Banner区用于放置一些美食图片，以显示新产品的信息。设计Banner区的重点在于调节宽度，使不同浏览器之间能够效果一致，并且颜色上配合logo与上面的导航菜单，使整个网站和谐、大气。（3）咨讯区模块设计 咨讯区的内容不应太多，而要简洁、突出重点。是主页用于链接其他页面的导航链接。（4）页脚模块的设计 页脚使用一个DIV标签进行设计，一般情况下用于放置一个版权信息图片，介绍页面作者等信息。页脚和其他网页部分一样，也要保持简单、清晰地风格。 （5）购物模块设计在线购买过程是这样的：在顾客浏览美食网站时，当他看到自己感兴趣的美 食时，这时有两种选择：一是查看到美食的具体描述及评价之后，仍想要购买该店的美食产品，就加入购物车。二是当顾客想购买某店的美食时，无需查看详细信息就可以直接加入购物车。（6）商品搜索模块的实现 在首页面上有搜索框，当顾客输入查找内容之后，点击搜索就能查找出一些相关的美食产品。（7）购物车模块的设计 当顾客想要购买某一美食产品时，可以点击美食旁边的购物车，就可以把美食放入购物里了，之后顾客还可以往购物车里添加其他的美食产品，直到选购完毕。另外顾客还可以修改购买的美食产品的数量或者删除一些不想要的美食产品信息。然后就进入支付流程阶段，完成支付。（8）留言模块设计在留言模块中，使用aside元素实现添加留言的功能。该模块分为留言列 表、留言查询、留言回复以及留言查询四部分。7系统测试7.1 网站测试概述美食网站建成之后并不表示网站建设的结束，还需要对网站进行严格的测试，用来检测该网站的各个功能模块是否达到预期的目标以及用户的需求是否得到满足。在设计网站的各个开发阶段都包含测试。测试主要分为静态测试和动态测试。静态测试主要是对子文档和代码进行测试，静态测试的主要内容是HTML文档测试、内容测试及浏览器兼容性测试。动态测试主要是对各个模块的功能进行测试。动态测试主要包括性能测试、路径测试、边界条件测试、回绕测试、多用户测试、负载测试、安装测试以及安全测试。7.2 开发过程中的测试7.2.1浏览器兼容性测试每位客户在浏览时时都有自己惯用的浏览器，而不同的浏览器之间对同一个页面的显示效果往往有很大的差距。即使是同一种浏览器软件，不同的版本页面的显示效果也会不一样。所以一个网站要想获得最多的访问者，在设计完之后必须要测试浏览器兼容性问题。也就是说不同的用户在使用不同的浏览器访问时看到的页面效果都应该是一样的。这就要求在开发软件时要仔细考虑所采用的开发方法的兼容性，特别是一些新的开发技术是否可以兼容各种浏览器。7.2.2网页功能测试假设自己是某一用户，依次对注册模块、登录模块、浏览商品模块、查询模块、购物车模块、留言模块进行测试。7.2.3检查站点内各衔接的有效性超链接是把网站中所有页面有机的整合在一体的内在结构，在一个网站中，网页数目较多，链接更多，在设计时可能会由于一时大意出现空连接或孤立网页。这里主要用到下面两种方法测试站点内的链接：（1）人工逐一检查：这种方法无疑是比较耗时耗力。（2）利用工具检查：Dream weaver中有“检查链接”的功能，既可以检查部分站点，也可以检查整个网站的的链接。7.2.4测试站点测试站点可以用来改善、协调开发小组成员之间的开发流程。可以使用Dream weaver里的“站点”菜单中的“报告”功能来完成这个测试任务。报告类型主要有：（1） “可移除的空标签”产生的报告内容为：所有可被删除的空标签。（2） “可合并嵌套字符标签”产生的报告内容为：所有没有可替换文本字 符的图形标签。（3） “没有替换文本”产生报告内容为：所有没有可替换文本字符的图形标签。（4） “无标题文本”产生的报告内容为：所有没有标题的，重复标题的文档。（5） “多余嵌套标签”产生的报告内容：所有嵌套的图形标签。总结论文先从整体框架设计，再到各个功能模块的具体实现，实现了美食网站的基本功能。四年的大学生涯如白驹过隙，如果说这四年是我