网页设计与制作(毕业设计论文)

毕业设计（论文）

专 业：考生姓名：

计算机及应用

付晓杰 准考证号 XXXXXXX

2014年7月20日

【中文摘要】

随着计算机技术和通信技术的飞速发展，信息化的浪潮席卷全球，互联网成为人们快速获取、发布和传递信息的重要渠道。作为占有全社会大约80%信息的政府，如何将海量的信息提供给有需求者，并且能够保证24小时随时查询和下载，在众多媒体中，政府网站是成本低廉和行之有效的方法。论文详细描述了一个基于ASP技术和ACCESS数据库系统的网站的开发过程。网站包括两个模块：新闻发布和互动交流。其中新闻发布系统包括组织机构、部门信息、政策法规、网站公告、后台管理等子模块。互动交流系统包括网上办事、互动交流、下载中心等子模块。主页面提供本网站的一个宏观样式，并让各模块与之配合联系，构成一个完整的网站系统。

【关键词】

政府网站

ASP 技术

ACCESS 数据库

【目 录】

【前言】 ··································································································································· 3

【正文】 ··································································································································· 3

第 一 章 概 述 ·························································································································· 4

1.1 网站建设背景 ········································································································· 4

1.2 网站建设意义 ········································································································· 4

1.3 开发工具简介 ········································································································· 5

1.3.1. 网页图像设计工具——Photoshop、Fireworks ········································ 5

1.3.2. 动画制作工具——Flash MX 2004 ····························································· 5

1.3.3. 网页排版工具—— Macromedia Dreamweaver 8 ······································ 5

第 二 章 可行性分析 ················································································································ 6

2.1 B/S结构介绍 ·········································································································· 6

2.2 ACCESS 数据库 ······································································································· 6

2.3 ASP 技术 ················································································································ 6

第 三 章 网站需求分析············································································································· 7

3.1 总体功能需求分析 ································································································· 7

3.1.1. 功能需求 ····································································································· 7

3.1.2. 功能结构图 ································································································· 7

3.2 网站具体功能模块需求分析 ·················································································· 8

3.2.1. 网站首页新闻发布等功能块 ······································································ 8

3.2.2. 领导讲话功能 ····························································································· 8

3.2.3. 政务公开功能 ····························································································· 8

3.2.5. 政策法规功能 ····························································································· 9

3.2.6. 网上办事功能 ····························································································· 9

3.2.7. 互动交流功能 ····························································································· 9

3.2.8. 专题专栏功能 ····························································································· 9

3.2.9. 联系我们功能 ····························································································· 9

3.2.10. 友情链接功能 ··························································································· 9

3.2.11. 网站功能板块 ··························································································· 9

3.2.12. 网站结构图 ······························································· 错误！未定义书签。

3.3 网站版面规划 ········································································································ 11

3.3.1. 首页············································································································ 11

3.3.2. 子页············································································································ 11

3.3.3. 页头············································································································ 11

3.3.4. 页脚············································································································ 11

3.4 网站CI形象设计 ·································································································· 11

3.4.1. 主色调与色彩 ··························································································· 12

3.4.2. 标准字体 ··································································································· 12

3.4.3. 交互方式 ··································································································· 12

3.5 网站布局技术 ······································································································· 12

3.5.1. 表格布局 ··································································································· 12

3.5.2. 层叠样式表 ······························································································· 12

3.5.3. 网站首页界面 ··························································································· 12

第 四 章 数据库设计 ·············································································································· 13

4.1 数据库概念结构设计 ··························································································· 13

4.2 数据库逻辑结构设计 ··························································································· 15

第 五 章 人机界面设计··········································································································· 19

5.1 后台登录界面设计 ······························································································· 19

5.2 后台编辑主页面设计 ··························································································· 20

第 六 章 系统程序设计··········································································································· 21

6.1 程序设计语言 ······································································································· 22

6.2 数据库连接 ·········································································································· 22

6.3 部份源程序实现及文件 ······················································································· 22

第 七 章 网站的建立和维护 ··································································································· 23

6.1 网站的建立 ·········································································································· 23

6.1.1. 网站运行环境 ··························································································· 23

6.1.2. 网站的测试环境IIS ·················································································· 24

6.1.3. 本网站IIS配置 ························································································· 24

6.2 网站的维护 ·········································································································· 25

【参考文献】 ·························································································································· 26

【致 谢】······························································································································ 27

第 2 页，共 29 页

【前言】

继党的十六大提出推行电子政务、提高行政效率之后，十六届三中全会进一步强调要发展电子政务，提高政府的服务和管理水平。政府网站作为完善政府公共服务接入渠道的主要手段，按照用户对象进行信息资源的整合，提供覆盖用户全生命周期的各种信息和服务，成为电子政务建设的龙头。同时，网站信息传播的即时性和全面性可确保政府掌握的大量重要信息的广泛共享，优化社会资源配置，更便捷、更低成本地传递政务信息。

