基于ASP+Access的信息学院网站系统设计及实现毕业论文

《基于ASP+Access的信息学院网站系统设计及实现毕业论文》由会员分享，可在线阅读，更多相关《基于ASP+Access的信息学院网站系统设计及实现毕业论文（62页珍藏版）》请在装配图网上搜索。

1、Xxx大学学士论文摘 要在网络逐渐流行成为人类生活一部分的今天，网站已经成为一种有效的宣传与交流平台。对任何一个单位来说，建立一个稳定、美观、功能强大而实用的网站，已经成为该单位发展必不可少的一环。在现今社会里，网络在教学与管理上越来越显得重要，它可以帮助改进一贯的办公方式，方便资源与思想的交流，使工作效率得到较大的提升。对着电脑轻松办公，甚至可以说已成为一种乐趣，一种享受。充分利用网络的优势为教学与管理服务，是现代教育的一种全新理念。本课题基于信息学院的原始资料，利用ASP结合Access数据库技术，对信息学院网站进行一次全新的设计制作。全新设计了网站的界面；实现了新闻、公告等内容动态管理；

2、实现在线邮件群发；实现学生成绩在线管理；完成网站访问计数器功能；实现图片新闻自动调用；完成课件点播、规章制度、理论学习、常用表格、党建动态、师生留言等栏目功能。网站系统的实现，将为学院网站的建设打下良好的基础，树立一个全新的学院网站形象。关键字:网络数据库、ASP、权限、内网、邮件群发AbstractAs the nerwork gradually prevails and becomes one part of human life today, site has turned into a valid flat roof for flack and communion. Ror any u

3、nit, establishing a steady、handsome site whose function powerfully and practically site, has became a necessary tache about development of that unit.Nowadays, in our society, network appears more and more importance at teaching and management, it can help us improve on work manner, make communicate

4、about resource and thinking expediently and work efficiency advance largely, working comfortablly in the face of computer, It even has became a pleasure and enjoyment. The advantage of using network adequately serve for teaching and management is a whole new principle for modern educate.the interfac

5、e of site.This task is based upon the original material of college of information, Utilize ASP to unite Access database technique， and makes a whole new design for our colleges site. For example, a whole new design for the interface of site； news、affichedynamic management come true; cluster mail sen

6、d and student achievement management on line alse come true; the function of web site arithmometer has accomplished; the automatism transfer concerning picture news、coursewares order programme、bylaw、theorys study、table in common use、the development of party establish、the leave word of teacher and st

7、udent etc column has completed. the implement on web sites system will become a well foundation for collages site build,and build up a whole new collage sites visualize.Keywords：Datebase of Web、asp、Popedom、Inside net、Mail group delivers.前言学院原来的网站系统比较简单，比较多的内容还是通过手动制作html页面来实现新闻的更新与公告的更新，在更新内容和管理上显得效

8、率不高。没有管理后台，造成管理上的不及时与文件的凌乱；缺少一些常用的功能，不能有效的利用网络的优势实现对学院的日常工作进行组织与管理。界面上，页面设计比较简单，不够美观大方；颜色搭配效果较差；有些地方较粗糙，制作不够细腻，不能给人一种优雅的享受。内容上，网站的信息内容相对较少。所以网站要达到好的效果，需要进行重新设计。经过重新设计，实现了学院网站的全部功能，其中主要工作如下：界面，通过合理的颜色搭配，全新设计了网站的版面。管理后台，实现高效率、高质量管理网站的信息内容。邮件群发，实现按各系部、单位选择老师群发邮件。学生成绩管理系统，完成课程安排、学生资料管理、学生成绩在线管理功能、成绩打印等功

9、能。网站计数器，可以有效记录网站的访问量情况。图片新闻，实现首页自动调用功能。外网与内网分权限浏览，实现院内院外信息分开处理。内网师生留言板，实现师生之间的留言交流。网站帮助，完成关于我们、联系我们、网站地图、 帮助信息、管理入口等辅助功能。内网栏目，完成规章制度、常用表格、课件点播、学院工作、党建动态和理论学习等栏目的建立。其他页面，制作完成学院内容及老师简介的页面经过近三个月的努力工作，目标已经达到，功能完全实现。由于时间比较紧和个人的能力有限，可能在个别小地方还存在漏洞与不足，还有待进一步的完善。目录1系统分析61.1项目目标与功能61.1.1项目内容与目标61.1.2主要功能71.2网

10、站系统设计原则111.3设计人员与资源121.3.1设计人员121.3.2硬件环境121.3.3软件环境131.3.4开发概况131.4计划162网站界面设计172.1颜色的选择172.2前台界面设计172.2.1网站首页的设计172.2.2内网首页的设计202.3后台界面设计212.4其它页面设计232.5栏目链接设计243系统设计253.1新闻系统设计253.1.1新闻系统数据库设计253.1.2新闻系统程序设计273.2内网自动引导程序设计303.3计数器程序设计323.4邮件群发程序设计333.4.1邮件群发数据库设计333.4.2邮件发送程序设计354系统使用说明374.1应用环境3

