毕业论文--美食网页设计与制作.doc

毕业实践报告(论文)

课题名称 美食网页设计与制作

专 业 计算机信息管理
学生姓名 徐燕
学 号 5321009310163032
指导教师 张学广
起讫日期 2012年10月17日

美食天地网页
摘要

中国美食文化的发展与繁荣，是与整个中国历史的发展相知和谐统一的，以中国古代美食文化为例，具体体现在从宫廷到民间从内地到边疆，从王宫贵族到平民百姓，食风的盛、雅艺精、奇等方面。
而本网页通过用Dreamweaver,ACCESS,，与以ASP等编写的美食网页，其主要包括几个模块：首页，美食专区，美食素材，论坛等。通过本网页系统能提供各种美食相关的信息以及各种美食信息的交流。与其他企业网站一样，也通过internet来对外宣传网站。
建立以Dreamweaver，ACCESS，以ASP等技术的动态网站管理系统的前台表现模块。为用户提供方便快捷的信息服务与交流。随着网络技术的迅猛发展，互联网的快速发展使越来越多的人选择从互联网上获取信息，因此，互联网逐渐成为一个宽广的信息发布平台和获取信息的平台。本网站系统就要有用户注册和留言两大动态功能。本设计使用ASP技术的动态网页技术，ACCESS作为后台数据库，制作了一个简单的美食网站系统，实现了美食网站用户登录、注册、留言与及留言管理等功能。
关键词：美食网站 Asp Dreamweaver ACCESS
目录
1 引言………………………………………………-5-
1.1 开发背景………………………………… -5-
1.2 开发意义………………………………… -5-
1.3 目标内容及关键问题解决……………… -6-
1.3.1 内容…………………………………-6-
1.3.2 拟解决的关键问题…………………-6-
1.4 使用软件与技术 ………………………… -6-
1.5 开发工具介绍 …………………………… -7-
1.5.1 ASP介绍 ………………………… -7-
1.5.2 Dreamweaver CS3介绍………… -8-
1.5.3 Access数据库介绍……………… -9-
1.5.4 IIS介绍……………………………-10-
2 网页分析 ……………………………………… -11-
2.1 可行性分析……………………………… -11-
2.1.1 社会可行性……………………… -11-
2.1.2 技术可行性……………………… -11-
2.1.3 经济可行性……………………… -12-
2.2 需求分析………………………………… -12-
2.2.1 界面设计需求…………………… -13-
2.3 业务流程分析…………………………… -13-
2.3.1 用户操作业务流程……………… -13-
2.3.2 管理员操作业务流程…………… -14-
3 网页设计 ……………………………………… -15-
3.1 网站设计目标…………………………… -15-
3.2 模块结构设计…………………………… -15-
3.2.1模块功能设计 ……………………-15-
3.2.2 模块功能结构图……………………… -16-
3.3 数据库设计……………………………… -17-
3.3.1 E-R图设计 ………………………-17-
3.3.2 数据表设计……………………… -19-
3.4 界面设计………………………………… -21-
3.4.1 主页设计………………………… -21-
3.4.2 留言界面………………………… -22-
4 开发实施 ……………………………………… -25-
4.1 网页主页开发…………………………… -25-
4.1.1 页面截图………………………… -25-
4.1.2 主页面部分源代码……………… -25-
4.2 用户留言页面开发……………………… -28-
4.2.1 页面截图………………………… -28-
4.2.2 用户留言页面部分源代码……… -28-
4.3 管理员登录开发………………………… -31-
4.3.1 界面截图………………………… -31-
4.3.2 管理员登录部分源代码………… -31-
4.4 后台管理主页面开发…………………… -33-
4.4.1 页面截图………………………… -33-
4.4.2 后台主页面部分源代码………… -34-
4.5 其它部分源代码………………………… -35-
4.5.1 前台管理部分源代码…………… -35-
4.5.2 评论回复部分源代码…………… -37-
5 总结 …………………………………………… -38-
参考文献 ………………………………………… -39-
谢辞 ……………………………………………… -40-

1 引言

1.1 开发背景