通过访问政府网站，企业和社会公众可以24小时不间断地，不受任何空间界限影响地与政府进行信息交互，在促进政务公开，改进公共服务，提高行政效能，确保公众知情、参与和监督等方面有着显著成效。

政府网站建设的含义就是利用Internet/Intranet等计算机通信技术，在Internet上建立正式站点，通过网络实现政府在政治、经济、社会、生活等诸多领域中的管理和服务职能，推动政府办公自动化与政府网上便民服务，是政府和社会互动的第一界面。

论文就网站的建设作了详细论述，网站的新闻发布和互动交流功能实现并达到了国家对政务信息公开的相关要求和标准，经本地局域网测试运行正常。

【正文】

第 3 页，共 29 页

网站建设

作者：付晓杰

第 一 章 概 述

1.1 网站建设背景

当前信息化浪潮席卷全球，电子政务在各国政府倡导和推动网络化的5个重要应用领域中被排在了第一位。美国早在克林顿政府时期就开始积极倡导和推动电子政务和电子政府的建设。英国于2005年将所有的政府服务实现上网。新加坡更是从1981年就开始发展电子政务，目前其电子政务的发达程度已备受世人瞩目。在我国继党的十六大提出推行电子政务、提高行政效率之后，十六届三中全会进一步强调要发展电子政务，提高政府的服务和管理水平。政府信息门户网站作为展示政府整体形象的窗口，同时也是信息时代政府联系群众，服务群众的又一座桥梁。如今，中国电子政务的建设已进入实质阶段，全国257个地市级城市中已经有90%的城市建立了自己的政府网站，电子政务建设已经从网络基础建设向功能应用层面和社会服务层面转变。随着我国信息化进程的深入推进，将极大地调动整个社会活力，推动中国社会的飞速发展，并对中国未来的发展产生巨大的影响。

1.2 网站建设意义

政府网站，关系到政府的服务形象，关系到百姓的切身利益。政府网站建设是电子政务的最佳切入点和重要内容，政府网站的发展水平是衡量一个地区电子政务进程的标志。在政府网站上，政务信息公开程度，有关为民服务栏目健全情况，信息反馈情况，在线办公与网上受理情况等关系到政府面向公众的服务形象，关系到是否方便网上办事等百姓的切身利益。同时，政府网站的建设，有利于政府各类信息的充分共享，有利于政府决策水平的不断提高。政府占有全社会大约80%的信息，如何将海量的信息提供给有需求者，并且能够保证24小时随时查询和下载，在众多媒体中，政府网站是成本低廉和行之有效的方法。政府通过各类网站迅速直接地获取反馈信息，准确掌握外部环境，提高正确决策与快速反应的能力。随着政府各类信息的公开化，政民互动不断加强，第 4 页，共 29 页

政府将在公众面前展现出高效、透明的良好形象，这有利于提高政府公众形象和社会凝聚力，对于维护社会稳定、促进社会发展具有重要意义。

1.3.1.

1.3 开发工具简介

网页图像设计工具——Photoshop、Fireworks

在网页制作过程中，首先要使用Photoshop或Fireworks 设计网页和整体效果图、处理网页中的图像、背景图及网页的图标、按钮等。Photoshop是平面图像处理业界霸主Adobe公司推出的跨越PC和MAC两界首屈一指的大型图像处理软件.它功能强大,操作界面友好,得到了广大第三方开发厂家的支持,从而也赢得了众多的用户的青睐。Fireworks是Adobe公司推出的著名平面图像设计和图像处理软件，它具有强大的图像处理功能和操作易用性，受到广大平面图形设计人员及专业广告设计师的青睐。它涉及图像合成、色彩校正、图层调板、通道使用、动作调板、路径工具、滤镜等图像处理功能。可制作如按钮制作、文字特效、材质纹理、三维物体、影像特效及广告创意设计等多种用途。

1.3.2.

动画制作工具——Flash MX 2004

是Macromedia公司的一个的网页交互动画制作工具。用flash制作出来的动化是矢量的，不管怎样放大、缩小，它还是清晰可见。 用flash制作的文件很小，这样便于在互联网上传输，而且它采用了数据流技术，只要下载一部分，就能欣赏动画，而且能一边播放一边传输数据。 交互性更是flash动画的迷人之处，可以通过点击按钮、选择菜单来控制动画的播放。正是有了这些优点，才使flash日益成为网络多媒体的主流。

1.3.3.

网页排版工具—— Macromedia Dreamweaver 8