11、74.1.1硬件环境374.1.2软件环境384.2系统安装与使用说明384.2.1特别注意384.2.2数据库路径修改404.2.3其它相关说明404.3新闻管理系统使用方法414.4邮件系统使用说明434.4.1使用注意434.4.2参数设置444.4.3邮件发送444.4.4其他说明474.5学生成绩管理系统使用说明485设计总结与体会505.1设计总结505.2设计体会515.3问题与解决办法535.3.1内网入口问题535.3.2邮件群发问题545.3.3邮件管理员参数问题555.3.4搜索功能漏洞问题555.3.5资料分类与制作问题555.3.6数据库安全问题566主要参考文献57

12、7致谢辞588附件与使用说明591 系统分析1.1 项目目标与功能1.1.1 项目内容与目标整个毕业设计的目标，是在学院基本资料的基础上对信息学院网站系统进行全新的设计，实现内网功能，初步建成一个美观而实用的网站系统。具体包括：全新设计网站的界面；完成信息管理后台系统、邮件群发系统、学生成绩管理系统和内网入口检测程序；完成内网师生留言板；完成规章制度、常用表格、课件点播、学院工作、党建动态和理论学习等栏目；重新设计学院简介等相关内容及老师简介的页面；合理安排网站系统，以方便日后的管理与功能上的扩展；设计美观大方的网页，提高网站的观赏与实用性。充分利用网络的优势来为老师和同学服务，为教学与管理服

13、务。图1.1网站系统模块图1.1.2 主要功能整个网站系统在完成后，具有新闻发布、公告发布、图片新闻、常用表格下载、规章制度、课件点播、邮件群发、学院工作、党建动态、理论学习、课程与学生成绩管理、自动引导校园内与校园外浏览者、访问计数和留言等功能，具体实现功能以下：重新设计网站的整体界面与后台界面。采用统一的界面与风格，展现学院网站自己的特点，还可以方便以后的修改与完善；采用鲜艳而严肃的颜色，体现学院严肃求实的办学特点和活泼进取的精神面貌；页面设计新鲜且大方得体，颜色鲜艳的同时带上素色效果点缀，体现现代主流网站的流行设计理念；制作精美且具有立体感的flash多媒体，增强网站的可观赏程度和交互功

14、能；增加网页立体感，给人一种层次性真实感；设计上尽量做得细腻，实现界面美观与浏览速度的平衡，增强网站的实用价值。完成信息管理后台。可以方便以后高效率的管理与更新学院新闻、学院公告、常用表格、规章制度、课件点播、学院工作、党建动态和理论学习等信息内容；可以增加与删除管理员，实行多人多点管理，合理安排管理栏目与管理时间，提高管理上的质量与效率。完成搜索功能，方便访问者快速查找所需的内容。实现图片新闻自动调用功能。可以快速的上传有关学院的图片新闻，增强网站的信息直观性，使浏览者及时直观的了解学院的近期活动。可以浏览更多图片新闻，方便回顾近期图片新闻内容。编写完成邮件群发系统。本系统可以实现多用户使用

15、，每个用户具有自己的登录密码，并且可以设置自己的参数。可以实现对全部老师，各系部或各单位全部老师群发邮件，还可以只选择部分老师或个别老师发送邮件。具有发送是否成功检验功能。发送失败的邮件可以选择重新发送邮件，保证发送的正确性与完全性。邮件系统在操作与管理方面比较方便。运行效率比较好，安全性也比较高。编写完成学生成绩和课程安排管理系统。本系统实现管理员可以在网络上管理教师资料、管理班级与学生资料、管理课程的设置及课程表和管理学生的成绩数据；浏览者可以进行课程表查询、成绩查询、教师情况、班级情况、作息时间等其他内容的浏览，大大方便老师和同学们对相关信息的了解；可以打印课程表与学生成绩；可以方便修改

16、数据库内容。本系统有合理的管理后台，采用框架页面管理思想，合理安排管理内容的分类导航，管理效率比较高。系统登录采用密码与检验码合用的登录方式，登录与管理比较安全。实现内网功能，实现内网与外网信息浏览的分开处理。本功能可以自动识别访问者的IP，引导进入相应页面，浏览对应的信息。实现院内可以正常的信息浏览，而对院外进行信息的局部保密。编写网站访问量的统计程序，统计网站的访问量情况，方便管理员及访问者及时了解网站的访问情况。开设规章制度栏目，让大家能方便查到学院的相关规章制度及措施，了解学院的相关制度内容与措施。开设常用表格栏目，提供常用的表格下载。方便老师与同学在学习与生活的需要。开设课件点播栏目

17、，方便老师与同学进行课件交流与学习，提高网络对教学的帮助程度，缓解校园比较大而造成学习交流上的不方便。开设学院工作栏目，提供公布学院计划与总结，发布相关的文件内容，安排与公开当前工作的功能。开设党建动态栏目，宣传党的知识。包括子栏目：党校培训、发展对象、积极分子、党员档案。开设理论学习栏目。提供近期相关的理论学习内容。完成学院内网的师生留言板，方便学院领导、老师和学生之间的交流，回答及解决一些常见的问题。重新制作学院内容及老师简介的页面，更新部分内容，更加适合信息的及时性与准确性浏览。合理安排网站系统，以方便日后的管理与功能上的扩展，提高功能增删与管理上的效率。在页面合理安排一些如校区主页、部