2006年上半年,我国餐饮市场消费需求较旺，景气指数明显攀升，营业额继续保持较强的僧长势头。据国家统计局统计，上半年餐饮实现营业额3373.7亿元，与去年同期僧长24.5%：其中一季度实现营业额1742.3亿元，同比僧长16.6%：二季度餐饮业实现营业额1631.4亿元，同比僧长达到34.2%，僧幅较大，主要是去年同期餐饮业受非典影响僧幅下降10.1个百分点，同比基数较低的因素影响。据推算，我国现有餐饮网点达到400万个，其中个体私营企业380万个，占到95%左右：外资合资与国有企业约20万个，占到5%左右，企业结构不断调整，行业规模继续扩大。近两年来，一大批网站正在吸引着人们的眼球。然而，除了少数网站受到风险投资的青睐并实现飞跃式发展之外，很大一部分正处于迷茫摸索甚至挣扎的状态。在餐饮业这样一个与老百姓“衣食住行”息息相关的传统领域，各种网站走出了不同电子商务之路，催生出餐饮业电子商务发展。
随着生活质量的提高，对饮食消费理性化、经营特色化和市场细分化的特点日益突现出来。调查反映，2006年上半年的餐饮消费在需求能力有所提高的同时，顾客的就餐选择性和多样性的特点明显，更加追求企业的品牌特色、营养健康和环境服务的综合水平，特别是对餐饮企业的经营特色化和差异性的需求不断提高，特色餐饮对消费的吸引力明显僧强。餐饮企业的创新能力不断提升，在经营业态、菜品推出、风味设计和文化气氛等方面加大开发力度，市场细分化趋势僧强，更加丰富多彩。随着饮食市场的不断变化对业界提出了一系列新的要求，而通过电子商务网站形式加强企业的竞争能力已经成为一种趋势，所以我建立了一个美食网页。本人主要针对该网页的各方面内容进行描述。

1.2 开发意义

“忽如一夜春风来，千树万树梨花开”，迅猛发展并日益成熟的互联网已经影响到我们生活的方方面面。人们真真切切的体会到了网络带给大家的便捷，互联网也以其独有的优势快速地参透到越来越多的传统领域。悠久的美食文化、推陈出新的美食特色、各种多样的选择无疑可以在互联网上“大展拳脚”，在网上推广美食，详述各种美食做法必定可以受到全国乃至全世界的爱好者的追捧。
设计开发此美食网页最基本的意义，就是能够尽可能详细地展示、介绍各种美食信息，同时提供美食爱好者一个交流的平台，使得更多的美食传统做法得到推广，也可激发更多美食创意的产生。

1.3 目标内容及关键问题解决

1.3.1 内容

此次开发的中国美食网页的目标是满足爱好中国及各界需要搜集中国美食信息的网络用户的需求，在追求界面友好吸引人之余尽可能补充、不断完善中国各种美食介绍及详细做法。推广传统美食及其正确做法，同时提供一个用户相互学习、交流的平台。
此网页主要功能是推广中国特色美食，其主要内容包括：
（1） 前台管理
前台主要展示各类型美食，有搜索查询信息的功能，并设有“菜式欣赏”模块，用户拥有随意交流评论的权限，无需登陆注册，输入用户名等即可留言；
（2）后台管理
后台管理由网页管理员使用，需要登入可进行相应操作，负责对网页图片、文章、美食信息增、删、改等更新维护。
后台管理主要包括信息管理、图片管理、回复管理、管理员注销等功能模块。
1.3.2 拟解决的关键问题

（1）网页的界面设计及实用性
网页人机界面操作友好，本网页界面具有简洁性和友好性等特点，但又不失独特的页面风格，体现地方特色。界面采用引入的图片温馨格调的色调，优雅大方，内部结构采用框架布局，使整个网页看起来更有层次感，在用户功能操作上，设计简单方便。
（2）数据库设计
在开发过程中要确保数据的独立性与完整性，建立合理的表结构，避免数据沉余，数据的存储准确有效，减少沉余，节约存储空间。要充分考虑各种可能性，便于后期更新信息，后台对网页的维护等。
（3）系统安全性
确保用户和后台管理人员的操作权限。

1.4 使用软件与技术