Macromedia Dreamweaver 8是由Macromedia公司推出的，用于网页开发和网站管理的专业化设计工具。它采用了多种新技术，具有设计和开发网站过程中需要的网站管理、网站设计、页面制作、多媒体制作和动画制作等丰富实用的功能；它具有友好的操作界面，在文档窗口中可以打开各种浮动面板，同时还可以使用系统内置的多种对象进行操作。它将可视布局工具、应用程序开发功能和代码编辑支持组合在一起，其功能强大，使得各个层次的开发人员和设计人员都能够快速创建界面吸引人的基于标准的网站和应用程序。从对基于

CSS 的设计的领先支持到手工编码功能，Dreamweaver 提供了专业人员在一个集成、高效的环境中所需的工具。开发人员可以使用 Dreamweaver 及所选择的服务器技术来创建功能强大的 Internet 应用程序，从而使用户能连接到数据第 5 页，共 29 页

库、Web 服务。

第 二 章 可行性分析

2.1 B/S结构介绍

B/S（Browser/Server，简称B/S）结构，即浏览器/服务器模式，它是WEB兴起后的一种网络结构模式，从传统的二层C/S结构发展而来，通常采用三层结构：浏览器-Web服务器-数据库服务器，WEB浏览器是客户端最主要的应用软件，浏览器通过Web Server 同数据库进行数据交互。

在B／S体系结构系统中，用户通过浏览器向分布在网络上的许多服务器发出请求，服务器对浏览器的请求进行处理，将用户所需信息返回到浏览器。而其余如数据请求、加工、结果返回以及动态网页生成、对数据库的访问和应用程序的执行等工作全部由Web Server完成，这样大大简化了客户端，减轻了系统维护与升级的成本和工作量，降低了用户的总体拥有成本（TCO）。

该结构的缺点是存在数据安全性问题、对服务器要求过高、数据传输速度慢、软件的个性化特点明显降低，难以实现传统模式下的特殊功能要求。

2.2 ACCESS 数据库

Access是微软公司推出的基于Windows的桌面关系数据库管理系统（RDBMS），是Office系列应用软件之一。它提供了表、查询、窗体、报表、页、宏、模块7种用来建立数据库系统的对象；提供了多种向导、生成器、模板，把数据存储、数据查询、界面设计、报表生成等操作规范化；为建立功能完善的数据库管理系统提供了方便，也使得普通用户不必编写代码，就可以完成大部分数据管理的任务。由于Access数据库的ODBC驱动程序支持的SQL指令全，执行效率高，所以Access后台数据库+ASP服务器端程序+客户端IE浏览器，是一个精练实用高效的组合模式。

2.3 ASP 技术

ASP（Microsoft Active Server Pages ）技术是目前比较流行的开发动态WEB页的技术之一，其他的还有如PHP，JSP，等。但ASP以其独特的易学、易用、易维护等特点，为大多数中小型企业级管理信息系统所选用，其主要可以灵活应用微软公司COM组件，开发出功能强大的信息系统，其主要运行于WINDOWS的IIS服务器平台。ASP程序属于解释型，无须编译。ASP程序的第 6 页，共 29 页

控制部份，是使用VBScript、JScript等脚本语言来设计的。和同其他编程语言一样，ASP程序的编写也遵循一定的规则。安装ASP时，系统提供了两种脚本语言：VBScript和JScript，而VBScript则被作为系统默认的脚本语言。

第 三 章 网站需求分析

3.1 总体功能需求分析

网站功能分析就是以系统的观点，对已选定的对象与开发范围进行有目的、有步骤的实际调查和科学分析。分析的目的是要弄清楚网站要做什么。在这个阶段，需要认真分析用户的需求，用科学的方法来表达并深入分析建站方案。网站的系统分析工作不仅使前期的系统规划方案轮廓更加清晰，而且要对诸多方案的可行性进行细致的论证，最终为后面的设计工作打下基础。

该网站作为电子政务的一种服务平台，政务公开、在线办事、网上交流是其基本的三大功能。同时本网站也提供了站内搜索、后台新闻编辑等网站常用的服务和管理功能。

3.1.1.

功能需求

 政务公开功能

根据2008年5月1日起施行的政府信息公开条例规定，行政机关应当将主动公开的政府信息，通过政府公报、政府网站、新闻发布会以及报刊、广播、电视等便于公众知晓的方式公开。网站围绕服务对象的实际需求，开设图片新闻、信息公开、部门信息、三农快讯、公告五大板块，让公众充分享受知情权、监督权。

 网站办事功能

网上办公办事是网站功能服务中非常重要的组成部分，也是电子政务努力的方向。网站紧密结合该政府部门职能，开设网站办事版块，实现了大部分行政许可项目的在线办理。

 网上交流功能