18、门主页、学院主页、其他主页等常用的链接，方便访问者寻找其他信息内容。完成页底帮助功能。“关于我们”是介绍网站及学院情况；“联系我们”提供访问者获得联系学院相关人员的方式；“网站地图”以直观的图表展示网站的信息内容分布，引导访问者快速找到所需内容；“帮助信息”则帮助访问者解决一般浏览网站时遇到的问题；“管理入口”方便管理员进入后台。完成版权、制作维护信息和浏览方式等页底提示，提供网站的制作情况和提示浏览网站的最好方式。网站首页学院概况学院简介 学院领导 学院发展师资队伍博士生导师教授硕士生导师副教授 高级实验师人才引进党建工作校友之家学团工作招生就业学生就业 研究生 工程硕士 本科生学院内网En

19、glish学院新闻学院公告机构设置党政办公室系所设置实验中心培训中心科学研究科研简介 研究机构 科研成果 在研项目学科建设重点学科 硕士点 本科 博士点图1-2网站栏目分布图邮件群发课件点播师生留言学生成绩学院公告党建动态党校培训 发展对象 积极分子 党员档案常用表格学院工作计划总结文件当前工作规章制度教学科研实验室研究生 其他图1-3 学院内网栏目分布图学院内网1.2 网站系统设计原则网站设计与开发是一项系统工程，为了保证系统的质量，设计人员必须遵守共同的设计原则，尽可能地提高系统的各项指标。具体的设计原则如下：1.实用性原则要力求最大限度地满足实际工作的需要，充分考虑各应用层次、各管理环节

20、数据处理的实用性，把满足用户生产和管理业务作为第一要素进行考虑。用户接口和操作界面设计尽可能做到界面美观大方，操作简单实用。2可扩展性与可维护性原则为适应将来的发展，网站系统应具有良好的可扩展性和可维护性。软件设计尽可能模块化、组件化，使网站系统可灵活配置，适应不同的情况。数据库的设计尽可能考虑到未来的需要。3安全可靠性原则网站系统与数据库系统的设计要做到安全可靠，防止非法用户的入侵。数据库的备份策略恰当，以防灾难性事故发生。4用户界面设计原则图形化原则：用户界面的设计应符合Windows规范的图形用户界面（GUI），做到美观大方。用户界面应当直观、明了、条理清晰。实现“傻瓜型”管理易学、易用

21、、易管理。5，数据库设计原则一致性原则：对信息进行统一、系统的分析与设计，协调好各数据源，做到“数出一门”、“算法统一”、“度量一致”。保证系统数据的一致性和有效性。完整性原则：数据库的完整性是指数据的正确性和相容性。要防止合法用户使用数据库时向数据库加入不规范的数据。对输入到数据库中的数据要有审核和约束机制。安全性原则：数据库的安全性是指保护数据，防止非法用户使用数据库或合法用户非法使用数据库造成数据泄露、更改或破坏。要有认证和授权机制。可伸缩性原则：数据库结构的设计应充分考虑发展的需要、移植的需要，具有良好的扩展性、伸缩性和适度冗余。规范化数据库：应遵循规范化理论，规范化程度过低，可能会存

22、在插入、删除异常、修改复杂、数据冗余等问题，解决的方法就是对关系模式进行分解或合并（规范化），转换成高级范式。规范化一共有六个级别：1NF、2NF、3NF、BCNF、4NF、5NF。但也应当注意到，并不是规范化程度超高就直越好。当一个应用的查询中经常涉及到两个或多个关系模式的属性时，系统就必须经常进行连接运算，而连接运算的代价是非常高的。所以，在具体应用时到底规范化要进行到什么程度需要利弊。一般而言，做到第三范式就足够了。1.3 设计人员与资源1.3.1 设计人员本小组共为4人，余健荣、白珍磊、国刚、刘娜，全部为信息科学与工程学院信息与计算科学011班学生。我主要负责界面的设计制作和一些程序上

23、改动与完善。1.3.2 硬件环境网站系统大部分在个人电脑上设计完成，基本配置如下：主板：硕泰克SL-75FRN3-LnForce 2cpu : SEMPRON 2200+内存：hy 400 256M X2显卡：nVIDIA Gforce FX 5200硬盘：希捷722080G显示器：17”纯平其它：cd刻录机，普通机箱与电源。1.3.3 软件环境设计中涉及到的主要软件和开发环境：操作系统：Windows xp sp2，安装IIS 5.0编程与页面制作：Macromedia Dreamweaver MX 2004图片处理：Macromedia Fireworks MX2004, Photosho

24、p csFlash制作：Macromedia Flash MX 2004文件上传管理：FlashFXP3.2等。开发环境：Asp,html, VBScript, JavaScript等语言。1.3.4 开发概况整个网站系统日后要求在网络中心的服务器上运行使用，并要求可以在网络上进行管理与使用，所以要使用网络动态编程语言及超文本描述语言，并要使用数据库技术。系统环境：根据实际情况，结合个人熟悉情况与服务器系统应用情况，主程序上，系统使用Asp, html网络编程语言,采用html嵌套asp语言形式，结合Microsoft Access数据库实现各部分基本功能, 再使用VBScript及JavaS