网页选用Microsoft WindowsXP Server作为网络服务器；选用IIS作为Web服务器；采用Access数据库，以ASP技术作为主要开发技术；应用Dreamweaver为界面设计软件，选用图片处理软件如photoshop对网页所需图片进行必要修改。
1.5 开发工具介绍

1.5.1 ASP介绍

ASP是Active Server Page的缩写，意为“动态服务器页面”。ASP是微软公司开发的代替CGI脚本程序的一种应用，它可以与数据库和其它程序进行交互，是一种简单、方便的编程工具。ASP的网页文件的格式是.asp,现在常用于各种动态网站中。
ASP是一种服务器端脚本编写环境，可以用来创建和运行动态网页或Web应用程序。ASP网页可以包含HTML标记、普通文本、脚本命令以及COM组件等。利用ASP可以向网页中添加交互式内容（如在线表单），也可以创建使用HTML网页作为用户界面的web应用程序。
ASP网页具有以下特点：
（1）利用ASP可以实现突破静态网页的一些功能限制，实现动态网页技术；
（2）ASP文件是包含在HTML代码所组成的文件中的，易于修改和测试；
（3）服务器上的ASP解释程序会在服务器端执行ASP程序，
并将结果以HTML格式传送到客户端浏览器上，因此使用各种
浏览器都可以正常浏览ASP所产生的网页；
（4）ASP提供了一些内置对象，使用这些对象可以使服务器端脚本功能更强。例如可以从web浏览器中获取用户通过HTML表单提交的信息，并在脚本中对这些信息进行处理，然后向web浏览器发送信息；
（5）ASP可以使用服务器端ActiveX组件来执行各种各样的任务，例如存取数据库、发送Email或访问文件系统等。
（6）由于服务器是将ASP程序执行的结果以HTML格式传回客户端浏览器，因此使用者不会看到ASP所编写的原始程序代码，可防止ASP程序代码被窃取。
（7）方便连接ACCESS与SQL数据库。
（8）ASP也不仅仅局限于与HTML结合制作WEB网站，而且还可以与XHTML和WML语言结合制作WAP手机网站。但是其原理也是一样的。
Asp的工作原理
当在Web站点中融入ASP功能后，将发生以下事情：
（1）用户向浏览器地址栏输入网址，默认页面的扩展名是.asp。
（2）浏览器向服务器发生请求。
（3）服务器引擎开始运行ASP程序。
（4）ASP文件按照从上到下的顺序开始处理，执行脚本命令。执行HTML页面内容。
（5）页面信息发送到浏览器。

1.5.2 Dreamweaver CS3介绍

DreamweaverCS3是Adobe（奥多比）公司收购Macromedia公司后最新推出的CreativeSuite3设计套装中用于网页设计与制作的组件。作为全球最流行，最优秀的所见即所得的网页编辑器，Dreamweaver可以轻而易举地制作出跨操作系统平台，跨浏览器的充满动感的网页，是目前制作Web网站点，Web页和Web应用程序开发的理想工具。
Dreamweaver, Fireworks, Flash被称为网页制作的“三剑客”,这三款工具相辅相承，是制作网页的最佳拍档之一。与其他网页编辑工具相比，Dreamweaver的新版DreamweaverCS3的主要特点有：
（1）网页编辑形式灵活：
Dreamweaver将“设计”和“代码”编辑器集成在一起，既可以方便的进行源代码编辑，也可以使用鼠标方式添加和设置对象。
使用可视化编辑环境：
（2）Dreamweaver是一种所见即所得的网页编辑器，既有效的减少了代码编写的工作量，也确保所设计文档的专业性和兼容性。
（3）强大的CSS功能：
CSS样式可以有效的控制网页对象的外观，美化网页界面，如文本字体，颜色，表单样式、图像风格等。Dreamweaver中有强大的CSS样式表编辑器，可以比较轻松的编辑css样式。
（4）站点管理功能完善：
Dreamweaver提供了强大的站点管理功能，可以安全，系统的维护和管理各种规模的网站。
（5）集成性高：
Dreamweaver与Fireworks, Flash, Shockwave具有良好的集成性，可以在这些Web创作工具之间自由的进行切换。
（6）媒体支持能力强：
在Dreamweaver文档中，可以灵活加入JAVA, Flash, Shockwave, ActiveX以及其他媒体元素，也可以对各种多媒体元素进行处理。
（7）扩展能力强：
Dreamweaver可以实现功能的扩展。利用Adobe公司免费提供的Dreamweaver插件，可以丰富Dreamweaver的媒体处理能力。