网站围绕网上交流，着力打造“互动政府”，开设了互动交流、三农论坛两大沟通平台，让公众不但能够将自己的建议与意见直接反映给部门领导，实现普通群众参政、议政的夙愿，而且使领导能够通过这一平台，倾听民声、关注民情、体察民意，以做到想群众之所想，急群众之所急，进而为群众办理更多的实事、好事、贴心事。

3.1.2.

功能结构图

第 7 页，共 29 页

图3-1 XXXXXX网站功能分析

新闻公

告

工作动态

政务信息

专题专栏

服务项目

XXXXXX网站功能

政务公开

网站办事

网上交流

网站管理

服务流程

信息检索

资料下载

小型

论

坛

留言投诉

新闻编辑

用户管理

网站搜索

发

布

3.2 网站具体功能模块需求分析

根据总体功能需求分析,该部门网站确定新闻发布、领导讲话、政务公开等11个具体功能模块，它们的功能分别如下。

 首页新闻发布等功能块

包含子栏目：信息公开、三农论坛、三农快讯、公告栏。三农快讯和公告栏公众了解部门最新动态的窗口。信息公开收录了历年按规定应当公开的政务、人事、财政等信息，提供公众查阅。三农论坛是为公众发表、交流意见和看法提供了平台。新闻资讯功能新闻资讯信息通过一个操作简单的界面加入数据库，然后通过已有的网页模板格式与审核流程发布到网站上。 它大大减轻了网站更新维护的工作量，通过网络数据库的引用，将网站的更新维护工作简化到只需录入文字和上传图片，从而使网站的更新速度大大缩短，新闻的更新速度已经是即时更新，从而大大加快了信息的传播速度，也吸引了更多的长期用户群，时时保持网站的活动力和影响力。

 领导讲话功能

功能：即时发布领导关于三农工作的各种会议、现场讲话。

作用：传达精神，贯彻意图。

 政务公开功能

政务公开功能，包含七个子栏目：机构职能、领导介绍、内设科室、农口系统、人事信息、规划计划、财政信息。功能根据国家信息公开条例等法规政策要求，将该政府部门必须公开的七个方面进行了公开。

 工作动态功能

第 8 页，共 29 页

工作动态功能，包含七个子栏目：综合信息、新村建设、农业产业化、劳务开发、农田建设、移民工作。功能根据该政府部门所承担的职能职责进行设计，实现了各责任条块当前信息的即时发布。

 政策法规功能

包含了客户反馈及留言是一种电子便签管理系统。在网络用户交流 中有很大的作用,别人可以将他的资料和要求等保留在一个页面上,以供其他人观看。客户反馈及留言系统可以提供完备的信息反馈和发布功能,有助于客户收集网站的反馈信息,是客户通过网络收集信息的有力工具。

 网上办事功能

根据国家信息公开相关法规政策的要求，政府网站的互动交流功能一直是网站建设的方向和重点。本板块将该部门能够进行网上办理的相关事项予以了公开，极大地方便了群众，提高了办事效率，提升了部门形象。

 互动交流功能

作为一个政府的议事、协调机构，农办对本地的三农工作负有全面的责任。与民互动、集思广益既是如何自觉接受群众监督、广开言路的新时代对农办工作提出的新要求，也是提高自身工作能力的必须选择。本板块充分利用网络的即时性为该单位即时提供了群众的意见及建议。

 专题专栏功能

专题专栏功能包含四个子栏目：科学发展观、调研文章、企业推介、农业前沿。功能既展现了农办紧跟时代要求，也为农业产业化龙头企业搭建了展示自我的又一平台。

 联系我们功能

客户反馈及留言是一种电子便签管理系统。在网络用户交流 中有很大的作用,别人可以将他的资料和要求等保留在一个页面上,以供其他人观看。客户反馈及留言系统可以提供完备的信息反馈和发布功能,有助于客户收集网站的反馈信息,是客户通过网络收集信息的有力工具。

 友情链接功能

友情链接块链接了一些三农工作方面网站。

 网站功能板块

包含子栏目：网站搜索、站点地图、管理登陆。网站搜索功能提供了全站新闻等各种信息的搜索。站点地图对网站的栏目、架构作了详细介绍。网站后台管理功能提供了信息增加、编辑、审核等新闻管理和留言管理功能。

第 9 页，共 29 页

3.3 网站结构图

XXXXXX网站互动交流

网上办事

政策法规

信息公开

首 页

三农论坛

三农快讯

公 告

机构职能

领导介绍

内设科室

政务公开

农口系统

人事信息

规划计划

财政信息

综合信息

新村建设

农业产业化

工作动态

劳务开发

农田建设

移民工作

农业法规

政策文件

服务指南

统计报表

便民服务

资料下载

领导信箱

在线咨询

公众流言

网上投诉

