毕业设计（论文）-餐饮旅游资讯网站的设计与实现--资讯管理模块.doc

毕业设计（论文）毕业设计（论文） 题 目： 餐饮旅游资讯网站的设计与实现 资讯管理模块 作 者： 分 院： 指导教师： 职 称： 讲 师 2011 年 6 月 7 日 衢州餐饮旅游资讯网站 的设计与实现 资讯管理模块 I 摘 要 该系统采用 ASP 作为编程语言，使用 Access 作为后台数据库来管理信息，使用 SQL 语句对数据库进行管理和操作，设计开发了“衢州餐饮旅游资讯网站” 。此系统 实现了餐饮旅游资讯的管理、查询、浏览、阅读、修改、发布、在线留言等。 该餐饮旅游系统由以下模块组成：系统登录模块，资讯查询模块，资讯管理模块， 在线留言模块。系统对不同的用户赋予了不同的权限，对于普通用户而言，可以查询、 浏览、阅读、留言。对于管理员而言，可以修改、删除、录入资讯。 本文重点介绍了衢州餐饮旅游资讯管理功能模块包括对资讯的分类、录入、删除、 更新等，实现了用户能够在前台对餐饮旅游资讯的快速简单的查询、浏览、阅读，掌 握当前的最新的信息。 关键词：ASP； Access； 旅游；餐饮；资讯 Keywords: ASP；Access；tourism； dining；information 电气与信息工程学院毕业设计（论文） 1 目 录 第 1 章 概述.1 1.1 课题应用背景.1 1.2 系统的开发环境.2 第 2 章 开发工具选择和需求分析.3 2.1 开发工具的选用及介绍.3 2.1.1 开发工具 ASP 介绍.3 2.1.2 DreamWeaver 的介绍.3 2.1.3 ACCESS 的简介 .4 2.2 运行环境 IIS 介绍.5 2.3 系统需求分析.5 第 3 章 系统总体设计.6 3.1 系统总体规划.6 3.2 工作流程介绍.7 3.3 系统的主功能模块介绍.8 3.4 数据库逻辑结构设计.8 第 4 章 资讯网站各模块详细设计.12 4.1 后台登录模块设计.12 4.2 系统用户管理模块设计.15 4.3 资讯类别管理模块设计.16 4.3.1 添加资讯类别 .19 4.3.2 删除资讯类别 .20 4.3.3 修改资讯类别 .20 4.4 资讯发布管理模块设计.21 4.4.1 添加资讯 .21 4.4.2 修改资讯 .22 4.5.3 删除资讯 .23 参考文献.26 致 谢.27 电气与信息工程学院毕业设计（论文） 2 第 1 章 概述 旅行和餐饮作为一个为人们提供旅行服务的行业，信息的发布、传递、及时性等 直间影响到发展前景。在网络大行其道的今天，互联网成为人们快速获取、发布和传 递信息的重要渠道，网上信息的发布由于其及时性，方便性等诸多的优点被越来越多 的人们所接受。该系统研究的重点就是如何在 ASP 环境下实现这一模块：对餐饮旅游 资讯的管理。重点介绍了，资讯的管理：发布和更新。 1.1 课题应用背景 随着国内互联网的发展，旅游和餐饮业也成为网上的热点主题，餐饮旅游类电子 商务站点也纷纷建立。如果使用静态网页作为页面，则维护工作将非常繁琐，管理员 每天需要制作大量的网页，从而浪费很多时间和精力。使用资讯发布及管理系统可以 使信息发布和管理变得很轻松，管理员只需设置标题、内容和图片等资讯就可以了， 系统将自动生成对应的网页。 用户不再满足于通过浏览器看到静态页面，而是希望能根据要求生成更加灵活的、 生动的动态页面。动态网页包含交互功能，动态网页的特点有：以数据库技术为基础， 可以大大降低网站维护的工作量；采用动态网页技术的网站可以实现更多的功能，如 管理员用户登录、后台管理等功能。其中的最主要的方面就是利用它来传递和发送信 息。 本系统主要建立一个完整的餐饮旅游资讯网站，有美观的界面设计和要实现的主 要功能模块： 1.用户功能模块：实现的主要功能包括新用户注册、老用户登陆，同时，管理员 对用户进行管理。 2.信息检索模块：该模块主要是方便用户对餐饮，景点，进行相关检索，并返回 检索结果。 3.在线留言模块：该模块主要是方便用户和管理人员进行沟通和交流，用户可以 发表自己的看法也可浏览其他用户的留言。 4.信息浏览模块：实现的主要功能包括查看站内公告(最新公告及近期的所有公告)、 点击景点，饮食的信息，并且可以进行查询功能。 电气与信息工程学院毕业设计（论文） 3 1.2 系统的开发环境 以下主要介绍系统开发过程中所用到的软件和硬件环境。 1.软件环境 操作系统 Windows 2000 Server /Windows XP 网络协议 TCP/IP 数据库 ACCESS 开发语言 ASP+Dreamweaver 8 其它辅助软件：Microsoft Word,visio,flash,ps 等 2.硬件环境 在自己的计算机上安装 IIS 作为服务器 CPU：C 2.0 或更高 硬盘：80G 或更多 内存：256M 或更高 电气与信息工程学院毕业设计（论文） 4 第 2 章 开发工具选择和需求分析 2.1 开发工具的选用及介绍 2.1.1 开发工具ASP介绍 1. ASP 的优势：Active Server Pages：“动态服务器网页” ，一般简称为“ASP” ， ASP 之所以能受到大家的重视与使用的原因，主要在于所产生的执行结果都是标准的 HTML 格式，而且这些程序是在网络服务端中执行，使用一般的浏览器（如 IE 或 Netscape）都可以正确地获得 ASP 的“执行”结果，并且将这 ASP 执行的结果直接在 浏览器中“浏览”，不像 VBScript 或 JavaScript 是在客户端（Client）的浏览器上执行。 2.ASP 的特点：只要使用一般的文书编辑程序，如 Windows 记事本，就可以编辑。 当然，其他网页发展工具，例如，FrontPage Express 等也都可以；不过还是建议你用记 事本来写，既省钱又方便。 3.通吃各家浏览由于 ASP 程序是在网络服务器端中执行，执行结果所产生的 HTML 文件适用于不同的浏览器。 4.语言相容性高：ASP 与所有的 ActiveX Script 语言都相容，除了可结合 HTML，VBScript、Java Script、Active X 服务器组件来设计外，并可经由 plug-In（外 挂组件模组）的方式，使用其他厂商（Third Party）所提供的语言。 5.易于操控数据库：ASP 可以轻易地通过 ODBC(Open Database Connectivity)驱动 程序连接各种不同的数据库。 6.面向对象学习容易：ASP 具备有面向对象（Object-Oriented）功能，学习容易， ASP 提供了五种方便能力强大的内建对象：Request、Response、Sever、Application 以 及 Session，同时，若使用 ASP 内建的“Application”对象或“Session”对象所撰写出 来的 ASP 程序可以在多个网页之间暂时保存必要的信息。 2.1.2 DreamWeaver 的介绍 Dreamweaver 是由 Macromedia 公司开发的一款所见即所得的网页编辑器。和二维 动画设计软件 FLASH，专业网页图像设计软件 FIREWORKS，并称为“网页三剑客” 。 说到 DREAMWEAVER 我们应该了解一下网页编辑器的发展过程，随着互联网的家喻 户晓，HTML 技术的不断发展和完善，随之而产生了众多网页编辑器，从网页编辑器 基本性质可以分为所见即所得网页编辑器和非所见即所得网页编辑器，两者各有千秋。 网页编辑器的优点就是直观性，使用方便，容易上手，网页编辑器进行网页制作和在 WORD 中进行文本编辑不会感到有什么区别，但它同时也存在着致命的弱点： 一、 难以精确达到与浏览器完全一致的显示效果。也就是说在所见即所得网页编 辑器中制作的网页放到浏览器中是很难完全达到您真正想要的效果，这一点在结构复 电气与信息工程学院毕业设计（论文） 5 杂一些的网页中便可以体现出来； 二、 页面原始代码的难以控制性，比如在所见即所得编辑器中制作一张表格也要 几分钟，但也可能需要几十分钟，甚至更多时间。而相比之下，非所见则所得的网页 编辑器，就不存在这个问题，因为所有的 HTML 代码都在您的监控下产生，但是由于 非所见则所得编辑器的先天条件就注定了它的工作低效率。如何实现两者的完美结合， 则既产生干净、准确的 HTML 代码，又具备则见则所得的高效率、直观性，一直是网 页设计师梦想。 软件优点：Dreamweaver 可以用最快速的方式将 Fireworks 或 Photoshop 等档案移 至网页上。使用检色吸管工具选择荧幕上的颜色可设定最接近的网页安全色。对于选 单，快捷键与格式控制，都只要一个简单步骤便可完成。Dreamweaver 能与您喜爱的 设计工具，如 Flash，Shockwave 和外挂模组等搭配，不需离开 Dreamweaver 便可完成， 整体运用流程自然顺畅。使用网站地图可以快速制作网站雏形、设计、更新和重组网 页。改变网页位置或档案名称，Dreamweaver 会自动更新所有连结。使用支援文字、 HTML 码、HTML 属性标签和一般语法的搜寻及置换功能使得复杂的网站更新变得迅 速又简单。 Dreamweaver 是唯一提供 Roundtrip HTML、视觉化编辑与原始码编辑同步的设计 工具。它包含 HomeSite 和 BBEdit 等主流文字编辑器。帧和表格的制作速度快的无法 想像。进阶表格编辑功能使简单的选择单格、行、栏或作未连续之选取。甚至可以排 序或格式化表格群组，Dreamweaver 支援精准定位，利用可轻易转换成表格的图层以 拖拉置放的方式进行版面配置。 Dreamweaver 还集成了程序开发语言，对 ASP、.NET、PHP 的基本语言和连接操 作数据库，都是完全支持的。 2.1.3 ACCESS 的简介 美国 Microsoft 公司于 1994 年推出的微机数据库管理系统。它具有界面友好、易 学易用、开发简单、接口灵活等特点，是典型的新一代桌面数据库管理系统。其主要 特点如下： 1.存储方式单一 Access 管理的对象有表、查询、窗体、报表、页、宏和模块，以上对象都存放在 后缀为（.mdb）的数据库文件种，便于用户的操作和管理。 2.面向对象 Access 是一个面向对象的开发工具，利用面向对象的方式将数据库系统中的各种 功能对象化，将数据库管理的各种功能封装在各类对象中。它将一个应用系统当作是 由一系列对象组成的，对每个对象它都定义一组方法和属性，以定义该对象的行为和 外国，用户还可以按需要给对象扩展方法和属性。通过对象的方法、属性完成数据库 的操作和管理，极大地简化了用户的开发工作。同时，这种基于面向对象的开发方式， 使得开发应用程序更为简便。 3.界面友好、易操作 电气与信息工程学院毕业设计（论文） 6 Access 是一个可视化工具，是风格与 Windows 完全一样，用户想要生成对象并应 用，只要使用鼠标进行拖放即可，非常直观方便。系统还提供了表生成器、查询生成 器、报表设计器以及数据库向导、表向导、查询向导、窗体向导、报表向导等工具， 使得操作简便，容易使用和掌握。 4.集成环境、处理多种数据信息 Access 基于 Windows 操作系统下的集成开发环境，该环境集成了各种向导和生成 器工具，极大地提高了开发人员的工作效率，使得建立数据库、创建表、设计用户界 面、设计数据查询、报表打印等可以方便有序地进行。 2.2 运行环境 IIS 介绍 IIS 的概念 IIS 是 Internet Information Server 的缩写，它是微软公司主推的服务器， IIS 与 WindowNT Server 完全集成在一起，因而用户能够利用 Windows NT Server 和 NTFS（NT File System，NT 的文件系统）内置的安全特性，建立强大，灵活而安全的 Internet 和 Intranet 站点。 IIS 支持与语言无关的脚本编写和组件，通过 IIS，开发人员就可以开发新一代动 态的，富有魅力的 Web 站点。IIS 不需要开发人员学习新的脚本语言或者编译应用程 序，IIS 完全支持 VBScript、Script 开发软件以及 Java，它也支持 CGI 和 WinCGI，以 及 ISAPI 扩展和过滤器。 IIS 支持服务器应用的 Microsoft BackOffice 系列，Microsoft BackOffice 系列包括 以下内容： 1. Microsoft Exchange Server 客户/服务器通讯和群组软件； 2. Mirrosoft Proxy Server 代理服务器； 3. 用于连接 IBM 企业网络的 Microsoft SNA Server； 2.3 系统需求分析 目前，我国旅游业和餐饮正处于高度发展状态。越来越多的人在假日里选择出游 旅作为放松自己身心和选择实惠的美食满足自己。跟随网络的普及和发展，人们开始 习惯性的在做某事之前先网络上浏览一下相关内容，找一些相关的信息。作为一个旅 行社和餐饮业，如果能够帮助游客实现对景点和美食的了解，无疑能获得较多的市场， 并且让人们充分享受旅游和美食。 如果使用静态网页作为页面，则维护工作将非常繁琐，管理员每天需要制作大量 的网页，从而浪费很多时间和精力。使用资讯发布及管理系统可以使信息发布和管理 变得很轻松，管理员只需设置标题、内容和图片等资讯就可以了，系统将自动生成对 应的网页。本文将对资讯发布及管理做重点介绍。 电气与信息工程学院毕业设计（论文） 7 第 3 章 系统总体设计 3.1 系统总体规划 以管理员的身份进入系统时的整体框架。 （如图 3.1） 后台系统前台系统 衢州餐饮旅游资讯网站 资 讯 类 别 管 理 基 本 资 讯 发 布 资 讯 图 片 发 布 资 讯 管 理 查 询 网 友 发 表 评 论 餐饮资讯 旅游资讯 美 食 菜 谱 美 味 小 吃 欢 乐 互 动 推 荐 企 业 休 闲 娱 乐 景 区 景 点 数据库 餐 饮 折 扣 信 息 食 客 点 评 衢 州 特 产 衢 州 小 吃 推 荐 菜 谱 最 新 推 出 菜 谱 食 客 互 动 衢 州 概 括 推 荐 旅 游 社 休 闲 K T V 娱 乐 景 点 优 惠 价 景 点 推 荐 图 3.1 整体框架图 电气与信息工程学院毕业设计（论文） 8 3.2 工作流程介绍 本系统可以在 Windows XP 操作系统平台上运行，Web 服务器为 IIS，开发工具采 用的是 ASP 和 DreamWeaver。其工作流程为：用户登录通过权限判断，普通用户只能 浏览、阅读和查询资讯，管理员除了可以完成普通用户的操作外，还可以进入资讯管 理模块进行信息录入、修改和删除的操作。 （如图 3.2） 用户登录 判断权限 普 通 用 户 管 理 员 资讯浏览 资讯管理 资讯查询 资讯阅读资 讯 删 除 资 讯 修 改 资 讯 录 入 图 3.2 工作流程图 后台系统的流程分析。Admin 用户拥有所有的权限，普通用户只能对自己发布的 资讯进行管理，包括修改资讯内容、删除资讯和删除网友评论。(如图 3.3) 图 3.3 后台系统的流程分析 电气与信息工程学院毕业设计（论文） 9 3.3 系统的主功能模块介绍 系统的功能是通过几个功能模块来实现的。具体的设计过程如下： 1、 系统登录：该模块负责将用户分为普通用户、管理员来实现用户权限的管理。 只用管理员才能进入后台对信息进行操作。 2 、资讯录入和修改和删除：管理员有权限进去后台录入一条资讯所需要的内容， 包含标题、关键字、类型、发布日期等进行管理。 3、资讯的类别管理：方便管理员的管理和用户在前台的浏览和查询。 系统的功能特点： 1、操作简单、界面友好：完全控件式的页面布局，使得资讯的录入工作更简便； 许多选项包括资讯类别，只需要点击鼠标就可以完成； 2、即时可见：对资讯的处理，将立即在主页的对应栏目显示出来，达到“即时发 布、即时见效”的功能。 3、功能完善：包括资讯录入、浏览、删除、修改、检索等各个方面，完整地实现 了网站对即时资讯的管理要求。 3.4 数据库逻辑结构设计 该系统主要用的数据表主要有 admini 表、Title 表、Class 表、User 表由这 4 表， 组成了名为信息的数据库。该数据库的所有表。 （如图 3 .4） 图 3.4 数据库整体设计 电气与信息工程学院毕业设计（论文） 10 Admin 表结构如下。 （如表 3-1） 表 3-1 admin 表结构 编号字段名称字段类型字段宽度 1AdminId 自动编号 长整型 2AdminName 文本 50 3AdminPwd 文本 50 4GroupId 文本 50 5AdminLock 是/否 无 6CookiesKey 文本 50 7CookiesTime 日期/时间 无 经过系统分析，admin 表必须有如下字段，它的 E-R 图。 （如图 3.5） CookiesKey AdminID AdminName GroupId CookiesTimeAdminPwdAdmin AdminLock 图 3.5 Admin 表的 E-R 图 Article 表结构。 （如表 3-2） 表 3-2Article 表结构 编号字段名称字段类型字段宽度 1ID 数字 长整型 2ClassID数字长整型 3Title 文本 225 4TitleColor 文本 7 5Keywords文本225 6Content 备注 无 电气与信息工程学院毕业设计（论文） 11 7AddTime 日期/时间 长整型 8IsUserAdd数字长整型 经过系统分析，Article 表必须有如下字段，它的 E-R 图 （如图 3.6） IsUserAdd Content ID ClassID TitleColor AddTime Title Articl Keywords 图 3.6 Articl 表的 E-R 图 Class 表结构。 （如表 3-3） 表 3-3 Class 表结构 编号字段名称字段类型字段宽度 1ID数字自动编号 2SortName文本长整型 3SortName数字长整型 4ParentID数字整型 5OrderID数字长整型 6PageSize数字长整型 7IsNav数字长整型 8gotoURL数字长整型 电气与信息工程学院毕业设计（论文） 12 经过系统分析，Class 表必须有如下字段，它的 E-R 图。 （如图 3.7） gotoURL PageSize ID SortName ParentID IsNav SortName Class OrderID 图 3.7 Class 表的 E-R 图 User 表结构。 （如表 3-4） 表 3-4 User 表结构 编号字段名称字段类型字段宽度 1ID数字自动编号 2User_Name文本50 3User_Password文本50 4Name文本整型 5Mail文本225 6Address文本225 7Sex文本2 8ClassID数字长整型 9Photo文本50 10LastLoginTime日期/时间无 经过系统分析，User 表必须有如下字段，它的 E-R 图。 （如图 3.8） Photo Sex ID User_Name Address ClassID Name User Mail LastLoginTime 图 3.8 User 表的 E-R 图 电气与信息工程学院毕业设计（论文） 13 第 4 章 资讯网站各模块详细设计 本系统主要介绍的是管理员对后台资讯的管理。后台管理模块包括(1)添加新的资 讯类别记录；(2)修改资讯类别记录；(3)删除资讯类别记录。从而实现用户根据自己需 要点击相应的板块，进行浏览和阅读和查询。 4.1 后台登录模块设计 系统登录：该模块只有管理员才有权限登录到后台，对资讯进行管理操作， 登录后台设计。 （如 4.1 图） 图 4.1 后台登录界面 后台设计相应代码如下： 管理员帐号 电气与信息工程学院毕业设计（论文） 14 管理员密码 程序验证码 Stotype.trim = function() return this.replace(/(s*)|(s*$)/g, ); function ShowErrMsg(Info) document.getElementById(showMsg).innerHTML = Info; function submitfrm(frm) if(frm.username.value.trim()=) ShowErrMsg(用户名不能为空，请输入); frm.username.focus(); return false; 电气与信息工程学院毕业设计（论文） 15 if(frm.userpwd.value.trim()=) ShowErrMsg(密码不能为空，请输入); frm.userpwd.focus(); return false; if(frm.getcode.value.trim()=) ShowErrMsg(验证码不能为空，请输入); frm.getcode.focus(); return false; return true; 管理员帐号 管理员密码 程序验证码 4.2 系统用户管理模块设计 可以设计多个用户对后台进行管理，对他们设置不用的权限，来管理网站不同的 模块，便于信息发布的及时性。用户管理模块设计。 （如图 4.2） 图 4.2 用户管理图 系统用户管理代码： function formsubmit(frm,action) if(frm.AdminName.value.trim()=) ShowErrMsg(管理员名称不能为空，请输入); frm.AdminName.focus(); return false; if(frm.AdminPwd.value.trim()= frm.AdminPwd.focus(); return false; frm.action.value = action; frm.submit(); Private Sub Edit() Call GetFormData() sql=select count(*) from Ok3w_Admin where AdminName= return false; parent.left.location.reload(); % Set myClass = Nothing 电气与信息工程学院毕业设计（论文） 20 Set Rs = Nothing Call CloseConn() 4.3.2 删除资讯类别 在删除资讯类别之前，需要选中相应的复选框。下面介绍几个与选择复选框相关 的 javaScript 函数。 删除资讯类别代码： 在删除资讯类别之前，应该判断此资讯类别中是否包含资讯，如果有资讯，则不 能删除，否则会产生没有资讯类别的垃圾资讯。 4.3.3 修改资讯类别 修改资讯类别代码： input name=bntEdit type=button class=bntStyle id=bntEdit onClick=a_edit(this.form) value= 修改/查看 / function a_edit(frm) var a_id=0; var a_count=0; for(var i=0; ifrm.elements.length; i+) if(=Id a_count +; if(a_count!=1) alert(请选择一篇你需要修改/查看的文章); else document.URL=Article_Edit.asp?action=edit 电气与信息工程学院毕业设计（论文） 21 4.4 资讯发布管理模块设计 系统用户都可以发布资讯，资讯发布管理模块包含以下功能： 1.添加新资讯； 2.修改资讯； 3.删除资讯。 4.4.1 添加资讯 在 index.asp 中， “添加资讯”按钮的定义代码如下： 当单击“添加资讯”按钮时，将触发 onclick 事件，并调 newwin (NewsAdd.asp)函数，即在弹出的新窗口中执行 News.Addasp。 资讯添加界面。 （如图 4.7） 图 4.7 添加资讯界面 添加资讯代码如下： function submitform(frm) 电气与信息工程学院毕业设计（论文） 22 if(frm.Title.value.trim()=) ShowErrMsg(标题不能为空，请输入); frm.Title.focus(); return false; if(frm.ClassID.value=) ShowErrMsg(栏目不能为空，请选择); frm.ClassID.focus(); return false; if(eWebEditor1.eWebEditor.document.body.innerHTML.trim()=) ShowErrMsg(内容不能为空，请输入); eWebEditor1.eWebEditor.focus(); return false; if(frm.IsPic.checked frm.PicFile.focus(); return false; frm.action = frm.action + frm.bntSubmit.disabled = true; frm.bntSubmit.value = 请稍候.; frm.submit(); 4.4.2 修改资讯 从管理资讯类别进去，根据选择的条件找到要修改的资讯 ，在编号前面的复选框 前面打上勾，单击修改按钮，进入编辑资讯界面对资讯进行修改。 （如图 4.8） 电气与信息工程学院毕业设计（论文） 23 图 4.8 修改资讯 修改资讯代码： function a_edit(frm) var a_id=0; var a_count=0; for(var i=0; ifrm.elements.length; i+) if(=Id a_count +; if(a_count!=1) alert(请选择一篇你需要修改/查看的文章); else document.URL=Article_Edit.asp?action=edit 4.5.3 删除资讯 从管理资讯类别进去，根据选择的条件找到要删除的资讯 ，在编号前面的复选框 前面打上勾，单击删除按钮，完成对资讯的修改。 （如图 4.9） 图 4.9 删除资讯 修改资讯代码如下: 电气与信息工程学院毕业设计（论文） 24 function a_action(frm,aStr) var a_count=0; for(var i=0; ifrm.elements.length; i+) if(=Id if(a_count=0) alert(你需要至少选择一篇文章进行相关操作); else frm.Cmd.value = aStr; frm.submit(); function ChkAll(frm) IsChkAll = !IsChkA