1.5.3 Access数据库介绍

Microsoft Office Access是由微软发布的关联式数据库管理系统。它结合了Microsoft Jet Database Engine和图形用户界面两项特点，是Microsoft Office的成员之一。另外，Access还是c语言的一个函数名和一种交换机的主干道模式。
Access的主要用途：
Microsoft Access在很多地方得到广泛使用，常被用来开发简单的WEB应用程序．这些应用程序都利用ASP技术在Internet Information Services运行． 它的使用方便程度和强大的设计工具为初级程序员提供许多功能，一些专业的应用程序开发人员使用 Access 用作快速应用开发。不少 Access 的功能（表单，报告，序列和VB代码）可以用作其他数据库的后期应用，包括 JET（档案为主的数据库引擎，Access 缺省使用）、Microsoft SQL Server、Oracle和任何其他跟ODBC兼容的产品。这种方法允许开发者把一个成熟的应用的数据移动到一台更大功率的服务器。
Access的优点：
（1）存储方式简单，易于维护管理 Access管理的对象有表、查询、窗体、报表、页、宏和模块，以上对象都存放在后缀为（ .Mdb或Accdb）的数据库文件中，便于用户的操作和管理。
（2）面向对象 Access是一个面向对象的开发工具，利用面向对象的方式将数据库系统中的各种功能对象化，将数据库管理的各种功能封装在各类对象中。它将一个应用系统当作是由一系列对象组成的，对每个对象它都定义一组方法和属性，以定义该对象的行为和外国，用户还可以按需要给对象扩展方法和属性。通过对象的方法、属性完成数据库的操作和管理，极大地简化了用户的开发工作。同时，这种基于面向对象的开发方式，使得开发应用程序更为简便。
（3）界面友好、易操作 Access是一个可视化工具，是风格与Windows完全一样，用户想要生成对象并应用，只要使用鼠标进行拖放即可，非常直观方便。系统还提供了表生成器、查询生成器、报表设计器以及数据库向导、表向导、查询向导、窗体向导、报表向导等工具，使得操作简便，容易使用和掌握。
（4）集成环境、处理多种数据信息 Access基于Windows操作系统下的集成开发环境，该环境集成了各种向导和生成器工具，极大地提高了开发人员的工作效率，使得建立数据库、创建表、设计用户界面、设计数据查询、报表打印等可以方便有序地进行。
（5）支持广泛，易于扩展，弹性较大 能够将通过链接表的方式来打开EXCEL文件、格式化文本文件等，这样就可以利用数据库的高效率对其中的数据进行查询、处理。还可以通过以Access作为前台客户端，以SQL Server作为后台数据库的方式（如ADP）开发大型数据库应用系统。
总之，Access是一个既可以只用来存放数据的数据库，也可以作为一个客户端开发工具来进行数据库应用系统开发；即可以开发方便易用的小型软件，也可以用来开发大型的应用系统。

1.5.4 IIS 介绍