网上调查

科学发展观

领导讲话

专题专栏

调研文章

农业前沿

企业推介

网站搜索

功能板块

站点地图

管理登陆

联系我们

友情链接

第 10 页，共 29 页

3.4 网站版面规划

本网站采用1024×768分辨率制成。

3.3.1. 首页

首页使用的是国字型结构布局。 国字型结构布局是一些大型网站所喜欢的类型,即最上面是网站的标题+主菜单,下半部分分为3个区域,左右分列一些两小条内容,中间是主题内容,与左右一起罗列到底,最下面是网站的一些基本信息,联系方式,版权声明等。这种布局的优点是能够充分利用版面,信息量大;缺点是页面拥挤,不够灵活。

3.3.2. 子页

使用标题正文型：这种类型即最上面是标题或类似的一些东西，下面是正文；本站子页大部分是这个结构；

3.3.3. 页头

页头又可称之为页眉，页眉的作用是定义页面的主题。比如一个站点的名字多数都显示在页眉里。这样，访问者能很快知道这个站点是什么内容。页头是整个页面设计的关键，它将牵涉到下面的更多设计和整个页面的协调性。

本站页头即是以770×150的学校风景图为底片，带有名称英文“”Office

of rural affairs,Bazhou District,Bazhong City，上面带有透明FLASH一起构成。

3.3.4. 页脚

本站页脚如下：

今日访问2次,本周访问7次,总访问191次

XXXXXX主办

技术支持---XXX电子政务信息中心 电话：xxx

区农办：0827- Email：bzxnc@

3.5 网站CI形象设计

第 11 页，共 29 页

3.4.1. 主色调与色彩

网站采用代表了春天、希望、田野的“绿色”为主色调，与部门性质正好吻合。

3.4.2. 标准字体

导航栏字体为“宋体”14px；网站主栏目字体为“黑体”18 px；正文字体为“宋体”12 px；

3.4.3. 交互方式

网站提供了信息查询、网上调查、BBS等多种交互方式，并设置了专门的互动交流板块。

3.6 网站布局技术

3.5.1. 表格布局

本站主要使用表格方式布局。表格布局的优势在于它能对不同对象加以处理，而又不用担心不同对象之间的影响。而且表格在定位图片和文本上比起用CSS更加方便。表格布局唯一的缺点是，当我们用了过多表格时，页面下载速度受到影响。

3.5.2. 层叠样式表

层叠样式表(CSS)是W3C组织新近批准的一个辅助HTML设计的新特性,它能够使你保持整个HTML的统一外观。过去当你在设置文本时,为了保持整个段落都使用相同的外观,不得不为每一段设置属性,很麻烦。如果使用了CSS,那么可以在设置文本之前,就指定整个文本的属性,比如颜色、字体大小等等,这样,我们就能获得统一的文本外观了。

3.5.3. 网站首页界面

第 12 页，共 29 页

第 四 章 数据库设计

数据库在一个管理系统中占有非常重要的地位，数据库的结构好坏将直接影响到应用系统的实现效果和数据操作效率以及能否保证数据的一致性、完成性和安全性。

4.1

数据库概念结构设计

根据需求分析，得出网站数据库系统的E-R图，如图4-1所示。

网上调查

编辑

注册用户

管理

管理员

管理

第 13 页，共 29 页

BBS发帖

编辑

编辑 回复

新闻信息

管理员

投诉留言

各实体E-R图如下：

BBS发帖

网上调查

用户姓名

号标号题

内容

发布时间

发帖IP

点击次数

跟帖数

注册用户

用户注册ID

用户姓名

用户密码

找回密码问题

找回密码问题答案

注册邮箱

用户性别

注册电话

注册

时间

调查编号

调号查号名称

调查选择项

投票计数

加入时间

管理员

最近一次登陆IP

最近一次登陆时间

用户姓名

用号户号密码

用户权限

最近一次登陆IP

最近登陆时间

新闻信息

索引号

新闻大类

新闻小类

责任科室

新闻来源

新公公闻开开内方时第 14 页，共 29

容式限页

新闻图片数

第一张图片名

标题

发布时间

信息文号

点击次数

投诉留言

信息类别

用号户号姓名

用户电话

用户地址

信息标题信息内

容信息时间用户邮箱

回复内容

用户IP

查看密码

根据C语言课程网站系统的功能要求，通过分析系统要涉及的相关实体以及要收集、存储和操纵的数据信息，系统共包含8个表，主要如下。

 新闻信息表:用于存储新闻及政务信息。

表4-1 新闻信息表(News)

字段名

ID

Index

Class

Tclass

DuDepartment

Author

Content

OpMode

Optime

Imagenum

FirstImageName

Title

Date

SeNumber

Hits

字段类别

