《网页设计与制作(毕业设计论文).doc》由会员分享，可在线阅读，更多相关《网页设计与制作(毕业设计论文).doc（34页珍藏版）》请在三一办公上搜索。
1、电 子 科 技 大 学毕业设计（论文）专 业： 计算机及应用 考生姓名： X X 准考证号 XXXXXXX 单 位： XXXXXXXXX 电子科技大学自学考试办公室制2009年7月20日电子科技大学毕业设计（论文）任务书题目：XXXXXXXXX网站设计任务与要求：实现政务信息网上发布、网上服务、民意收集等功能，互动交流功能要求达到国家政府信息公开条例等关于政务信息网上公开的相关文件、法规规定标准。时间：从2009年7月10日至2009年10月10日共14 周专业：计算机及应用 专业代码：B080702考生姓名：X X 准考证号：XXXXXXX单位：XXXXXXXXX指导单位或教研室：电子科技大
2、学通讯学院指导老师（签名）： XXX 职称：工程师 2009 年7月20日毕业设计进度计划表日期工作内容执行情况指导教师签名2009年7月进行毕业资料的收集和整理2009年78月网站设计及制作2009年9月经中期检查后，对网站建设方案的设计与实现进行修改及完善2009年89月论文的构思、修改及撰写2009年9月论文的打印及装订2009年9月20日前将论文由网上发给指导教师2009年10月12日论文提交指导教师对进度计划实施情况总评 签 名： 年 月 日本表作为评定学生平时成绩的依据之一。【中文摘要】随着计算机技术和通信技术的飞速发展，信息化的浪潮席卷全球，互联网成为人们快速获取、发布和传递信息
3、的重要渠道。作为占有全社会大约80%信息的政府，如何将海量的信息提供给有需求者，并且能够保证24小时随时查询和下载，在众多媒体中，政府网站是成本低廉和行之有效的方法。论文详细描述了一个基于ASP技术和ACCESS数据库系统的网站的开发过程。网站包括两个模块：新闻发布和互动交流。其中新闻发布系统包括组织机构、部门信息、政策法规、网站公告、后台管理等子模块。互动交流系统包括网上办事、互动交流、下载中心等子模块。主页面提供本网站的一个宏观样式，并让各模块与之配合联系，构成一个完整的网站系统。【关键词】政府网站ASP 技术ACCESS 数据库 【英文对照】ABSTRACT 【KeyWord】 【目 录
4、】【前言】3【正文】3第 一 章概 述41.1网站建设背景41.2网站建设意义41.3开发工具简介51.3.1.网页图像设计工具Photoshop、Fireworks51.3.2.动画制作工具Flash MX 200451.3.3.网页排版工具 Macromedia Dreamweaver 85第 二 章可行性分析62.1B/S结构介绍62.2ACCESS 数据库62.3ASP 技术6第 三 章网站需求分析73.1总体功能需求分析73.1.1.功能需求73.1.2.功能结构图73.2网站具体功能模块需求分析83.2.1.网站首页新闻发布等功能块83.2.2.领导讲话功能83.2.3.政务公开功
5、能83.2.5.政策法规功能93.2.6.网上办事功能93.2.7.互动交流功能93.2.8.专题专栏功能93.2.9.联系我们功能93.2.10.友情链接功能103.2.11.网站功能板块103.2.12.网站结构图103.3网站版面规划113.3.1.首页113.3.2.子页123.3.3.页头123.3.4.页脚123.4网站CI形象设计123.4.1.主色调与色彩123.4.2.标准字体123.4.3.交互方式123.5网站布局技术133.5.1.表格布局133.5.2.层叠样式表133.5.3.网站首页界面13第 四 章数据库设计144.1数据库概念结构设计144.2数据库逻辑结构设
6、计16第 五 章人机界面设计195.1后台登录界面设计205.2后台编辑主页面设计21第 六 章系统程序设计226.1程序设计语言226.2数据库连接236.3部份源程序实现及文件23第 七 章网站的建立和维护246.1网站的建立246.1.1.网站运行环境246.1.2.网站的测试环境IIS246.1.3.本网站IIS配置256.2网站的维护26【参考文献】26【致 谢】27【前言】继党的十六大提出推行电子政务、提高行政效率之后，十六届三中全会进一步强调要发展电子政务，提高政府的服务和管理水平。政府网站作为完善政府公共服务接入渠道的主要手段，按照用户对象进行信息资源的整合，提供覆盖用户全生命
7、周期的各种信息和服务，成为电子政务建设的龙头。同时，网站信息传播的即时性和全面性可确保政府掌握的大量重要信息的广泛共享，优化社会资源配置，更便捷、更低成本地传递政务信息。通过访问政府网站，企业和社会公众可以24小时不间断地，不受任何空间界限影响地与政府进行信息交互，在促进政务公开，改进公共服务，提高行政效能，确保公众知情、参与和监督等方面有着显著成效。政府网站建设的含义就是利用Internet/Intranet等计算机通信技术，在Internet上建立正式站点，通过网络实现政府在政治、经济、社会、生活等诸多领域中的管理和服务职能，推动政府办公自动化与政府网上便民服务，是政府和社会互动的第一界面
8、。论文就XXXXXXXXX网站的建设作了详细论述，网站的新闻发布和互动交流功能实现并达到了国家对政务信息公开的相关要求和标准，经本地局域网测试运行正常。【正文】XXXXXX网站建设作者：XX 指导教师：XXX第 一 章 概 述1.1 网站建设背景当前信息化浪潮席卷全球，电子政务在各国政府倡导和推动网络化的5个重要应用领域中被排在了第一位。美国早在克林顿政府时期就开始积极倡导和推动电子政务和电子政府的建设。英国于2005年将所有的政府服务实现上网。新加坡更是从1981年就开始发展电子政务，目前其电子政务的发达程度已备受世人瞩目。在我国继党的十六大提出推行电子政务、提高行政效率之后，十六届三中全会
9、进一步强调要发展电子政务，提高政府的服务和管理水平。政府信息门户网站作为展示政府整体形象的窗口，同时也是信息时代政府联系群众，服务群众的又一座桥梁。如今，中国电子政务的建设已进入实质阶段，全国257个地市级城市中已经有90%的城市建立了自己的政府网站，电子政务建设已经从网络基础建设向功能应用层面和社会服务层面转变。随着我国信息化进程的深入推进，将极大地调动整个社会活力，推动中国社会的飞速发展，并对中国未来的发展产生巨大的影响。1.2 网站建设意义政府网站，关系到政府的服务形象，关系到百姓的切身利益。政府网站建设是电子政务的最佳切入点和重要内容，政府网站的发展水平是衡量一个地区电子政务进程的标志
10、。在政府网站上，政务信息公开程度，有关为民服务栏目健全情况，信息反馈情况，在线办公与网上受理情况等关系到政府面向公众的服务形象，关系到是否方便网上办事等百姓的切身利益。同时，政府网站的建设，有利于政府各类信息的充分共享，有利于政府决策水平的不断提高。政府占有全社会大约80%的信息，如何将海量的信息提供给有需求者，并且能够保证24小时随时查询和下载，在众多媒体中，政府网站是成本低廉和行之有效的方法。政府通过各类网站迅速直接地获取反馈信息，准确掌握外部环境，提高正确决策与快速反应的能力。随着政府各类信息的公开化，政民互动不断加强，政府将在公众面前展现出高效、透明的良好形象，这有利于提高政府公众形象
11、和社会凝聚力，对于维护社会稳定、促进社会发展具有重要意义。1.3 开发工具简介1.3.1. 网页图像设计工具Photoshop、Fireworks在网页制作过程中，首先要使用Photoshop或Fireworks 设计网页和整体效果图、处理网页中的图像、背景图及网页的图标、按钮等。Photoshop是平面图像处理业界霸主Adobe公司推出的跨越PC和MAC两界首屈一指的大型图像处理软件.它功能强大,操作界面友好,得到了广大第三方开发厂家的支持,从而也赢得了众多的用户的青睐。Fireworks是Adobe公司推出的著名平面图像设计和图像处理软件，它具有强大的图像处理功能和操作易用性，受到广大平面
12、图形设计人员及专业广告设计师的青睐。它涉及图像合成、色彩校正、图层调板、通道使用、动作调板、路径工具、滤镜等图像处理功能。可制作如按钮制作、文字特效、材质纹理、三维物体、影像特效及广告创意设计等多种用途。1.3.2. 动画制作工具Flash MX 2004是Macromedia公司的一个的网页交互动画制作工具。用flash制作出来的动化是矢量的，不管怎样放大、缩小，它还是清晰可见。 用flash制作的文件很小，这样便于在互联网上传输，而且它采用了数据流技术，只要下载一部分，就能欣赏动画，而且能一边播放一边传输数据。 交互性更是flash动画的迷人之处，可以通过点击按钮、选择菜单来控制动画的播放
13、。正是有了这些优点，才使flash日益成为网络多媒体的主流。1.3.3. 网页排版工具 Macromedia Dreamweaver 8Macromedia Dreamweaver 8是由Macromedia公司推出的，用于网页开发和网站管理的专业化设计工具。它采用了多种新技术，具有设计和开发网站过程中需要的网站管理、网站设计、页面制作、多媒体制作和动画制作等丰富实用的功能；它具有友好的操作界面，在文档窗口中可以打开各种浮动面板，同时还可以使用系统内置的多种对象进行操作。它将可视布局工具、应用程序开发功能和代码编辑支持组合在一起，其功能强大，使得各个层次的开发人员和设计人员都能够快速创建界面吸
14、引人的基于标准的网站和应用程序。从对基于 CSS 的设计的领先支持到手工编码功能，Dreamweaver 提供了专业人员在一个集成、高效的环境中所需的工具。开发人员可以使用 Dreamweaver 及所选择的服务器技术来创建功能强大的 Internet 应用程序，从而使用户能连接到数据库、Web 服务。第 二 章 可行性分析2.1 B/S结构介绍B/S（Browser/Server，简称B/S）结构，即浏览器/服务器模式，它是WEB兴起后的一种网络结构模式，从传统的二层C/S结构发展而来，通常采用三层结构：浏览器-Web服务器-数据库服务器，WEB浏览器是客户端最主要的应用软件，浏览器通过We
15、b Server 同数据库进行数据交互。在BS体系结构系统中，用户通过浏览器向分布在网络上的许多服务器发出请求，服务器对浏览器的请求进行处理，将用户所需信息返回到浏览器。而其余如数据请求、加工、结果返回以及动态网页生成、对数据库的访问和应用程序的执行等工作全部由Web Server完成，这样大大简化了客户端，减轻了系统维护与升级的成本和工作量，降低了用户的总体拥有成本（TCO）。该结构的缺点是存在数据安全性问题、对服务器要求过高、数据传输速度慢、软件的个性化特点明显降低，难以实现传统模式下的特殊功能要求。2.2 ACCESS 数据库Access是微软公司推出的基于Windows的桌面关系数据库
16、管理系统（RDBMS），是Office系列应用软件之一。它提供了表、查询、窗体、报表、页、宏、模块7种用来建立数据库系统的对象；提供了多种向导、生成器、模板，把数据存储、数据查询、界面设计、报表生成等操作规范化；为建立功能完善的数据库管理系统提供了方便，也使得普通用户不必编写代码，就可以完成大部分数据管理的任务。由于Access数据库的ODBC驱动程序支持的SQL指令全，执行效率高，所以Access后台数据库+ASP服务器端程序+客户端IE浏览器，是一个精练实用高效的组合模式。2.3 ASP 技术ASP（Microsoft Active Server Pages ）技术是目前比较流行的开发动态
17、WEB页的技术之一，其他的还有如PHP，JSP，ASP.NET等。但ASP以其独特的易学、易用、易维护等特点，为大多数中小型企业级管理信息系统所选用，其主要可以灵活应用微软公司COM组件，开发出功能强大的信息系统，其主要运行于WINDOWS的IIS服务器平台。ASP程序属于解释型，无须编译。ASP程序的控制部份，是使用VBScript、JScript等脚本语言来设计的。和同其他编程语言一样，ASP程序的编写也遵循一定的规则。安装ASP时，系统提供了两种脚本语言：VBScript和JScript，而VBScript则被作为系统默认的脚本语言。第 三 章 网站需求分析3.1 总体功能需求分析网站功
18、能分析就是以系统的观点，对已选定的对象与开发范围进行有目的、有步骤的实际调查和科学分析。分析的目的是要弄清楚网站要做什么。在这个阶段，需要认真分析用户的需求，用科学的方法来表达并深入分析建站方案。网站的系统分析工作不仅使前期的系统规划方案轮廓更加清晰，而且要对诸多方案的可行性进行细致的论证，最终为后面的设计工作打下基础。该网站作为电子政务的一种服务平台，政务公开、在线办事、网上交流是其基本的三大功能。同时本网站也提供了站内搜索、后台新闻编辑等网站常用的服务和管理功能。3.1.1. 功能需求n 政务公开功能根据2008年5月1日起施行的政府信息公开条例规定，行政机关应当将主动公开的政府信息，通过
19、政府公报、政府网站、新闻发布会以及报刊、广播、电视等便于公众知晓的方式公开。网站围绕服务对象的实际需求，开设图片新闻、信息公开、部门信息、三农快讯、公告五大板块，让公众充分享受知情权、监督权。n 网站办事功能网上办公办事是网站功能服务中非常重要的组成部分，也是电子政务努力的方向。网站紧密结合该政府部门职能，开设网站办事版块，实现了大部分行政许可项目的在线办理。n 网上交流功能网站围绕网上交流，着力打造“互动政府”，开设了互动交流、三农论坛两大沟通平台，让公众不但能够将自己的建议与意见直接反映给部门领导，实现普通群众参政、议政的夙愿，而且使领导能够通过这一平台，倾听民声、关注民情、体察民意，以做
20、到想群众之所想，急群众之所急，进而为群众办理更多的实事、好事、贴心事。3.1.2. 功能结构图图3-1 XXXXXX网站功能分析XXXXXX网站功能政务公开新闻发布公告工作动态政务信息专题专栏网上交流小型论坛留言投诉网站管理新闻编辑用户管理网站搜索网站办事服务项目服务流程信息检索资料下载3.2 网站具体功能模块需求分析根据总体功能需求分析,该部门网站确定新闻发布、领导讲话、政务公开等11个具体功能模块，它们的功能分别如下。n 首页新闻发布等功能块包含子栏目：信息公开、三农论坛、三农快讯、公告栏。三农快讯和公告栏公众了解部门最新动态的窗口。信息公开收录了历年按规定应当公开的政务、人事、财政等信息
21、，提供公众查阅。三农论坛是为公众发表、交流意见和看法提供了平台。新闻资讯功能新闻资讯信息通过一个操作简单的界面加入数据库，然后通过已有的网页模板格式与审核流程发布到网站上。 它大大减轻了网站更新维护的工作量，通过网络数据库的引用，将网站的更新维护工作简化到只需录入文字和上传图片，从而使网站的更新速度大大缩短，新闻的更新速度已经是即时更新，从而大大加快了信息的传播速度，也吸引了更多的长期用户群，时时保持网站的活动力和影响力。n 领导讲话功能功能：即时发布领导关于三农工作的各种会议、现场讲话。作用：传达精神，贯彻意图。n 政务公开功能政务公开功能，包含七个子栏目：机构职能、领导介绍、内设科室、农口
22、系统、人事信息、规划计划、财政信息。功能根据国家信息公开条例等法规政策要求，将该政府部门必须公开的七个方面进行了公开。n 工作动态功能工作动态功能，包含七个子栏目：综合信息、新村建设、农业产业化、劳务开发、农田建设、移民工作。功能根据该政府部门所承担的职能职责进行设计，实现了各责任条块当前信息的即时发布。n 政策法规功能包含了客户反馈及留言是一种电子便签管理系统。在网络用户交流 中有很大的作用,别人可以将他的资料和要求等保留在一个页面上,以供其他人观看。客户反馈及留言系统可以提供完备的信息反馈和发布功能,有助于客户收集网站的反馈信息,是客户通过网络收集信息的有力工具。n 网上办事功能根据国家信
23、息公开相关法规政策的要求，政府网站的互动交流功能一直是网站建设的方向和重点。本板块将该部门能够进行网上办理的相关事项予以了公开，极大地方便了群众，提高了办事效率，提升了部门形象。n 互动交流功能作为一个政府的议事、协调机构，农办对本地的三农工作负有全面的责任。与民互动、集思广益既是如何自觉接受群众监督、广开言路的新时代对农办工作提出的新要求，也是提高自身工作能力的必须选择。本板块充分利用网络的即时性为该单位即时提供了群众的意见及建议。n 专题专栏功能专题专栏功能包含四个子栏目：科学发展观、调研文章、企业推介、农业前沿。功能既展现了农办紧跟时代要求，也为农业产业化龙头企业搭建了展示自我的又一平台
24、。n 联系我们功能客户反馈及留言是一种电子便签管理系统。在网络用户交流 中有很大的作用,别人可以将他的资料和要求等保留在一个页面上,以供其他人观看。客户反馈及留言系统可以提供完备的信息反馈和发布功能,有助于客户收集网站的反馈信息,是客户通过网络收集信息的有力工具。n 友情链接功能友情链接块链接了一些三农工作方面网站。n 网站功能板块包含子栏目：网站搜索、站点地图、管理登陆。网站搜索功能提供了全站新闻等各种信息的搜索。站点地图对网站的栏目、架构作了详细介绍。网站后台管理功能提供了信息增加、编辑、审核等新闻管理和留言管理功能。3.3 网站结构图XXXXXX网站政策法规农业法规政策文件互动交流公众流
25、言网上投诉网上调查在线咨询领导信箱联系我们政务公开内设科室农口系统人事信息规划计划领导介绍机构职能财政信息领导讲话工作动态农业产业化劳务开发农田建设移民工作新村建设综合信息首 页三农快讯公 告三农论坛信息公开专题专栏农业前沿企业推介调研文章科学发展观功能板块管理登陆站点地图网站搜索友情链接网上办事便民服务统计报表服务指南资料下载3.4 网站版面规划本网站采用1024768分辨率制成。3.3.1. 首页首页使用的是国字型结构布局。 国字型结构布局是一些大型网站所喜欢的类型,即最上面是网站的标题+主菜单,下半部分分为3个区域,左右分列一些两小条内容,中间是主题内容,与左右一起罗列到底,最下面是网站
26、的一些基本信息,联系方式,版权声明等。这种布局的优点是能够充分利用版面,信息量大;缺点是页面拥挤,不够灵活。3.3.2. 子页使用标题正文型：这种类型即最上面是标题或类似的一些东西，下面是正文；本站子页大部分是这个结构；3.3.3. 页头页头又可称之为页眉，页眉的作用是定义页面的主题。比如一个站点的名字多数都显示在页眉里。这样，访问者能很快知道这个站点是什么内容。页头是整个页面设计的关键，它将牵涉到下面的更多设计和整个页面的协调性。本站页头即是以770150的学校风景图为底片，带有“XXXXXXXXX”六字及名称英文“”Office of rural affairs,Bazhou Distri
27、ct,Bazhong City，上面带有透明FLASH一起构成。3.3.4. 页脚本站页脚如下：今日访问2次,本周访问7次,总访问191次XXXXXX主办技术支持-XXX电子政务信息中心 电话：0827-区农办：0827- Email：bzxnc3.5 网站CI形象设计3.4.1. 主色调与色彩网站采用代表了春天、希望、田野的“绿色”为主色调，与部门性质正好吻合。3.4.2. 标准字体导航栏字体为“宋体”14px；网站主栏目字体为“黑体”18 px；正文字体为“宋体”12 px；3.4.3. 交互方式网站提供了信息查询、网上调查、BBS等多种交互方式，并设置了专门的互动交流板块。3.6 网站布
28、局技术3.5.1. 表格布局本站主要使用表格方式布局。表格布局的优势在于它能对不同对象加以处理，而又不用担心不同对象之间的影响。而且表格在定位图片和文本上比起用CSS更加方便。表格布局唯一的缺点是，当我们用了过多表格时，页面下载速度受到影响。3.5.2. 层叠样式表层叠样式表(CSS)是W3C组织新近批准的一个辅助HTML设计的新特性,它能够使你保持整个HTML的统一外观。过去当你在设置文本时,为了保持整个段落都使用相同的外观,不得不为每一段设置属性,很麻烦。如果使用了CSS,那么可以在设置文本之前,就指定整个文本的属性,比如颜色、字体大小等等,这样,我们就能获得统一的文本外观了。3.5.3.
29、 网站首页界面第 四 章 数据库设计 数据库在一个管理系统中占有非常重要的地位，数据库的结构好坏将直接影响到应用系统的实现效果和数据操作效率以及能否保证数据的一致性、完成性和安全性。4.1 数据库概念结构设计根据需求分析，得出网站数据库系统的E-R图，如图4-1所示。新闻信息管理员编辑投诉留言回复管理编辑网上调查注册用户管理员BBS发帖管理编辑各实体E-R图如下：网上调查调查编号调查名称号号投票计数调查选择项加入时间BBS发帖用户姓名标题号号发布时间内容发帖IP点击次数跟帖数管理员用户姓名用户密码号号最近一次登陆IP用户权限最近登陆时间注册用户用户注册ID用户姓名用户密码找回密码问题找回密码问
30、题答案注册邮箱用户性别注册电话注册时间最近一次登陆IP最近一次登陆时间新闻信息索引号新闻大类新闻小类责任科室新闻来源新闻内容公开方式公开时限新闻图片数第一张图片名标题发布时间信息文号点击次数投诉留言信息类别用户姓名号号用户地址用户电话信息标题信息内容信息时间用户邮箱回复内容用户IP查看密码4.2 数据库逻辑结构设计根据C语言课程网站系统的功能要求，通过分析系统要涉及的相关实体以及要收集、存储和操纵的数据信息，系统共包含8个表，主要如下。n 新闻信息表:用于存储新闻及政务信息。表4-1 新闻信息表(News)字段名字段类别字段描述ID自动编号序号Index数字信息索引号Class文本新闻大类Tc
31、lass文本新闻小类DuDepartment文本责任科室Author文本新闻来源Content备注新闻内容OpMode文本公开方式Optime文本公开时限Imagenum数字新闻图片数FirstImageName文本新闻第一张图片名Title文本新闻标题Date日期新闻发布时间SeNumber数字信息文号Hits数字新闻点击次数OK是/否是否发布PicNews是/否是否作为首页图片新闻发布n 新闻信息类别表:用于存储新闻类别。表4-2 新闻信息类别表(NewsClass)字段名字段类别字段描述ID自动编号序号Class文本新闻大类Tclass文本新闻小类Edit是/否是否可以编辑n 三农论坛表
32、:用于存储论坛发帖。表4-3 三农论坛表(BBS)字段名字段类别字段描述ID自动编号序号UserName文本用户姓名Title文本标题Content备注内容AddDate日期发帖时间IP文本发帖IPHits数字点击次数FollowCount数字跟帖数n 投诉留言表:用于存储群众来信、投诉、咨询及回复。表4-4 投诉留言表(Message)字段名字段类别字段描述ID自动编号序号Type文本信息类别UserName文本用户姓名Tel文本用户电话Address文本用户地址Title文本信息标题Content备注信息内容AddDate日期信息时间Email文本用户邮箱Rcontent备注回复内容Rep
33、ly是/否是否已回复IP文本用户IPSecredy是/否用户是否要求保密IsShow是/否是否公开内容ViewPassword数字查看回复密码n BBS注册用户表:用于存储BBS注册用户信息。表4-5 BBS注册用户表(User)字段名字段类别字段描述UserID文本用户注册IDUserName文本用户姓名Password文本用户密码Question文本找回密码的问题Answer文本找回密码问题的答案Email文本用户邮箱Sex文本用户性别Mobile文本用户手机RegDate日期用户注册时间LoginIP文本用户最近一次登陆IPLastLoginTime日期用户最近一次登陆时间LockUse
34、r是/否是否锁定用户Online是/否用户是否在线n 后台管理员表:用于存储管理员姓名、密码、权限。表4-6后台管理员表(Admin)字段名字段类别字段描述ID自动编号序号Username文本管理员姓名Password文本管理员密码Aleave文本管理员权限LoginDate日期最近一次登陆时间LoginIP文本最近一次登陆IPn 网上调查表:用于存储网站调查项及投票。表4-7网上调查表(OnlineSurvey)字段名字段类别字段描述ID自动编号序号Title文本调查项名称Keywords1文本调查选择项1Keywords2文本调查选择项2Keywords3文本调查选择项3Keywords4
35、文本调查选择项4Keywords5文本调查选择项5Count1数字调查选择项1投票数1Count2数字调查选择项2投票数2Count3数字调查选择项3投票数3Count4数字调查选择项4投票数4Count5数字调查选择项5投票数5Date日期提出调查日期n 网站流量统计表:用于存储网站的各种流量指标。表4-8网站流量统计表(Count)字段名字段类别字段描述ID自动编号序号Hit数字总访问量Dayhit数字当天访问量WeekHit数字本周访问量第 五 章 人机界面设计5.1 后台登录界面设计登录页面主要实现用户的登录，用户有管理员、一般用户，管理员可以对其进行任何的操作，而一般用户只可以做权限
36、之内的操作。登录界面流程图如图4-1所示，界面图如图4-2所示。图4-1开始结束输入用户名和密码身份验证转入到主页面并发送用户名,用户权限错误提示是否用户登录 登录流程图图5-1 管理员登录窗口设计好登录窗口后，还不能实现其功能，要实现其身份验证功能，必须添加相应程序代码。验证分为服务器端验证代码和客户端验证代码两种。服务器端验证代码就主要是VBSCRIPT代码，主要通过服务器运行，主要优点就是无论客户端IE做了怎样的设置，都不会影响其功能，由于每次都要访问数据，所以其缺点就是加重了服务器的负担；客户端主要是JS脚本代码，运行于客户端，其优点就是不用通过服务器后台访问数据库就可以判断数据的合法
37、性，大大减轻了服务器的负荷，其缺点就是如果客户端的IE禁用了JS脚本运行，那么这个功能如同虚设。5.2 后台编辑主页面设计图5-1 后台编辑主页面提供了添加新闻内容、管理全部新闻、领导信箱管理、在线咨询管理、公众留言管理、网上投诉管理、网上调查管理、信息中心管理、超级管理选项、文件上传十个功能选择项，可以完成新闻信息的在线编辑发布、咨询留言的在线回复、网上调查项的增减等管理任务。后台功能结构图农办后台管理删除用户修改用户添加用户用户管理增加调查项删减调查项调查管理来信回复来信删除信箱管理回得咨询咨询删除咨询管理回复留言留言删除留言管理投诉回复投诉删除投诉管理BBS管理锁定跟帖删除发帖审核发帖新
38、闻管理新闻发布删除新闻添加新闻资料上传第 六 章 系统程序设计在上面已经着重讨论了系统功能模块的设计，详细分析了每一个模块的功能，在本章将讨论怎样具体的实现系统中每个模块的功能，也就是系统的详细设计过程。详细设计的根本目标是确定应该怎样具体的实现所要求的系统，也就是说，经过这个阶段的设计工作，应该得出对目标系统的描述，从而在编码阶段可以把这个描述直接翻译成用某种程序设计语言书写的程序。详细设计阶段的任务在于要设计出程序的“蓝图”，因此，详细设计的结果基本上决定了最终的程序代码的质量。详细设计的目标不仅仅是逻辑上正确地实现每个模块的功能，更重要的是设计出的处理过程应该尽可能简明易懂。结构程序设计
39、技术是实现上述目标的关键技术，因此是详细设计的逻辑基础。6.1 程序设计语言我们主要采用ASP作为程序设计代码的开发工具。使用ASP作为开发工具的主要原因在于利用ASP技术可以建立动态的、高性能的、安全的、跨平台的先进动态网站。ASP技术在加速动态Web 网页开发时的突出特点有以下几个：(1) ASP可以将内容的生成和显示进行分离：Web页面开发者可以用HTML或XML 标识进行对最终页面的设计，同时使用ASP Tag 或Java Script 来生成页面上的动态内容，因为所有的脚本都在服务器端运行， 所以， 如果核心逻辑部分被封装在标识中， 那么Web管理人员或页面设计者将只能编辑ASP页面
40、的显示方式， 而不会影响其内容的实质。(2) 对不同浏览器的兼容： 由于ASP技术采用了将ASP Tag 和Java Script 在服务器端解释并执行而只将结果以HTML或XML的形式送回到客户端的方法， 从而保证了对其它基于HTML的Web浏览器的完全兼容。6.2 数据库连接网站采用Access数据库，连接代码如下：6.3 部份源程序实现及文件后台用户登陆程序。涉及程序文件：Qncgzbgshtgladminlogin.asp 登陆页面Qncgzbgshtglchecklogin.asp 登陆验证Qncgzbgshtgladmin.asp 管理员界面其中登陆验证源代码如下：!-#include fi