25、cript脚本语言编译网页上的一些小程序，实现一些次要或辅助功能。整个程序要求运行在以Win NT为核心的Windows 系统服务器上，要求安装Microsoft Internet Information Server version on Windows NT Server,简称Internet 信息服务器或IIS。为确保运行的稳定和获得更好的兼容性，IIS使用5.0或以上版本；因为本网站系统中有邮件群发功能，所以服务器端要求正确安装JMail组件；网站系统部分程序中有上传与管理上传文件功能，所以要求服务器支持并开放File System Object功能。制作环境：对于html、 asp编

26、程和网页界面制作，使用效率比较高的Macromedia公司的Dreamweaver MX 2004网页制作软件。Dreamweaver提供可见即可得功能，可以高效率制作html页面，快速设计页面与安排页面布局，可以编辑asp,php,jsp等动态页面，并可以自动生成语言代码。本网站系统所有页面全为Dreamweaver编辑而成。图片制作与处理方面，使用Macromedia公司的FireworksMX 2004，制作网页中的各种导航条与小图片，并对系统中用到的图片作简单的处理。多媒体交互方面，使用Macromedia公司的Flash MX 2004，制作页面使用到的Flash文件，并结合flas

27、h脚本语言，实现与访问者交互的功能。Asp简介Asp全称Active Server Pages,中文名叫做动态服务网页，其功能在于可以使用它来开发运行在Windows服务器平台上的动态网页和网站。网页是使用HTML（HyperText Markup Language，超文本标记语言）定义的文档。网页文件是文本文件，可以使用记事本等文本编辑工具打开。HTML文档是在文本内容中加入HTML标记，对文本的内容进行格式化，然后使用浏览器来解释这些格式。最初的网页都是静态的，即一个网页中的内容都是静态文本，不会化。因为HTML的开发是为了在计算机、网络及操作系统之间显示和传送信息（特别是技术和科学信息）

28、，这种标准化的文档仅是一种简单的文本和标记，其中的图像和其他非文本的内容以单独文件的形式存放，它们可以在各种网络上自由传送。ASP技术在静态HTML内容中嵌入服务端脚本，实现网页内容的动态改变。ASP是一种开发动态网页的技术，它既不是一种编程语言，也不是一种开发工具软件，同样也不是一种应用程序，ASP定义服务器端动态网页的开发模型。客户端浏览器图1.4Asp运行机制图脚本引擎ASP脚本Asp.dllASP文件HTTP数据库Web服务器IISHTML语言简介HTML（Hyper Text Markup Language 超文本标记语言）是一种用来制作超文本文档的简单标记语言。用HTML编写的超文

29、本文档称为HTML文档，它能独立于各种操作系统平台（如UNIX，WINDOWS等）。自1990年以来HTML就一直被用作World Wide Web上的信息表示语言，用于描述Homepage的格式设计和它与WWW上其它Homepage的连结信息。HTML文档（即Homepage的源文件）是一个放置了标记的ASCII文本文件，通常它带有.html或.htm的文件扩展名。生成一个HTML文档主要有以下三种途径： 一.手工直接编写（例如用你所喜爱的ASCII文本编辑器或其它HTML的编辑工具）。 二.可以使用Frontpage、Dreamweaver进行编辑，也可通过某些格式转换工具将现有的其它格式

30、文档（如WORD文档）转换成HTML文档。三.由Web服务器（或称HTTP 服务器）一方实时动态地生成。VBScript简介VBScript为一种近似Basic的脚本語言，不少重要的应用程式或是开发工具都使用到这个语言，如微软的Internet Explore、Visual Studio等。在微软的Visual Basic系列中，最重要的程式语言的根源是Microsoft Visual Basic for Application，简称VBA，不论是Visual Basic或Office环境中的巨集都是以VBA为基础，而VBScript也不例外。VBScript 是 VB 的一个子集，它提供的各

31、种语句和语法、常量和变量、函数和过程的规则与VB完全相同，并且也提供了许多基本的计算、处理函数。VBScript 是标准的脚本语言，广泛应用于动态网页、大型电子商务系统、Windows系统管理等领域。包括Microsoft Internet Explorer中的Web客户端脚本和Microsoft Internet Information Server中的Web服务器端脚本。Java Script简介Java Script是在Web主页文件中使用的一种编程语言，它可以直接控制浏览器窗口各元素以及主页页面内容，也可以通过交互表来实现由用户参与的控制。JavaScript与Java的区别Java

32、Script并非Java。Java是SUN Microsystems公司的产品，Java Script则是前Netscape公司的产品，Microsoft公司则有类似的Jscript。在Web主页文件中，Java程序通过标签引用，它在服务器端执行，在浏览器窗口中预留的空间显示；JavaScript程序则通过或直接写入，它由浏览器解释执行，并在浏览器窗口中落实结果。Java可以直接对图像与文本发生作用，Java Script则与HTML元素组合在一起发生作用。SQL语言SQL是Structured Query Language的缩写，它的中文意思是结构化查询语言。它是定义和访问关系数据库的国际化