自动编号

数字

文本

文本

文本

文本

备注

文本

文本

数字

文本

文本

日期

数字

数字

序号

信息索引号

新闻大类

新闻小类

责任科室

新闻来源

新闻内容

公开方式

公开时限

新闻图片数

新闻第一张图片名

新闻标题

新闻发布时间

信息文号

新闻点击次数

字段描述

4.2 数据库逻辑结构设计

第 15 页，共 29 页

OK

PicNews

是/否

是/否

是否发布

是否作为首页图片新闻发布

 新闻信息类别表:用于存储新闻类别。

表4-2 新闻信息类别表(NewsClass)

字段名

ID

Class

Tclass

Edit

字段类别

自动编号

文本

文本

是/否

序号

新闻大类

新闻小类

是否可以编辑

字段描述

 三农论坛表:用于存储论坛发帖。

表4-3 三农论坛表(BBS)

字段名

ID

UserName

Title

Content

AddDate

IP

Hits

FollowCount

字段类别

自动编号

文本

文本

备注

日期

文本

数字

数字

序号

用户姓名

标题

内容

发帖时间

发帖IP

点击次数

跟帖数

字段描述

 投诉留言表:用于存储群众来信、投诉、咨询及回复。

表4-4 投诉留言表(Message)

字段名

ID

Type

UserName

Tel

Address

字段类别

自动编号

文本

文本

文本

文本

序号

信息类别

用户姓名

用户电话

用户地址

字段描述

第 16 页，共 29 页

Title

Content

AddDate

Email

Rcontent

Reply

IP

Secredy

IsShow

ViewPassword

文本

备注

日期

文本

备注

是/否

文本

是/否

是/否

数字

信息标题

信息内容

信息时间

用户邮箱

回复内容

是否已回复

用户IP

用户是否要求保密

是否公开内容

查看回复密码

 BBS注册用户表:用于存储BBS注册用户信息。

表4-5 BBS注册用户表(User)

字段名

UserID

UserName

Password

Question

Answer

Email

Sex

Mobile

RegDate

LoginIP

LastLoginTime

LockUser

Online

字段类别

文本

文本

文本

文本

文本

文本

文本

文本

日期

文本

日期

是/否

是/否

用户注册ID

用户姓名

用户密码

找回密码的问题

找回密码问题的答案

用户邮箱

用户性别

用户手机

用户注册时间

用户最近一次登陆IP

用户最近一次登陆时间

是否锁定用户

用户是否在线

字段描述

 后台管理员表:用于存储管理员姓名、密码、权限。

表4-6后台管理员表(Admin)

字段名

ID

字段类别

自动编号 序号

字段描述

第 17 页，共 29 页

Username

Password

Aleave

LoginDate

LoginIP

文本

文本

文本

日期

文本

管理员姓名

管理员密码

管理员权限

最近一次登陆时间

最近一次登陆IP

 网上调查表:用于存储网站调查项及投票。

表4-7网上调查表(OnlineSurvey)

字段名

ID

Title

Keywords1

Keywords2

Keywords3

Keywords4

Keywords5

Count1

Count2

Count3

Count4

Count5

Date

字段类别

自动编号

文本

文本

文本

文本

文本

文本

数字

数字

数字

数字

数字

日期

序号

调查项名称

调查选择项1

调查选择项2

调查选择项3

调查选择项4

调查选择项5

调查选择项1投票数1

调查选择项2投票数2

调查选择项3投票数3

调查选择项4投票数4

调查选择项5投票数5

提出调查日期

字段描述

 网站流量统计表:用于存储网站的各种流量指标。

表4-8网站流量统计表(Count)

字段名

ID

Hit

Dayhit

WeekHit

字段类别

自动编号

数字

数字

数字

序号

总访问量

当天访问量

本周访问量

字段描述

第 18 页，共 29 页

第 五 章 人机界面设计

5.1 后台登录界面设计

登录页面主要实现用户的登录，用户有管理员、一般用户，管理员可以对其进行任何的操作，而一般用户只可以做权限之内的操作。登录界面流程图如图4-1所示，界面图如图4-2所示。

图4-1 登录流程图

开始

用户登录

输入用户名和密码

否

身份验证

是

转入到主页面并发送用户名,用户权限

错误提示

结束

图5-1 管理员登录窗口

第 19 页，共 29 页

设计好登录窗口后，还不能实现其功能，要实现其身份验证功能，必须添加相应程序代码。验证分为服务器端验证代码和客户端验证代码两种。服务器端验证代码就主要是VBSCRIPT代码，主要通过服务器运行，主要优点就是无论客户端IE做了怎样的设置，都不会影响其功能，由于每次都要访问数据，所以其缺点就是加重了服务器的负担；客户端主要是JS脚本代码，运行于客户端，其优点就是不用通过服务器后台访问数据库就可以判断数据的合法性，大大减轻了服务器的负荷，其缺点就是如果客户端的IE禁用了JS脚本运行，那么这个功能如同虚设。