IIS全称Internet Information Services（互联网信息服务），是由微软公司提供的基于运行Microsoft Windows的互联网基本服务。它是微软公司主推的服务，最新的版本是Windows7里面包含的IIS 7.0，IIS与Window NT Server完全集成在一起，因而用户能够利用Windows NT Server和NTFS（NT File System，NT的文件系统）内置的安全特性，建立强大，灵活而安全的Internet和Intranet站点。
IIS的作用
IIS支持HTTP（Hypertext Transfer Protocol，超文本传输协议），FTP（File Transfer Protocol，文件传输协议）以及SMTP协议，通过使用CGI和ISAPI，IIS可以得到高度的扩展。
IIS支持与语言无关的脚本编写和组件，通过IIS，开发人员就可以开发新一代动态的，富有魅力的Web站点。IIS不需要开发人员学习新的脚本语言或者编译应用程序。
IIS的设计目的是建立一套集成的服务器服务，用以支持HTTP，FTP和SMTP，它能够提供快速且集成了现有产品，同时可扩展的Internet服务器。
IIS相应性极高，同时系统资源的消耗也是最少，IIS的安装，管理和配置都相当简单，这是因为IIS与Windows NT Server网络操作系统紧密的集成在一起，另外，IIS还使用与Windows NT Server相同的SAM（Security Accounts Manager，安全性账号管理器），对于管理员来说，IIS使用诸如Performance Monitor和SNMP（Simple Nerwork Management Protocol，简单网络管理协议）之类的NT已有管理工具。
IIS支持ISAPI，使用ISAPI可以扩展服务器功能，而使用ISAPI过滤器可以预先处理和事后处理储存在IIS上的数据。用于32位Windows应用程序的Internet扩展可以把FTP，SMTP和HTTP协议置于容易使用且任务集中的界面中，这些界面将Internet应用程序的使用大大简化，IIS也支持MIME（Multipurpose Internet Mail Extensions，多用于Internet邮件扩展），它可以为Internet应用程序的访问提供一个简单的注册项。
IIS的一个重要特性是支持ASP。IIS 3.0版本以后引入了ASP，可以很容易的张贴动态内容和开发基于Web的应用程序。对于诸如VBScript，Jscript开发软件，或者由Visual Basic，Java，Visual C++开发系统，以及现有的CGI和Win CGI脚本开发的应用程序，IIS都提供强大的本地支持。

2 网站分析

2.1 可行性分析

2.1.1 社会可行性

本网站的开发符合国家法律法规，能健康独立的运行，操作使用方便，能免费提供大量潮州美食信息，用户通过本平台不仅可以查阅到自己需要的信息资源，还能进行评论和交流，满足不同地方的美食爱好者的需求。后台管理功能模块清晰明确，随时更新有用信息。

2.1.2 技术可行性

就技术层面而言，此美食网站开发基于B/S模式，拟建的方案较为成熟，技术难度不大。主要包括前端应用程序以及后台数据库的建立和维护，前者要求具备功能完善、方便使用等特点，而后者则要求能够建立数据一致性和完整性强，安全性好的库。 网站使用的Access数据库、ASP开发语言作为开发工具，IIS作为Web服务器，这些都已经是目前十分成熟的技术，应用数量日益增多。 同时，大学四年所学习的专业知识使我在一定程度上具备了开发这一网站的能力，现有的计算机设备也完全可满足此次开发的需要。

2.1.3 经济可行性

本美食网站设计与开发所要求的硬件（计算机及相关硬件）和软件（Dreamweaver + Access + IIS 等）均在市面上易于购买或可直接从网上下载并免费使用，不需要再花费大量的资金去购买高成本的设备，大大提高了在设计过程中的工作效率。网站的主要成本主要集中在开发过程及后期维护上，开发周期短，人员经济支出不大，对用户不会造成过重经济负担。且投入使用后，可通过招商广告版面等方式收取费用，以应付日常必要开支甚至盈利，因此，本系统在经济上是可行的。

2.2 需求分析

本美食网站作为一个面向所有网络用户的网站，既要面对浏览网页信息的用户，还要面对留言交流的用户；另外，网站还涉及到后台管理的需求。因此多角度、多方面进行需求分析，尽量满足各方的功能需求。

2.2.1 界面设计需求

本网站界面需具有简洁性和友好性等基本特点，但又不失独特的页面风格，尽可能体现潮州地方特色。界面采用引入的图片温馨暖格调的色调，优雅大方，内部结构采用框架布局，使整个网站看起来更有层次感，在用户功能操作上，设计简单方便。

2.3 业务流程分析

2.3.1用户操作业务流程

菜式欣赏
浏览页面
此网站操作简单，用户可直接浏览网站页面，使用搜索模块随意搜索想要的美食信息，在“美食论享”模块只需输入基本信息即可留言，后台管理员会及时给予回复。具体业务流程如图2-1
用户
信息
搜索
填写信息

图2-1 用户操作业务流程图

2.3.2 管理员操作业务流程
本网站后台功能完善，用户必须登录才能使用管理员权限，管理员可对前台信息进行增、删、改、查。另有“前台管理模块”，主要功能是管理员可最终确认所增加或修改的信息是否生成于前台网页。管理员还可进行对用户留言给予回复，增加、修改管理员信息等操作。具体业务流程如图2-2：
管理员
退出管理
留言回复
前台管理
增∕删∕改∕查∕信息
添加管理员
验证
登录