33、标准。SQL是用户与Oracle或其他类型数据库传递信息的语言，是用户存取数据库的命令集。SQL是一种非过程化语言，它一次可处理记录集合，允许一个SQL语句操作的结果作为另一个语句的输入，SQL能将全部的数据管理任务统一在一种语言中，无论用户、系统管理员都可以利用它对数据库进行管理。1.4 计划设计准备期，首先了解项目的主要功能，选定实现系统的网络语言及数据库类型，并收集有关资料和借阅相关书籍，明确实现各个功能的要点，初步形成网站的大体框架。设计初期，完成各功能基本程序与一些小程序的编写；完成网站页面的基本页面制作，并安排好首页与各分页面的大体内容布局。设计中期，完成文章管理系统、邮件群发、学

34、生成绩管理、内网入口等主要程序；修改和完善整个网站界面设计。设计末期，完成全部栏目的设计与制作；完善各栏目程序在设计过程中发现的错误与漏洞；界面上小处调整，完善与改进内容与布局上的不足； 完成网站的辅助功能，使网站尽量做到最大的人性化。设计完成期，对整个网站系统进行综合调试与使用，解决一些调试过程中发现的小问题。全面完成网站系统的设计制作。以上只是初步的计划与进度安排，设计过程中可以根据进度的快慢及老师的安排适当的进行调整，再合理安排任务与进度。2 网站界面设计2.1 颜色的选择因为学院网站为比较正式的官方网站，颜色与界面布局上要求比较正规。蓝色代表着天空，代表着海洋，伟大而无限，给人一种以宏

35、伟壮观的感觉；蓝色象征着宁静、稳定、理性与冷静，能给人一种和谐、宽松的感觉。所以网站选择使用蓝色为主调，体现严肃、和谐、稳定与正规的特点；红色为副色，代表热情、喜庆与能量，体现热烈的气氛，给人以一种热情的感觉；淡灰色间隔栏目内容与标题，体现现在比较流行的网页素色效果；栏目导航字体使用白色，配合蓝色底，十分醒目，可以引导浏览者快速进入自己的目的栏目；主要内容字体使用黑色，符合正规网站的内容表现形式；其它颜色点缀，突出特别内容与辅助功能，还可以增添页面的鲜艳程度，使网页显得更加丰富与美观。2.2 前台界面设计网站除了作为信息浏览、文件下载及其他功能外，还是一种对外形象的体现，所以页面在设计上既要考

36、虑到浏览快速实用，而且更要达到美观大方的效果。、整个网站的界面设计都是在这个设计思想下进行的。2.2.1 网站首页的设计首页的设计在原来分析的基础上进行制作，首先制作头部flash，flash的背景图用Fireworks制作而成。用Fireworks制作好源文件后，设置一定的参数，生成效果比较好便文件体积比较小的jpg格式图片。这样可以在保证网站效果的同时尽量减小网站的文件体积，保证网站的快速浏览。效果图如下：图2.1网站页头flash底图效果然后在Flash软件中导入用Fireworks制作好的底图，再在Flash中制作实现后期的效果。效果图如下：图2.2网站页头flash效果图首页页面用到

37、的图片和Flash全部用Fireworkst 和Flash制作。页面的布局制作用Dreamweaver后期完成。全部用表格的嵌套来实现对图片、脚本和文本等内容的安排与布局。首页的设计，第一考虑到尽量不改变访问者浏览信息的习惯，所以在内容位置的安排上，采用比较常见的内容安排方式。网页头部设计成一个精美的flash，学院的名称放在最左上角，使用白色加黑色的立体表现方式，还配有星星闪光的效果，吸引访问者的眼球，使访问很容易的就注意到访问的是“信息科学与工程学院”的网站，印象会比较深；蓝色底和红色地方采用弧线立体设计，给人一种弧线美与立体感，展现网站的层次立体美；蓝色底还隐约有白色数字与字母的字样，使

38、内容不至于太空；学院的作风字样放在右上角，一来可以展现学院的办学与管理作风，二来可以平衡整个flash；作风字样周围再加上转动的圆圈效果，整个网站会显现出富有动感，象征进取的精神；下半部分为学院的主楼，再加上学院的英文名称，体现信息学院的特点；右下为“学院内网”与“English”版本入口，十分醒目,可以方便访问者的点击进入。图2.3 网站首页效果图栏目导航放在flash下面，方便浏览者快速的访问相关内容，也是网站最常用的栏目导航方式。主栏目还有子栏目下列菜单，这样可以在更小的空间在实现更多的导航功能，而且在不需要的时候自动隐藏。页面主文体内容的左边为学院相关内容的链接，在里面可以快速找到学院

39、的相关内容链接，方便访问者快速了解学院。页面主体中间上部分为图片新闻调用，标题靠上，图片放在靠左边，简单内容开头则置于右，可以简介的了解图片新闻内容，以决定是否需要点击进入阅读详细内容。下部分则为“学院新闻”调用，这里为学院最新的非图片新闻内容。页面主体右部分上为“最新公告”，也是原来上一版的“最新公告”的位置，在不改变位置的情况下，访问在浏览新版面时也不至于找不到自己经常看的“最新公告“内容。接下来的是“学院特色”，简单而实用。再下为“校区导航”，可以满足浏览校主页的快速入口。往下为“校内导航”，起着同样的功能，且采用下拉菜单形式，可以节省空间。再往下则为站内的访问量统计，可以了解到网站的访