5.2 后台编辑主页面设计

图5-1 后台编辑主页面

第 20 页，共 29 页

提供了添加新闻内容、管理全部新闻、领导信箱管理、在线咨询管理、公众留言管理、网上投诉管理、网上调查管理、信息中心管理、超级管理选项、文件上传十个功能选择项，可以完成新闻信息的在线编辑发布、咨询留言的在线回复、网上调查项的增减等管理任务。

后台功能结构图

新闻管理

添加新闻

删除新闻

新闻发布

资料上传

信箱管理

来来信信

回删复除

农办后台管理

咨询管理 留言管理 投诉管理 调查管理 BBS管理 用户管理

回得咨询

咨询删除

回复留言

留言删除

投诉回复

投诉删除

增加调查项

删减调查项

审核发帖

删除发帖

锁定跟帖

添加用户

修改用户

删除用户

第 六 章 系统程序设计

在上面已经着重讨论了系统功能模块的设计，详细分析了每一个模块的功能，在本章将讨论怎样具体的实现系统中每个模块的功能，也就是系统的详细设计过程。详细设计的根本目标是确定应该怎样具体的实现所要求的系统，也就是说，经过这个阶段的设计工作，应该得出对目标系统的描述，从而在编码阶段可以把这个描述直接翻译成用某种程序设计语言书写的程序。

详细设计阶段的任务在于要设计出程序的“蓝图”，因此，详细设计的结果基本上决定第 21 页，共 29 页

了最终的程序代码的质量。详细设计的目标不仅仅是逻辑上正确地实现每个模块的功能，更重要的是设计出的处理过程应该尽可能简明易懂。结构程序设计技术是实现上述目标的关键技术，因此是详细设计的逻辑基础。

6.1 程序设计语言

我们主要采用ASP作为程序设计代码的开发工具。使用ASP作为开发工具的主要原因在于利用ASP技术可以建立动态的、高性能的、安全的、跨平台的先进动态网站。ASP技术在加速动态Web 网页开发时的突出特点有以下几个：

(1) ASP可以将内容的生成和显示进行分离：Web页面开发者可以用HTML或XML 标识进行对最终页面的设计，同时使用ASP Tag 或Java Script 来生成页面上的动态内容，因为所有的脚本都在服务器端运行， 所以， 如果核心逻辑部分被封装在标识中， 那么Web管理人员或页面设计者将只能编辑ASP页面的显示方式， 而不会影响其内容的实质。

(2) 对不同浏览器的兼容： 由于ASP技术采用了将ASP Tag 和Java Script 在服务器端解释并执行而只将结果以HTML或XML的形式送回到客户端的方法， 从而保证了对其它基于HTML的Web浏览器的完全兼容。

6.2 数据库连接

网站采用Access数据库，连接代码如下：

<%

set conn=object("tion")

set rs=object("set")

"DBQ=" & h("data/")

";DefaultDir=;DRIVER={Microsoft Access Driver (*.mdb)};"

%>

&

6.3 部份源程序实现及文件

后台用户登陆程序。涉及程序文件：

登陆页面

登陆验证

管理员界面

其中登陆验证源代码如下：

<%

dim rs

admin1=trim(request("uname"))

password1=trim(request("password"))

randomnum=trim(request("randomnum"))

if randomnum<>trim(session("randnum")) then

第 22 页，共 29 页

""

end if

set rs=Object("Set")

sql="select * from admin where [username]='" & admin1 & "' and [password]='" &

decrypt(password1)&"'"

sql,conn,1,1

if and then

""

else

session("username")=rs("username")

session("aleave")="Manager"

""

end if

set rs=nothing

%>

第 七 章 网站的建立和维护

网站设计与维护是一项系统工程，从最初的网站目标的规划、网站平台的选择、服务器准备到网页制作再到后期的发布宣传及维护，缺哪一部分都会影响网站的效果。

6.1 网站的建立

6.1.1. 网站运行环境

为了保证系统运行的效率和可靠性，系统服务器端应具有较高的软硬件配置，客户端的要求不是很高。此应用程序可广泛运行于国际互联网即Internet，也可适用于内部的局域网。其运行要求如下：

服务器端：操作系统—Windows xp/ 2000 server

第 23 页，共 29 页

Web服务器—IIS5.0

数据库服务器—SQL server2000

浏览器—IE5.0以上版本等；

客户端： Internet Explorer(IE5.0)等

6.1.2. 网站的测试环境IIS