图2-2 管理员操作业务流程图

3 网页设计

3.1 网页设计目标

本美食网站的建设，主要针对美食爱好者及各界需要搜集潮州美食信息的网络用户的需求进行设计开发的，因此，将打造一个界面美观友好，布局合理，栏目功能强大，信息详尽的网站。另外，网站后台管理将实现简单操作、易于维护等基本功能。主要实现如下目标：
（1）、向外界宣传潮菜文化和菜肴传统做法；
（2）、信息尽可能齐全，满足不同用户需求；
（3）、设有留言功能；
（4）、后台管理操作简单，功能完善，易于维护；
（5）、管理员需登录才可进行后台管理，安全可靠。

3.2 模块结构设计

3.2.1 模块功能设

本美食网站主要由前台信息页面和后台管理模块两部分组成。
前台信息页面：(如图3-2-2-1)
前台信息页面主要包括8个栏目：主页、家常菜、特色菜、传统小吃、食疗药膳、留言版(美食论享)、菜肴排行、关于我们。主页上，主要包括几个重要的链接还有一个搜索功能模块（美食特搜）。另外，各栏目界面均美观友好、布局合理，吸引用户。
后台管理模块：(图3-2-2-2)
后台管理功能完善，包括修改企业简介；增加、删改菜肴信息；管理菜系；前台管理等。管理员需登录才能进行后台管理操作，登录成功之后就可以对网站的信息进行增、删、改等工作，同时具有增加/管理管理员及回复前台用户留言的权限。

3.2.2 模块功能结构图

美食详情
美食列表
美食特搜
前台页面信息
关于我们
菜肴排行
菜式欣赏
食疗药膳
传统小吃
特色菜
家常菜
主页

图3-1 前台页面模块功能结构图

退出管理
管理留言版
管理友情链接
管理员
前台管理
管理菜系
删除菜肴
增加菜肴
后台管理

图3-2 后台管理模块功能结构图

3.3 数据库设计
数据库在任何动态网站中占有非常重要的地位，数据库结构设计的合理与否会对网站的效率以及实现的效果产生直接影响。合理的数据库结构设计可以提高数据存储的效率，保证数据的完整性和一致性。同时，合理的数据库结构也将有利于网站的开发实现。 设计数据库时应该首先充分了解网站各个方面的需求，包括现有的以及将来可能增加的需求。 数据库名称为：“food”。

3.3.1 E-R图设计
用户的需求具体体现在对美食信息上，美食信息包括名称，图片，制作方法等数据，这就要求数据库结构能够充分满足各种信息的输出和输入。
针对本网站的需求，通过对某些功能的所要需求和数据分析，设计如下面所示的数据项和数据结构：
管理员信息表：包括登录账号、密码；
美食信息表：包括美食编号、名称、图片、菜系、调料、市场价、制作过程等；
美食类别信息表：包括菜系编号、名称、下属二级分类数目、JS代码；
美食二级分类信息表：包括编号、名称、数量、主菜类编号；
用户留言信息表：编号、用户姓名、电话、邮箱、留言内容、留言时间、回复内容；
友情链接信息表：编号、标志图、网站名称、网站地址、网站简介、加入时间。
根据以上数据项和数据结构，设计出能够满足数据库需求的各种实体，以及它们之间的关系，设计规划出的实体有：管理员实体、美食实体、美食类别实体、二级分类实体、友情链接等。各个实体具体的E-R图如下：

密码
账号
管理员

图3-3 管理员E-R图
所属类别
图片
编号
名称
制作过程

市场价
调料
美食信息

图3-4 美食E-R图

主菜类编号
名称
编号
数量
美食二级分类

图3-6 美食二级分类E-R图
留言内容
用户姓名
编号
邮箱
回复内容
留言时间
用户留言

图3-7 用户留言E-R图

Logo
网页名称
编号
网站地址
加入时间
网页简介
友情链接信息

图3-8 友情链接E-R图

3.3.2 数据表设计