40、问情况。主页底部则为帮助内容、浏览建议与版权信息，是网站必不可少的一部分。帮助内容一是可以提示浏览者浏览本页面已经到达了底部；二是可以提供给访问者解决一些浏览网站遇到的的常见问题的方法；三是提供管理入口，方便管理人员在不需要输入网址的情况下快速进入管理页面；浏览建议测提醒访问者怎样才可以达到访问网站的最佳效果；版权信息则作为网站的一种版权及维护声明。内容安排采用常见的排版方式，这样可以符合访问者的习惯，不至于改版后难以找到所需的内容。2.2.2 内网首页的设计内网的功能是专门为服务学院内师生而设的。注重内容的丰富程度和实用程度。页面在首页设计的基础上，放上内网的内容。内网的主要栏目导航放在主体

41、内容右边的上面，起到快速导航的作用。下面则为部分栏目的最新内容调用，可以使访问者了解到相关的栏目是否有最新更新的内容。图2.4 内网首页效果图2.3 后台界面设计后台的页面跟前台页面则不同，前台是对外的宣传与体现，后台则是管理的平台，它不像前台那样需要做得美观，它只要求实用、速度与效率，所以后台尽量不使用影响速度的体积大的图片及flash等。后台基本都采用框架的浏览方式，左边比较窄，管理分类链接放在左框架，在管理浏览过程中保持不变，这样可以快速在管理页面之间进行切换，提供管理效率；框架右则为主框架，比较宽，管理页面在点击之后会出现在主框架内，在上面可以对不同的管理页面进行操作。布局上全部采用表

42、格再加上底颜色的布局方式，一来可以整齐的排列管理的内容，又可以尽量做美观实用。常用的功能都安排在靠上的地方，这样可以提高整体管理上的效率，以减少管理上的麻烦。一些需要注意的问题则用显眼的彩色字体注明，放在相关的页面上，这样可以帮助管理人员在管理过程快速了解管理的方式与使用方法。不同的页面会设置适当的返回链接，方便在管理过程中的页面转向。图2.5邮件系统管理首页效果图图2.6学生成绩管理系统管理首页效果图2.4 其它页面设计其它页面的设计都是在首页设计的基础上，头部和尾部采用一样的设计方式，可以达到网站统一风格的作用。导航栏在每一个页面都存在，这样可以方便浏览别的内容和快速返回首页。其它地方再根

43、据不同页面而采用不同的页面排版方式，满足不同功能的需要。图2.7留言板效果图2.5 栏目链接设计栏目除了在相应导航栏可以进入外，在栏目的内容调用下面，都有“更多内容.”的字样，可以满足浏览更多相关的内容的作用。符合不同访问者的浏览习惯与需要。链接在鼠标悬停时，会变为红色，可以帮助访问者注意到自己将要访问的内容，是一种辅助浏览形式。3 系统设计3.1 新闻系统设计新闻系统表面上看功能比较简单，但如果要做出一个好的新闻系统，实现起来也不是一件易事。因为在整个整个系统中真正涉及到的数据比较多，所以对数据的设计与安排比较重要。3.1.1 新闻系统数据库设计根据新闻系统需要，创建一个新闻系统的数据库，并

44、在数据库中创建admin、news、newscate等表。其中admin用来存放管理员的用户名与密码，news用来存放文章的相关内容，newscate则是记录栏目的分类情况。栏目编号栏目名级别根栏目添加时间新闻编号栏目编号新闻标题新闻内容图片名来源添加时间点击次数用户编号用户名密码新闻内容表新闻栏目表用户表图3.1新闻系统数据库ER图一对多字段数据类型字段大小说明id自动编号长整形自动编号user文本50用户名psd文本50密码表3.1 Admin表结构字段数据类型字段大小说明cataid数字长整形新闻所属栏目Title文本50新闻标题Content备注不限制新闻正文内容Firstimagen

45、ame文本50上传的图片名称From文本50记录文章来源Addtime日期时间不限制新闻添加时间Hits数字长整型新闻点击次数表3.2News表结构字段数据类型字段大小说明Title文本50栏目名称Level数字长整型栏目级别Rootid数字长整型此栏目隶属栏目Time日期时间不限制栏目创建时间表3.3Newscate表结构3.1.2 新闻系统程序设计新闻内容最后是存放在数据库中的，新闻系统大体可以分为两大部分，一是数据录入，二是数据的调用。前者用于对文章的数据管理，后者则是新闻内容的调用显示。管理内容包括：增加新闻、管理新闻、栏目管理和用户管理等。新闻调用显示按栏目调用的方法，对文章实行分类