IIS和Aapche Server 是目前使用最广泛的Web服务器，他们可以在UNIX和Windows平台上运行。此系统在开发阶段使用IIS（Internet Information Server）在个人计算机上调试。Internet信息服务5.1(IIS)是一种Windows Web服务，可以使用它非常轻松地在Internet上发布信息。Internet信息服务管理单元提供了一些服务器管理选项，用于控制网站或FTP站点的内容以及对这些站点的访问。Internet信息服务管理单元包含下列功能：

 Windows NT Server或Windows 2000 Server服务器的一些附加设置，如管理FTP站点、隔离应用程序、映射MIME类型或指定其他脚本引擎等。

 新建虚拟目录的向导。

 管理Internet信息服务网络安装的能力。

通过Internet信息服务服务单元，建立一个虚拟目录，指向Web应用程序所在目录，从而通过浏览Web应用程序所在目录下的ASP，HTML文件，达到该系统在个人计算机上的测试，为最终在将站点上载到公司Internet或Internet之前提供了Web程序在最终服务器上的精确效果。

6.1.3. 本网站IIS配置

 打开 Internet 信息服务管理器：“开始”菜单->“设置”->“控制面板”->打开“管理工具”->打开“Internet 服务管理器”。

 在C:Inetpubwwwroot目录下建立文件夹qncgzbgs，将本程序所有ASP文件、图片文件以及子文件夹复制到此文件夹下。

 在IIS中选择默认网站，并点击右键，选择新建，然后进行如图配置。

第 24 页，共 29 页

点击“下一步”->输入别名“test”->点击“浏览”->选择C:Inetpubwwwrootqncgzbgs->点击“下一步”->点击“完成”。

再次从上图中选择“属性”单击->在弹出的选项卡中选择“主目录”->点击“浏览”->选择C:Inetpubwwwrootqncgzbgs->点击“确定”完成。

 打开数据源（Odbc）：“控制面板”->打开“管理工具”->打开“数据源（Odbc）”。

 在选项卡中选择“系统DNS”-〉点击“添加”-〉选择“Microsoft Access Driver(*.mdb)”->点击“完成”-〉在“数据源名”中填入你要取的名称-〉点击“选择”->右边目录框中找到C:InetpubwwwrootqncgzbgsData->将左边框中出现的数据库文件选中->点击“确定”->再次点击“确定”完成。

 调试时在地址栏输入：localhost/test/或者127.0.0.1/test/即可。

6.2 网站的维护

网站维护就是对服务器及相关软硬件的维护，对可能出现的问题进行评估，制定响应时间； 数据库维护，有效地利用数据是网站维护的重要内容，因此数据库的维护要受到重视；内容的更新、调整等；制定相关网站维护的规定，将网站维护制度化、规范化。

网站的维护主要包括以下内容：

 即时更新新闻内容。

 留言、投诉、咨询、信箱定期回复

 在系统运行过程中应定期对管理员用户名和密码进行更新，并对IIS和NT权限作相应设置。

第 25 页，共 29 页

【参考文献】

1. 《Photoshop cs 超梦幻网页创意宝典》，黄箐韵编著，机械工业出版社 xxxx

2. 《ASP网页数据库短训教程》，刘瑞新,汪远征编著，机械工业出版社 xxxx

3. 《Flash MX 2004》，X宇鸿编著，清华大学出版社 xxxx

4. 《Dreamweaver 8完美网页动态网页设计篇》，何海霞编著，中国电力出版社 xxxx

5. 《Dreamweaver2004完美网页设计综合实例篇》，卢坚、马永强、鲍嘉编著，中国青年出版社 xxxx

6. 《Dreamweaver 8完美网页设计特效篇》，鲍嘉编著，中国电力出版社 xxxx

7. 《Dreamweaver 8完美网页设计疑难解释篇》，卢坚编著，中国电力出版社 xxxx

（江西科技师范学院）

（南昌高等专科学校）

（网页设计师联盟）

黄立群：《电子商务网站建设与管理》，大连，东北财经大学出版社，2005；

王锦：《Dreamweaver MX 2004中文版基础教程》，北京，机械工业出版社，2004.10；

第 26 页，共 29 页

【致 谢】

选择网站设计作为我的毕业设计以来，通过对网站的反复学习、研究和设计，我不仅回顾了解以前学习过的理念知识，还尝到了许多书本以外的酝酿，了解了网站建设的过程。在此期间，也遇到了一些问题，后来通过查找书籍和请教同学都解决了，使自己的知识得到了进一步的深化。由于整个系统设计与开发时间比较短，我的网站开发经验尚浅。因此，本网站难免会存在一些缺陷和不足。此模块基本上达到了预期的目标，完成了任务。最后，我衷心感谢教师和同学对我的悉心指导和帮助。

第 27 页，共 29 页