表3-1：管理员信息表
字段名
数据类型
数据长度
是否为空
管理员账号
char
50
No
密码
char
50
No

表3-2：美食信息表
字段号
数据类型
数据长度
是否为空
编号ID
char

名称
char
50
No
图片
char
50
Yes
制作原料
char
50
Yes
推荐等级
char
10
No
美食类别
char
10
No
美食二级类别
char
10
No
调味料
char
50
Yes
市场价
char
50
Yes
制作过程
char
255
Yes
关键字
char
50
Yes
推荐与否
自动

点击次数
自动

日期
Date

No
表3-3：美食类别信息表
字段名
数据类型
数据长度
是否为空
编号
Long char
自动
No
名称
char
50
No
下级分类数目
Long char
自动
No
JS代码
Char
50
No
表3-4：美食二级分类信息表
字段名
数据类型
数据长度
是否为空
编号
Long char
自动增值

名称
Char
50
No
数量
Long char
自动

美食类别编号
Long char
自动

表3-5：用户留言信息表
字段名
数据类型
数据长度
是否为空
编号
Long char
自动
No
用户姓名
Char
50
No
电话
Char
50
Yes
邮箱
Char
50
Yes
留言内容
Char
255
No
留言日期
Date

回复
Char
255
Yes（默认“暂无回复”）

表3-6：友情链接信息表
字段名
数据类型
数据长度
是否为空
编号
Long char
自动

标志(Logo)
char
50

网站名称
char
50

网站地址
char
50

网站简介
char
255

加入时间
Date

3.4 界面设计

作为一个美食网站，界面的设计是至关重要的，一个优秀的美食网站在用户第一次浏览时就应该给用户造成视觉上的冲击，吸引住用户的眼球，可以从网站颜色搭配，结构功能等方面去考虑。在实现视觉美观享受的同时，也需要提供简单方便的操作。

3.4.1 主页设计

研究表明，橙色是最能激发食欲的颜色，本主页使用潮州标志建筑图片（湘子桥）作为主标题背景图，整体色彩搭配合理，布局清晰，同时注重细节构造，使用趣味动态标题栏，构造出美观、吸引人的主页。给人留下深刻的影响
图3-9 主页

3.4.2留言界面

用户在浏览了网站页面之后，可以来到“美食论享”页面进行留言，本网站不设游客登录、注册，留言板块向所有用户开放，只需填入必要信息即可进行留言，管理者会及时给予回复，此功能简单易操作，页面自然清晰。

图3-10美食论享（留言）
3.4.3 后台管理界面
后台管理功能完善，同时页面整洁，结构清晰明了。

图3-11 后台主页

图3-12添加菜肴

图3-13 删改菜肴

4 开发实施

本网站的以ASP为主要开发语言，在Dreamweaver中完成页面的设计与框架布局，使用Access数据库，同时辅以Photoshop为画图工具，对所使用图片进行必要修改,以保证页面的美观。

4.1 网站主页开发

4.1.1 页面截图

4.1.2 主页面部分源代码

<table width="770" border="0" align="center" cell padding=”0” cell spacing=”00”bgcolor=”#FFCC99”>

<td>&nibs;</td>
</t r>
<t r bicolor="#FFCC99">
<td width=”5”><imp border=”0” sic=”Image/Space _ 5.gif”></td>
<td width="175" malign="top" style="border-right:1px #D8D8D8 solid;">
<table border="0" width="100%" cell spacing="0" cell padding="0">
<t r>
<td align="center" background="" bicolor="#DFDFE1">
<table width="157" border="0" cell padding="0" cell spacing="0" bicolor="#FFCC99">
<t r>
<td align="center"><!--#include file="D_Search.asp"--></td>
</t r>
<t r> </t r>
<t r> </t r>
<t r>
<td align="center"><image sic="Image/tuijian.gif" width="200" height="55" border="0"></td>
</t r>
<t r>
<td align="center"><!--#include file="D_Tui.asp"--></td>
</t r>
<t r>
<td align="center"><imp sic="Image/new. gif" width="200" height="55" border="0"></td </t r>
<t r>
<td align="center"><!--#include file="D_New.asp"--></td>
</t r>
<t r>
<td align="center"><imp sic="Image/links2.gif" width="200" height="55" border="0"></t