46、，再加上搜索功能，新闻也可按关键字搜索分类。流图如下：数据库添加新闻管理新闻栏目管理用户管理新闻内容显示搜索栏目内容列表后台管理新闻显示图3.2新闻系统数据库管理与调用流图由上可以看到，后台管理系统与新闻显示分别进行设计，两个程序不会互相影响，它们唯一的共同点就是访问同一个数据库，使用的数据库字段一样。3.1.2.1 图片新闻调用程序设计由于学院里经常有图片新闻，为了更快和更形象具体的报道图片新闻，网站首页显眼的地方设计成图片自动调用的方式，具体形式是标题和图片，加上一小段的新闻开头内容，主要的让访问者了解图片的大体内容。图片新闻调用程序的实现，首先建立变量num，并将其初值设为0，然后从ne

47、ws表的中选择出第一条记录，判断字段名为firstImageName的数据是否为空，不为空则完成图片的显示，并自动的给图片加上当前新闻的链接；firstImageName的数据为空则跳到下一条记录。显示完一条图片新闻后对num加1，并将num的值跟设定的允许最大值比较，没有到达原始设置的最大值则跳到下一条；num到达最大值则退出程序。显示完毕！Y图3.3图片新闻调用程序流程图开始建立变量num=0从news表中读取第一条记录FirstImageName为空吗？N跳到下一条记录Y完成图片新闻的显示对变量num加1跳到下一条记录NNum是否到达设置的最大值结束Y3.1.2.2 新闻栏目列表程序设计

48、图3.4栏目新闻列表调用流程图传递一个变量s_keyword,标记新闻调用哪个栏目。从头开始搜索数据库中归属栏目为s_keyword的新闻记录跳到下条记录跳到下条记录开始将此新闻标题列出。加上对应的链接，对num加1结束Y一页的新闻达到限制数目了吗？N是本栏目的新闻吗？YN3.1.2.3 新闻内容显示程序设计由新闻显示参数，在数据库中搜索到相关记录。将新闻标题显示将新闻添加时间、来源和点击次数等信息显示显示新闻正文显示下一条新闻链接图3.5新闻内容显示流程图开始结束3.2 内网自动引导程序设计访问者要进入内网，在点击进入后，服务器运行程序检测出访问机器的IP地址，并对所得的IP地址作一定的处理

49、，然后跟数据库中允许的IP段作比较，符合条件的则引导到内网首页；不符合条件的则不允许进内网，并引导其返回上一页。其中的取得访问机器IP的函数为：Request.ServerVariables(REMOTE_ADDR)Request.ServerVariables(REMOTE_ADDR)函数取得客户端的IP地址,. 并将取得的值赋给变量rmip用left函数将取得的IP数据作一定的处理将处理后的数值跟数据库中的IP地址段作比较用户合法吗？Y页面自动跳转内网首页(inner.asp)N页面返回到客户端浏览的上一页图3.6内网入口自动引导程序流程图开始退出3.3 计数器程序设计计数器只需要实现简单

50、的功能，就是对网站的访问量作累计计数。访问计数在原理上比较简单，实现起来也不需要很长的代码。首先在数据库建立存放访问次数的字段，访问一次首页，则将此数取出，并显示在首页的相应的地方，之后对数据实行加1存回，初始访问量可以自行在数据库中进行设定！计数器只需要实现简单的功能，就是对网站的访问量作累计计数。访问计数在原理上比较简单，实现起来也不需要很长的代码。首先在数据库建立存放访问次数的字段，访问一次首页，则将此数取出，并显示在首页的相应的地方，之后对数据实行加1存回，初始访问量可以自行在数据库中进行设定！从数据库读出上一次访问过记录的数值将数值+1将数值存回数据库开始结束图3.7网站首计数器流程

51、图3.4 邮件群发程序设计开发设计工具：邮件群发系统开发以Dreamweaver作为页面开发和脚本编写的工具，以VBSCRIPT作为主要脚本开发语言，以Microsoft Office Access作为数据库开发的主要工具，以JMail作为邮件发送的主要组件。3.4.1 邮件群发数据库设计邮件群发系统主要包含两个数据表，管理信息数据表admin和邮件列表信息数据表email。邮箱编号老师名邮箱地址系部、单位添加时间发送标识用户编号用户名密码邮件服务器邮箱登录名邮箱登录密码发送人发送组件用户表邮箱列表图3.8邮件群发系统数据库ER图字段名称字段长度数据类型说明默认值id长整型自动编号管理员标识n

52、ame20文本登录用户名pw20文本登录密码yjlb30文本邮件列表的名称信息学院邮件列表fwq30文本默认邮件服务器passname20文本邮箱登录名password20文本邮箱登录密码fa20文本发送人faemail30文本发送人信箱yjzj10文本邮件发送组件表3.4邮件用户参数数据库表管理信息数据表主要用来保存管理员的登陆信息和管理员登陆后发送邮件时的各项参数设置。字段名称字段长度数据类型说明默认值id长整型自动编号邮件标识teachername10文本教师姓名email50文本电子信箱department50文本所属系部idate日期/时间更新时间Date()fs字节数字判断是否发送

53、：0为不发送，1为发送0表3.5邮件列表数据表邮件列表信息数据表主要是用来保存邮件列表中教师的信息，另外设置fs字段用来判断是否对该教师发送邮件。3.4.2 邮件发送程序设计开发设计思想：管理员登录页面，作为邮件系统的首页，只有在管理员登录后才能浏览和使用其它页面。管理页面，只用来修改管理员的管理信息。邮件列表数据管理页面，用来对邮件列表成员数据进行管理。发送邮件页面：进入发送邮件页面时设置判断是否发送邮件的字段为0表示不对其发送邮件，然后对要发送邮件的教师进行选择或者选择全部发送，选择完成后下一步进入邮件内容填写页面这时将已选择的的教师的判断是否发送邮件的字段改为1表示要对其发送邮件。在这个

54、页面中进行邮件内容的填写、附件的上传，也可以对邮件服务器的选项进行更改，若不更改则使用默认。邮件内容填写完成后进行邮件的发送，若发送成功则再次将判断是否发送邮件的字段改为0，然后检测该字段，对为1的字段重新发送邮件，如此一直循环直到全部发送成功为止。或用户可以选择退出发送程序。附件管理，对于上传的附件可以在附件管理页面对其进行删除操作。管理页面，在管理页面中进行管理员的各项操作。流程图见下页。开始根据用户选择要发送邮件的群，对数据库中相应的记录fs字段值更改为1选择数据库中字段fs为1的第一条记录保留数据库中当前记录的fs字段值为1用户填写邮件内容发送是否成功?对此记录中的邮箱地址发送邮件跳到

55、下一条fs字段为1的记录到了最后一条记录吗?是否有发送失败的邮箱退出用户选择是否重发失败邮件?NYNY跳到下一条fs字段为1的记录NYYN列出显示发送失败的邮箱用户选择图3.4邮件发送流程图4 系统使用说明一个完美的系统不但包括界面和程序，还应该有详细的使用与操作说明，以介绍系统的使用方法及注意的地方，还有一些其他问题的解决方法。这方面的内容也要作为设计的一部分，而且必不可少。这样可以方便日后管理使用上的快速解决问题。4.1 应用环境4.1.1 硬件环境1服务器端处理器：Intel PentiumIII(800)内存：256MB硬盘空间：200M以上光驱：40X以上显卡：TNT2显示适配器网络

56、配置：宽带网络。2客户端处理器：Intel PentiumII内存：64MB硬盘空间：200M以上光驱：40X以上显卡：TNT2显示适配器网络配置：宽带网络。4.1.2 软件环境1服务器端操作系统：98/Windows 2000/Windows 2003网络协议：TCP/IPWeb服务器：IIS5.0数据库：Microsoft Access 2000浏览器：Internet Explore 5.02客户端操作系统：Windows 95/98/2000/XP/ 2003网络协议：TCP/IPWeb服务器：IIS5.0数据库：Microsoft Access 2000浏览器：Internet Ex

57、plore 5.0、Netscape6.04.2 系统安装与使用说明4.2.1 特别注意在使用和修改本站之前，请认真阅读以下内容。1。本系统页面之间链接比较复杂，为了网站系统的运行正常，没有什么必要，请不要随便更改相关文件夹名称及相关文件。如要修改，修改前请做好备份工作。2。在使用本网站系统时，一定要将web文件夹下的所有文件放在网站的根目录下，这样可以确保网站系统的运行正常。3。进入admin/为外网新闻管理后台。内网程序在相应栏目中有管理入口。登录名与密码都是xx014。在使用邮件群发功能时，服务器要安装“附件资料”目录下的JMail44_free.exe组件。不安装发邮件时会出现发送邮件

58、不成功的现象。5。关于本站用到的一些数据与资料，放在附件资料下，请使用前注意。6以下是对根目录下的文件及文件夹内容的说明。图4.1系统文件夹一览_Database 为数据库存放文件夹，_UploadFiles 为上传文件，about 网页左边的学院相关链接文件与图片，admin为管理系统文件，book_innet 为内网师生留言板文件夹。css是字体样式表，flash为本站flash文件及源文件,images为图片，inc一些调用文件，inner为内网文件夹，进入内网的文件在里面。可作为以后内网拓展功能用的文件夹mail邮件群发系统，news新闻系统，score学生成绩管理系统。teacher

59、s学院老师简介，Templates文件夹为本站用到的一些模板，更新相关网页内容，只要更新模板再选择更新相关网页即可。附件资料 存放一些本站系统用到的组件、字体、软件、说明、一些代码及其它数据。aspcheck.asp 为阿江asp探针，可以测出服务的安全性及组件等功能状态。default.asp为网站首页。在各文件夹里面，根据情况，还会有一些文件的分类，有必要的时候请自行了解各文件夹的用途，以便日后管理工作的顺利进行。4.2.2 数据库路径修改1。要更改新闻系统数据库路径，请同时修改inc/conn.asp及news文件夹下的jspicNews.asp和jspicNews_more.asp文件的相关路径。2。其它系统数据库路径请在相应栏目文件中的conn.asp文件中修改。4.2.3 其它相关说明1。本站相关flash与图片的源文件都在文件的目录下，要作修改，只要修改相关源文件，生成相应文件即可。修改请注意安装附件资料下的相关字体。2。首页加有计数器代码，在文件右边靠下处，如果有改动请注意。3。、首页新闻调用方法，使用方式是在你需要调用新闻的地方插入语句： 其中cat