ASP信息学院网站的设计论文
摘 要
在网络逐渐流行成为人类生活一部分的今天,网站已经成为一种有效的宣传与交流平台。对任何一个单位来说,建立一个稳定、美观、功能强大而实用的网站,已经成为该单位发展必不可少的一环。
在现今社会里,网络在教学与管理上越来越显得重要,它可以帮助改进一贯的办公方式,方便资源与思想的交流,使工作效率得到较大的提升。对着电脑轻松办公,甚至可以说已成为一种乐趣,一种享受。充分利用网络的优势为教学与管理服务,是现代教育的一种全新理念。
本课题基于信息学院的原始资料,利用ASP结合Access数据库技术,对信息学院网站进行一次全新的设计制作。全新设计了网站的界面;实现了新闻、公告等内容动态管理;实现在线邮件群发;实现学生成绩在线管理;完成网站访问计数器功能;实现图片新闻自动调用;完成课件点播、规章制度、理论学习、常用表格、党建动态、师生留言等栏目功能。网站系统的实现,将为学院网站的建设打下良好的基础,树立一个全新的学院网站形象。
关键字:网络数据库、ASP、权限、内网、邮件群发
[资料来源:www.doc163.com]
Abstract
As 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 unit, 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 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 interface 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 college's site. For example, a whole new design for the interface of site; news、affiche…dynamic management come true; cluster mail send and student achievement management on line alse come true; the function of web site arithmometer has accomplished; the automatism transfer concerning picture news、courseware's order programme、bylaw、theory's study、table in common use、the development of party establish、the leave word of teacher and student etc column has completed. the implement on web site's system will become a well foundation for collage's site build,and build up a whole new collage site's visualize. [资料来源:http://www.doc163.com]
Keywords:Datebase of Web、asp、Popedom、Inside net、Mail group delivers. [来源:http://Doc163.com]
前 言
学院原来的网站系统比较简单,比较多的内容还是通过手动制作html页面来实现新闻的更新与公告的更新,在更新内容和管理上显得效率不高。没有管理后台,造成管理上的不及时与文件的凌乱;缺少一些常用的功能,不能有效的利用网络的优势实现对学院的日常工作进行组织与管理。界面上,页面设计比较简单,不够美观大方;颜色搭配效果较差;有些地方较粗糙,制作不够细腻,不能给人一种优雅的享受。内容上,网站的信息内容相对较少。所以网站要达到好的效果,需要进行重新设计。
经过重新设计,实现了学院网站的全部功能,其中主要工作如下:
●界面,通过合理的颜色搭配,全新设计了网站的版面。
●管理后台,实现高效率、高质量管理网站的信息内容。
●邮件群发,实现按各系部、单位选择老师群发邮件。
●学生成绩管理系统,完成课程安排、学生资料管理、学生成绩在线管理功能、成绩打印等功能。
●网站计数器,可以有效记录网站的访问量情况。
●图片新闻,实现首页自动调用功能。
●外网与内网分权限浏览,实现院内院外信息分开处理。
●内网师生留言板,实现师生之间的留言交流。
●网站帮助,完成关于我们、联系我们、网站地图、 帮助信息、管理入口等辅助功能。
●内网栏目,完成规章制度、常用表格、课件点播、学院工作、党建动态和理论学习等栏目的建立。
●其他页面,制作完成学院内容及老师简介的页面
经过近三个月的努力工作,目标已经达到,功能完全实现。由于时间比较紧和个人的能力有限,可能在个别小地方还存在漏洞与不足,还有待进一步的完善。 [资料来源:http://www.doc163.com]
目 录
1 系统分析 6
1.1 项目目标与功能 6
1.1.1 项目内容与目标 6
1.1.2 主要功能 7
1.2 网站系统设计原则 11
1.3 设计人员与资源 12
1.3.1 设计人员 12
1.3.2 硬件环境 12
1.3.3 软件环境 13
1.3.4 开发概况 13
1.4 计划 16
2 网站界面设计 17
2.1 颜色的选择 17
2.2 前台界面设计 17
2.2.1 网站首页的设计 17
2.2.2 内网首页的设计 20
2.3 后台界面设计 21
2.4 其它页面设计 23
2.5 栏目链接设计 24
3 系统设计 25
3.1 新闻系统设计 25
3.1.1 新闻系统数据库设计 25
3.1.2 新闻系统程序设计 27
3.2 内网自动引导程序设计 30
3.3 计数器程序设计 32
3.4 邮件群发程序设计 33
3.4.1 邮件群发数据库设计 33 [版权所有:http://DOC163.com]
3.4.2 邮件发送程序设计 35
4 系统使用说明 37
4.1 应用环境 37
4.1.1 硬件环境 37
4.1.2 软件环境 38
4.2 系统安装与使用说明 38
4.2.1 特别注意 38
4.2.2 数据库路径修改 40
4.2.3 其它相关说明 40
4.3 新闻管理系统使用方法 41
4.4 邮件系统使用说明 43
4.4.1 使用注意 43
4.4.2 参数设置 44
4.4.3 邮件发送 44
4.4.4 其他说明 47
4.5 学生成绩管理系统使用说明 48
5 设计总结与体会 50
5.1 设计总结 50
5.2 设计体会 51
5.3 问题与解决办法 53
5.3.1 内网入口问题 53
5.3.2 邮件群发问题 54
5.3.3 邮件管理员参数问题 55
5.3.4 搜索功能漏洞问题 55
5.3.5 资料分类与制作问题 55
5.3.6 数据库安全问题 56
6 主要参考文献 57 [资料来源:https://www.doc163.com]
7 致谢辞 58
8 附件与使用说明 59 [资料来源:www.doc163.com]
1 系统分析
1.1 项目目标与功能
1.1.1 项目内容与目标
整个毕业设计的目标,是在学院基本资料的基础上对信息学院网站系统进行全新的设计,实现内网功能,初步建成一个美观而实用的网站系统。具体包括:全新设计网站的界面;完成信息管理后台系统、邮件群发系统、学生成绩管理系统和内网入口检测程序;完成内网师生留言板;完成规章制度、常用表格、课件点播、学院工作、党建动态和理论学习等栏目;重新设计学院简介等相关内容及老师简介的页面;合理安排网站系统,以方便日后的管理与功能上的扩展;设计美观大方的网页,提高网站的观赏与实用性。充分利用网络的优势来为老师和同学服务,为教学与管理服务。
[来源:http://Doc163.com]
图1.1网站系统模块图
1.1.2 主要功能
整个网站系统在完成后,具有新闻发布、公告发布、图片新闻、常用表格下载、规章制度、课件点播、邮件群发、学院工作、党建动态、理论学习、课程与学生成绩管理、自动引导校园内与校园外浏览者、访问计数和留言等功能,具体实现功能以下:
●重新设计网站的整体界面与后台界面。采用统一的界面与风格,展现学院网站自己的特点,还可以方便以后的修改与完善;采用鲜艳而严肃的颜色,体现学院严肃求实的办学特点和活泼进取的精神面貌;页面设计新鲜且大方得体,颜色鲜艳的同时带上素色效果点缀,体现现代主流网站的流行设计理念;制作精美且具有立体感的flash多媒体,增强网站的可观赏程度和交互功能;增加网页立体感,给人一种层次性真实感;设计上尽量做得细腻,实现界面美观与浏览速度的平衡,增强网站的实用价值。
●完成信息管理后台。可以方便以后高效率的管理与更新学院新闻、学院公告、常用表格、规章制度、课件点播、学院工作、党建动态和理论学习等信息内容;可以增加与删除管理员,实行多人多点管理,合理安排管理栏目与管理时间,提高管理上的质量与效率。
●完成搜索功能,方便访问者快速查找所需的内容。 [资料来源:http://doc163.com]
●实现图片新闻自动调用功能。可以快速的上传有关学院的图片新闻,增强网站的信息直观性,使浏览者及时直观的了解学院的近期活动。可以浏览更多图片新闻,方便回顾近期图片新闻内容。
●编写完成邮件群发系统。本系统可以实现多用户使用,每个用户具有自己的登录密码,并且可以设置自己的参数。可以实现对全部老师,各系部或各单位全部老师群发邮件,还可以只选择部分老师或个别老师发送邮件。具有发送是否成功检验功能。发送失败的邮件可以选择重新发送邮件,保证发送的正确性与完全性。邮件系统在操作与管理方面比较方便。运行效率比较好,安全性也比较高。
●编写完成学生成绩和课程安排管理系统。本系统实现管理员可以在网络上管理教师资料、管理班级与学生资料、管理课程的设置及课程表和管理学生的成绩数据;浏览者可以进行课程表查询、成绩查询、教师情况、班级情况、作息时间等其他内容的浏览,大大方便老师和同学们对相关信息的了解;可以打印课程表与学生成绩;可以方便修改数据库内容。本系统有合理的管理后台,采用框架页面管理思想,合理安排管理内容的分类导航,管理效率比较高。系统登录采用密码与检验码合用的登录方式,登录与管理比较安全。
●实现内网功能,实现内网与外网信息浏览的分开处理。本功能可以自动识别访问者的IP,引导进入相应页面,浏览对应的信息。实现院内可以正常的信息浏览,而对院外进行信息的局部保密。
●编写网站访问量的统计程序,统计网站的访问量情况,方便管理员及访问者及时了解网站的访问情况。
●开设规章制度栏目,让大家能方便查到学院的相关规章制度及措施,了解学院的相关制度内容与措施。
●开设常用表格栏目,提供常用的表格下载。方便老师与同学在学习与生活的需要。
●开设课件点播栏目,方便老师与同学进行课件交流与学习,提高网络对教学的帮助程度,缓解校园比较大而造成学习交流上的不方便。
●开设学院工作栏目,提供公布学院计划与总结,发布相关的文件内容,安排与公开当前工作的功能。
●开设党建动态栏目,宣传党的知识。包括子栏目:党校培训、发展对象、积极分子、党员档案。
●开设理论学习栏目。提供近期相关的理论学习内容。
●完成学院内网的师生留言板,方便学院领导、老师和学生之间的交流,回答及解决一些常见的问题。
●重新制作学院内容及老师简介的页面,更新部分内容,更加适合信息的及时性与准确性浏览。
●合理安排网站系统,以方便日后的管理与功能上的扩展,提高功能增删与管理上的效率。
●在页面合理安排一些如校区主页、部门主页、学院主页、其他主页等常用的链接,方便访问者寻找其他信息内容。 [来源:http://www.doc163.com]
●完成页底帮助功能。“关于我们”是介绍网站及学院情况;“联系我们”提供访问者获得联系学院相关人员的方式;“网站地图”以直观的图表展示网站的信息内容分布,引导访问者快速找到所需内容;“帮助信息”则帮助访问者解决一般浏览网站时遇到的问题;“管理入口”方便管理员进入后台。
●完成版权、制作维护信息和浏览方式等页底提示,提供网站的制作情况和提示浏览网站的最好方式。
1.2 网站系统设计原则
网站设计与开发是一项系统工程,为了保证系统的质量,设计人员必须遵守共同的设计原则,尽可能地提高系统的各项指标。具体的设计原则如下:
1.实用性原则
要力求最大限度地满足实际工作的需要,充分考虑各应用层次、各管理环节数据处理的实用性,把满足用户生产和管理业务作为第一要素进行考虑。用户接口和操作界面设计尽可能做到界面美观大方,操作简单实用。
2.可扩展性与可维护性原则
为适应将来的发展,网站系统应具有良好的可扩展性和可维护性。软件设计尽可能模块化、组件化,使网站系统可灵活配置,适应不同的情况。数据库的设计尽可能考虑到未来的需要。
[资料来源:http://www.doc163.com]
3.安全可靠性原则
网站系统与数据库系统的设计要做到安全可靠,防止非法用户的入侵。数据库的备份策略恰当,以防灾难性事故发生。
4.用户界面设计原则
图形化原则:用户界面的设计应符合Windows规范的图形用户界面(GUI),做到美观大方。用户界面应当直观、明了、条理清晰。实现“傻瓜型”管理――易学、易用、易管理。
5,数据库设计原则
一致性原则:对信息进行统一、系统的分析与设计,协调好各数据源,做到“数出一门”、“算法统一”、“度量一致”。保证系统数据的一致性和有效性。
完整性原则:数据库的完整性是指数据的正确性和相容性。要防止合法用户使用数据库时向数据库加入不规范的数据。对输入到数据库中的数据要有审核和约束机制。
安全性原则:数据库的安全性是指保护数据,防止非法用户使用数据库或合法用户非法使用数据库造成数据泄露、更改或破坏。要有认证和授权机制。
可伸缩性原则:数据库结构的设计应充分考虑发展的需要、移植的需要,具有良好的扩展性、伸缩性和适度冗余。
规范化数据库:应遵循规范化理论,规范化程度过低,可能会存在插入、删除异常、修改复杂、数据冗余等问题,解决的方法就是对关系模式进行分解或合并(规范化),转换成高级范式。规范化一共有六个级别:1NF、2NF、3NF、BCNF、4NF、5NF。但也应当注意到,并不是规范化程度超高就直越好。当一个应用的查询中经常涉及到两个或多个关系模式的属性时,系统就必须经常进行连接运算,而连接运算的代价是非常高的。所以,在具体应用时到底规范化要进行到什么程度需要利弊。一般而言,做到第三范式就足够了。 [资料来源:www.doc163.com]
1.3 设计人员与资源
1.3.1 设计人员
本小组共为4人,余健荣、白珍磊、国刚、刘娜,全部为信息科学与工程学院信息与计算科学01-1班学生。我主要负责界面的设计制作和一些程序上改动与完善。
1.3.2 硬件环境
网站系统大部分在个人电脑上设计完成,基本配置如下:
主板:硕泰克SL-75FRN3-L nForce 2
cpu : SEMPRON 2200+
内存:hy 400 256M X2
显卡:nVIDIA Gforce FX 5200
硬盘:希捷7220 80G
显示器:17”纯平
其它:cd刻录机,普通机箱与电源。
1.3.3 软件环境
设计中涉及到的主要软件和开发环境:
操作系统:Windows xp sp2,安装IIS 5.0
编程与页面制作:Macromedia Dreamweaver MX 2004
图片处理:Macromedia Fireworks MX2004, Photoshop cs
Flash制作:Macromedia Flash MX 2004
文件上传管理:FlashFXP3.2等。
开发环境:Asp,html, VBScript, JavaScript等语言。 [资料来源:https://www.doc163.com]
1.3.4 开发概况
整个网站系统日后要求在网络中心的服务器上运行使用,并要求可以在网络上进行管理与使用,所以要使用网络动态编程语言及超文本描述语言,并要使用数据库技术。
系统环境:根据实际情况,结合个人熟悉情况与服务器系统应用情况,主程序上,系统使用Asp, html网络编程语言,采用html嵌套asp语言形式,结合Microsoft Access数据库实现各部分基本功能, 再使用VBScript及JavaScript脚本语言编译网页上的一些小程序,实现一些次要或辅助功能。整个程序要求运行在以Win NT为核心的Windows 系统服务器上,要求安装Microsoft Internet Information Server version on Windows NT Server,简称Internet 信息服务器或IIS。为确保运行的稳定和获得更好的兼容性,IIS使用5.0或以上版本;因为本网站系统中有邮件群发功能,所以服务器端要求正确安装JMail组件;网站系统部分程序中有上传与管理上传文件功能,所以要求服务器支持并开放File System Object功能。
制作环境:对于html、 asp编程和网页界面制作,使用效率比较高的Macromedia公司的Dreamweaver MX 2004网页制作软件。Dreamweaver提供可见即可得功能,可以高效率制作html页面,快速设计页面与安排页面布局,可以编辑asp,php,jsp等动态页面,并可以自动生成语言代码。本网站系统所有页面全为Dreamweaver编辑而成。图片制作与处理方面,使用Macromedia公司的Fireworks MX 2004,制作网页中的各种导航条与小图片,并对系统中用到的图片作简单的处理。多媒体交互方面,使用Macromedia公司的Flash MX 2004,制作页面使用到的Flash文件,并结合flash脚本语言,实现与访问者交互的功能。 [版权所有:http://DOC163.com]
Asp简介
Asp全称Active Server Pages,中文名叫做动态服务网页,其功能在于可以使用它来开发运行在Windows服务器平台上的动态网页和网站。
网页是使用HTML(HyperText Markup Language,超文本标记语言)定义的文档。网页文件是文本文件,可以使用记事本等文本编辑工具打开。HTML文档是在文本内容中加入HTML标记,对文本的内容进行格式化,然后使用浏览器来解释这些格式。最初的网页都是静态的,即一个网页中的内容都是静态文本,不会化。因为HTML的开发是为了在计算机、网络及操作系统之间显示和传送信息(特别是技术和科学信息),这种标准化的文档仅是一种简单的文本和标记,其中的图像和其他非文本的内容以单独文件的形式存放,它们可以在各种网络上自由传送。
ASP技术在静态HTML内容中嵌入服务端脚本,实现网页内容的动态改变。ASP是一种开发动态网页的技术,它既不是一种编程语言,也不是一种开发工具软件,同样也不是一种应用程序,ASP定义服务器端动态网页的开发模型。 [资料来源:http://doc163.com]
HTML语言简介
HTML(Hyper Text Markup Language 超文本标记语言)是一种用来制作超文本文档的简单标记语言。用HTML编写的超文本文档称为HTML文档,它能独立于各种操作系统平台(如UNIX,WINDOWS等)。自1990年以来HTML就一直被用作World Wide Web上的信息表示语言,用于描述Homepage的格式设计和它与WWW上其它Homepage的连结信息。
HTML文档(即Homepage的源文件)是一个放置了标记的ASCII文本文件,通常它带有.html或.htm的文件扩展名。生成一个HTML文档主要有以下三种途径:
一.手工直接编写(例如用你所喜爱的ASCII文本编辑器或其它HTML的编辑工具)。
二.可以使用Frontpage、Dreamweaver进行编辑,也可通过某些格式转换工具将现有的其它格式文档(如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 的一个子集,它提供的各种语句和语法、常量和变量、函数和过程的规则与VB完全相同,并且也提供了许多基本的计算、处理函数。VBScript 是标准的脚本语言,广泛应用于动态网页、大型电子商务系统、Windows系统管理等领域。包括Microsoft Internet Explorer中的Web客户端脚本和Microsoft Internet Information Server中的Web服务器端脚本。
Java Script简介
Java Script是在Web主页文件中使用的一种编程语言,它可以直接控制浏览器窗口各元素以及主页页面内容,也可以通过交互表来实现由用户参与的控制。
JavaScript与Java的区别
Java Script并非Java。Java是SUN Microsystems公司的产品,Java Script则是前Netscape公司的产品,Microsoft公司则有类似的Jscript。
在Web主页文件中,Java程序通过<APPLET></APPLET>标签引用,它在服务器端执行,在浏览器窗口中预留的空间显示;JavaScript程序则通过<SCRIPT LANGUAGE=JavaScript></SCRIPT>或<SCRIPT LANGUAGE=Microsoft ></SCRIPT>直接写入,它由浏览器解释执行,并在浏览器窗口中落实结果。
Java可以直接对图像与文本发生作用,Java Script则与HTML元素组合在一起发生作用。 [来源:http://Doc163.com]
SQL语言
SQL是Structured Query Language的缩写,它的中文意思是结构化查询语言。它是定义和访问关系数据库的国际化标准。SQL是用户与Oracle或其他类型数据库传递信息的语言,是用户存取数据库的命令集。
SQL是一种非过程化语言,它一次可处理记录集合,允许一个SQL语句操作的结果作为另一个语句的输入,SQL能将全部的数据管理任务统一在一种语言中,无论用户、系统管理员都可以利用它对数据库进行管理。 [资料来源:http://doc163.com]
1.4 计划
设计准备期,首先了解项目的主要功能,选定实现系统的网络语言及数据库类型,并收集有关资料和借阅相关书籍,明确实现各个功能的要点,初步形成网站的大体框架。
设计初期,完成各功能基本程序与一些小程序的编写;完成网站页面的基本页面制作,并安排好首页与各分页面的大体内容布局。
设计中期,完成文章管理系统、邮件群发、学生成绩管理、内网入口等主要程序;修改和完善整个网站界面设计。
设计末期,完成全部栏目的设计与制作;完善各栏目程序在设计过程中发现的错误与漏洞;界面上小处调整,完善与改进内容与布局上的不足; 完成网站的辅助功能,使网站尽量做到最大的人性化。
设计完成期,对整个网站系统进行综合调试与使用,解决一些调试过程中发现的小问题。全面完成网站系统的设计制作。
以上只是初步的计划与进度安排,设计过程中可以根据进度的快慢及老师的安排适当的进行调整,再合理安排任务与进度。 [资料来源:www.doc163.com]
2 网站界面设计 [资料来源:https://www.doc163.com]
2.1 颜色的选择
因为学院网站为比较正式的官方网站,颜色与界面布局上要求比较正规。蓝色代表着天空,代表着海洋,伟大而无限,给人一种以宏伟壮观的感觉;蓝色象征着宁静、稳定、理性与冷静,能给人一种和谐、宽松的感觉。所以网站选择使用蓝色为主调,体现严肃、和谐、稳定与正规的特点;红色为副色,代表热情、喜庆与能量,体现热烈的气氛,给人以一种热情的感觉;淡灰色间隔栏目内容与标题,体现现在比较流行的网页素色效果;栏目导航字体使用白色,配合蓝色底,十分醒目,可以引导浏览者快速进入自己的目的栏目;主要内容字体使用黑色,符合正规网站的内容表现形式;其它颜色点缀,突出特别内容与辅助功能,还可以增添页面的鲜艳程度,使网页显得更加丰富与美观。 [来源:http://Doc163.com]
2.2 前台界面设计
网站除了作为信息浏览、文件下载及其他功能外,还是一种对外形象的体现,所以页面在设计上既要考虑到浏览快速实用,而且更要达到美观大方的效果。、整个网站的界面设计都是在这个设计思想下进行的。 [资料来源:http://Doc163.com]
2.2.1 网站首页的设计
首页的设计在原来分析的基础上进行制作,首先制作头部flash,flash的背景图用Fireworks制作而成。用Fireworks制作好源文件后,设置一定的参数,生成效果比较好便文件体积比较小的jpg格式图片。这样可以在保证网站效果的同时尽量减小网站的文件体积,保证网站的快速浏览。效果图如下: [资料来源:http://doc163.com]
[来源:http://www.doc163.com]
图2.1网站页头flash底图效果 [版权所有:http://DOC163.com]
然后在Flash软件中导入用Fireworks制作好的底图,再在Flash中制作实现后期的效果。效果图如下: [版权所有:http://DOC163.com]
[资料来源:http://doc163.com]
图2.2网站页头flash效果图
首页页面用到的图片和Flash全部用Fireworkst 和Flash制作。页面的布局制作用Dreamweaver后期完成。全部用表格的嵌套来实现对图片、脚本和文本等内容的安排与布局。首页的设计,第一考虑到尽量不改变访问者浏览信息的习惯,所以在内容位置的安排上,采用比较常见的内容安排方式。
网页头部设计成一个精美的flash,学院的名称放在最左上角,使用白色加黑色的立体表现方式,还配有星星闪光的效果,吸引访问者的眼球,使访问很容易的就注意到访问的是“信息科学与工程学院”的网站,印象会比较深;蓝色底和红色地方采用弧线立体设计,给人一种弧线美与立体感,展现网站的层次立体美;蓝色底还隐约有白色数字与字母的字样,使内容不至于太空;学院的作风字样放在右上角,一来可以展现学院的办学与管理作风,二来可以平衡整个flash;作风字样周围再加上转动的圆圈效果,整个网站会显现出富有动感,象征进取的精神;下半部分为学院的主楼,再加上学院的英文名称,体现信息学院的特点;右下为“学院内网”与“English”版本入口,十分醒目,可以方便访问者的点击进入。
[资料来源:http://www.doc163.com]
图2.3 网站首页效果图
栏目导航放在flash下面,方便浏览者快速的访问相关内容,也是网站最常用的栏目导航方式。主栏目还有子栏目下列菜单,这样可以在更小的空间在实现更多的导航功能,而且在不需要的时候自动隐藏。
页面主文体内容的左边为学院相关内容的链接,在里面可以快速找到学院的相关内容链接,方便访问者快速了解学院。
页面主体中间上部分为图片新闻调用,标题靠上,图片放在靠左边,简单内容开头则置于右,可以简介的了解图片新闻内容,以决定是否需要点击进入阅读详细内容。下部分则为“学院新闻”调用,这里为学院最新的非图片新闻内容。
页面主体右部分上为“最新公告”,也是原来上一版的“最新公告”的位置,在不改变位置的情况下,访问在浏览新版面时也不至于找不到自己经常看的“最新公告“内容。接下来的是“学院特色”,简单而实用。再下为“校区导航”,可以满足浏览校主页的快速入口。往下为“校内导航”,起着同样的功能,且采用下拉菜单形式,可以节省空间。再往下则为站内的访问量统计,可以了解到网站的访问情况。
主页底部则为帮助内容、浏览建议与版权信息,是网站必不可少的一部分。帮助内容一是可以提示浏览者浏览本页面已经到达了底部;二是可以提供给访问者解决一些浏览网站遇到的的常见问题的方法;三是提供管理入口,方便管理人员在不需要输入网址的情况下快速进入管理页面;浏览建议测提醒访问者怎样才可以达到访问网站的最佳效果;版权信息则作为网站的一种版权及维护声明。 [资料来源:www.doc163.com]
内容安排采用常见的排版方式,这样可以符合访问者的习惯,不至于改版后难以找到所需的内容。
[资料来源:http://www.doc163.com]
2.2.2 内网首页的设计
内网的功能是专门为服务学院内师生而设的。注重内容的丰富程度和实用程度。页面在首页设计的基础上,放上内网的内容。内网的主要栏目导航放在主体内容右边的上面,起到快速导航的作用。下面则为部分栏目的最新内容调用,可以使访问者了解到相关的栏目是否有最新更新的内容。
图2.4 内网首页效果图 [资料来源:http://doc163.com]
2.3 后台界面设计
后台的页面跟前台页面则不同,前台是对外的宣传与体现,后台则是管理的平台,它不像前台那样需要做得美观,它只要求实用、速度与效率,所以后台尽量不使用影响速度的体积大的图片及flash等。
后台基本都采用框架的浏览方式,左边比较窄,管理分类链接放在左框架,在管理浏览过程中保持不变,这样可以快速在管理页面之间进行切换,提供管理效率;框架右则为主框架,比较宽,管理页面在点击之后会出现在主框架内,在上面可以对不同的管理页面进行操作。
布局上全部采用表格再加上底颜色的布局方式,一来可以整齐的排列管理的内容,又可以尽量做美观实用。常用的功能都安排在靠上的地方,这样可以提高整体管理上的效率,以减少管理上的麻烦。一些需要注意的问题则用显眼的彩色字体注明,放在相关的页面上,这样可以帮助管理人员在管理过程快速了解管理的方式与使用方法。不同的页面会设置适当的返回链接,方便在管理过程中的页面转向。
[来源:http://Doc163.com]
图2.5邮件系统管理首页效果图
[资料来源:http://www.doc163.com]
图2.6学生成绩管理系统管理首页效果图
2.4 其它页面设计
其它页面的设计都是在首页设计的基础上,头部和尾部采用一样的设计方式,可以达到网站统一风格的作用。导航栏在每一个页面都存在,这样可以方便浏览别的内容和快速返回首页。其它地方再根据不同页面而采用不同的页面排版方式,满足不同功能的需要。
图2.7留言板效果图
[资料来源:http://www.doc163.com]
2.5 栏目链接设计
栏目除了在相应导航栏可以进入外,在栏目的内容调用下面,都有“>>更多内容...”的字样,可以满足浏览更多相关的内容的作用。符合不同访问者的浏览习惯与需要。链接在鼠标悬停时,会变为红色,可以帮助访问者注意到自己将要访问的内容,是一种辅助浏览形式。
[资料来源:http://Doc163.com]
3 系统设计
[资料来源:https://www.doc163.com]
3.1 新闻系统设计
新闻系统表面上看功能比较简单,但如果要做出一个好的新闻系统,实现起来也不是一件易事。因为在整个整个系统中真正涉及到的数据比较多,所以对数据的设计与安排比较重要。
3.1.1 新闻系统数据库设计
根据新闻系统需要,创建一个新闻系统的数据库,并在数据库中创建admin、news、newscate等表。其中admin用来存放管理员的用户名与密码,news用来存放文章的相关内容,newscate则是记录栏目的分类情况。 [资料来源:http://doc163.com]
字段 数据类型 字段大小 说明
id 自动编号 长整形 自动编号
user 文本 50 用户名
psd 文本 50 密码
表3.1 Admin表结构
字段 数据类型 字段大小 说明
cataid 数字 长整形 新闻所属栏目
Title 文本 50 新闻标题
Content 备注 不限制 新闻正文内容
Firstimagename 文本 50 上传的图片名称
From 文本 50 记录文章来源
Addtime 日期时间 不限制 新闻添加时间
Hits 数字 长整型 新闻点击次数
表3.2News表结构
字段 数据类型 字段大小 说明
Title 文本 50 栏目名称
Level 数字 长整型 栏目级别
Rootid 数字 长整型 此栏目隶属栏目
Time 日期时间 不限制 栏目创建时间
表3.3Newscate表结构 [版权所有:http://DOC163.com]
3.1.2 新闻系统程序设计
新闻内容最后是存放在数据库中的,新闻系统大体可以分为两大部分,一是数据录入,二是数据的调用。前者用于对文章的数据管理,后者则是新闻内容的调用显示。管理内容包括:增加新闻、管理新闻、栏目管理和用户管理等。新闻调用显示按栏目调用的方法,对文章实行分类,再加上搜索功能,新闻也可按关键字搜索分类。流图如下:
由上可以看到,后台管理系统与新闻显示分别进行设计,两个程序不会互相影响,它们唯一的共同点就是访问同一个数据库,使用的数据库字段一样。
3.1.2.1 图片新闻调用程序设计
由于学院里经常有图片新闻,为了更快和更形象具体的报道图片新闻,网站首页显眼的地方设计成图片自动调用的方式,具体形式是标题和图片,加上一小段的新闻开头内容,主要的让访问者了解图片的大体内容。
图片新闻调用程序的实现,首先建立变量num,并将其初值设为0,然后从news表的中选择出第一条记录,判断字段名为firstImageName的数据是否为空,不为空则完成图片的显示,并自动的给图片加上当前新闻的链接;firstImageName的数据为空则跳到下一条记录。显示完一条图片新闻后对num加1,并将num的值跟设定的允许最大值比较,没有到达原始设置的最大值则跳到下一条;num到达最大值则退出程序。显示完毕!
[资料来源:http://doc163.com]
[版权所有:http://DOC163.com]
3.1.2.2 新闻栏目列表程序设计 [版权所有:http://DOC163.com]
3.1.2.3 新闻内容显示程序设计 [来源:http://www.doc163.com]
3.2 内网自动引导程序设计
访问者要进入内网,在点击进入后,服务器运行程序检测出访问机器的IP地址,并对所得的IP地址作一定的处理,然后跟数据库中允许的IP段作比较,符合条件的则引导到内网首页;不符合条件的则不允许进内网,并引导其返回上一页。其中的取得访问机器IP的函数为:Request.ServerVariables("REMOTE_ADDR")
[版权所有:http://DOC163.com]
[来源:http://Doc163.com]
3.3 计数器程序设计
计数器只需要实现简单的功能,就是对网站的访问量作累计计数。访问计数在原理上比较简单,实现起来也不需要很长的代码。首先在数据库建立存放访问次数的字段,访问一次首页,则将此数取出,并显示在首页的相应的地方,之后对数据实行加1存回,初始访问量可以自行在数据库中进行设定!
计数器只需要实现简单的功能,就是对网站的访问量作累计计数。访问计数在原理上比较简单,实现起来也不需要很长的代码。首先在数据库建立存放访问次数的字段,访问一次首页,则将此数取出,并显示在首页的相应的地方,之后对数据实行加1存回,初始访问量可以自行在数据库中进行设定!
3.4 邮件群发程序设计
开发设计工具:邮件群发系统开发以Dreamweaver作为页面开发和脚本编写的工具,以VBSCRIPT作为主要脚本开发语言,以Microsoft Office Access作为数据库开发的主要工具,以JMail作为邮件发送的主要组件。
[资料来源:http://doc163.com]
3.4.1 邮件群发数据库设计
邮件群发系统主要包含两个数据表,管理信息数据表admin和邮件列表信息数据表email。 [来源:http://www.doc163.com]
[资料来源:www.doc163.com]
字段名称 字段长度 数据类型 说明 默认值
id 长整型 自动编号 管理员标识
name 20 文本 登录用户名
pw 20 文本 登录密码
yjlb 30 文本 邮件列表的名称 信息学院邮件列表
fwq 30 文本 默认邮件服务器
passname 20 文本 邮箱登录名
password 20 文本 邮箱登录密码
fa 20 文本 发送人
faemail 30 文本 发送人信箱
yjzj 10 文本 邮件发送组件
表3.4邮件用户参数数据库表 [资料来源:Doc163.com]
管理信息数据表主要用来保存管理员的登陆信息和管理员登陆后发送邮件时的各项参数设置。
字段名称 字段长度 数据类型 说明 默认值
id 长整型 自动编号 邮件标识
teachername 10 文本 教师姓名
email 50 文本 电子信箱
department 50 文本 所属系部
idate 日期/时间 更新时间 Date()
fs 字节 数字 判断是否发送:0为不发送,1为发送 0
表3.5邮件列表数据表
邮件列表信息数据表主要是用来保存邮件列表中教师的信息,另外设置fs字段用来判断是否对该教师发送邮件。
3.4.2 邮件发送程序设计
开发设计思想:管理员登录页面,作为邮件系统的首页,只有在管理员登录后才能浏览和使用其它页面。管理页面,只用来修改管理员的管理信息。邮件列表数据管理页面,用来对邮件列表成员数据进行管理。发送邮件页面:进入发送邮件页面时设置判断是否发送邮件的字段为0表示不对其发送邮件,然后对要发送邮件的教师进行选择或者选择全部发送,选择完成后下一步进入邮件内容填写页面这时将已选择的的教师的判断是否发送邮件的字段改为1表示要对其发送邮件。在这个页面中进行邮件内容的填写、附件的上传,也可以对邮件服务器的选项进行更改,若不更改则使用默认。邮件内容填写完成后进行邮件的发送,若发送成功则再次将判断是否发送邮件的字段改为0,然后检测该字段,对为1的字段重新发送邮件,如此一直循环直到全部发送成功为止。或用户可以选择退出发送程序。附件管理,对于上传的附件可以在附件管理页面对其进行删除操作。管理页面,在管理页面中进行管理员的各项操作。流程图见下页。
4 系统使用说明 [资料来源:http://doc163.com]
一个完美的系统不但包括界面和程序,还应该有详细的使用与操作说明,以介绍系统的使用方法及注意的地方,还有一些其他问题的解决方法。这方面的内容也要作为设计的一部分,而且必不可少。这样可以方便日后管理使用上的快速解决问题。
4.1 应用环境
4.1.1 硬件环境
1.服务器端
处理器: Intel PentiumIII(800)
内存: 256MB
硬盘空间: 200M以上
光驱: 40X以上
显卡: TNT2显示适配器
网络配置: 宽带网络。
2.客户端
处理器: Intel PentiumII
内存: 64MB
硬盘空间: 200M以上
光驱: 40X以上
显卡: TNT2显示适配器
网络配置: 宽带网络。 [资料来源:http://Doc163.com]
4.1.2 软件环境
1.服务器端
操作系统: 98/Windows 2000/Windows 2003
网络协议: TCP/IP
Web服务器: IIS5.0
数据库: Microsoft Access 2000
浏览器: Internet Explore 5.0
2.客户端
操作系统: Windows 95/98/2000/XP/ 2003
网络协议: TCP/IP
Web服务器: IIS5.0
数据库: Microsoft Access 2000
浏览器: Internet Explore 5.0、Netscape6.0 [版权所有:http://DOC163.com]
4.2 系统安装与使用说明
4.2.1 特别注意
在使用和修改本站之前,请认真阅读以下内容。
1。本系统页面之间链接比较复杂,为了网站系统的运行正常,没有什么必要,请不要随便更改相关文件夹名称及相关文件。如要修改,修改前请做好备份工作。
2。在使用本网站系统时,一定要将web文件夹下的所有文件放在网站的根目录下,这样可以确保网站系统的运行正常。
3。进入admin/为外网新闻管理后台。内网程序在相应栏目中有管理入口。登录名与密码都是xx01
4。在使用邮件群发功能时,服务器要安装“附件资料”目录下的JMail44_free.exe组件。不安装发邮件时会出现发送邮件不成功的现象。
5。关于本站用到的一些数据与资料,放在"附件资料"下,请使用前注意。
6.以下是对根目录下的文件及文件夹内容的说明。
图4.1系统文件夹一览
[资料来源:http://Doc163.com]
__Database 为数据库存放文件夹,
__UploadFiles 为上传文件,
about 网页左边的学院相关链接文件与图片,
admin 为管理系统文件,
book_innet 为内网师生留言板文件夹。
css 是字体样式表,
flash 为本站flash文件及源文件,
images 为图片,
inc 一些调用文件,
inner 为内网文件夹,进入内网的文件在里面。可作为以后内网拓展功能用的文件夹
mail 邮件群发系统,
news 新闻系统,
score 学生成绩管理系统。
teachers 学院老师简介,
Templates 文件夹为本站用到的一些模板,更新相关网页内容,只要更新模板再选择更新相关网页即可。
附件资料 存放一些本站系统用到的组件、字体、软件、说明、一些代码及其它数据。
aspcheck.asp 为阿江asp探针,可以测出服务的安全性及组件等功能状态。
default.asp 为网站首页。
在各文件夹里面,根据情况,还会有一些文件的分类,有必要的时候请自行了解各文件夹的用途,以便日后管理工作的顺利进行。
[资料来源:www.doc163.com]
4.2.2 数据库路径修改
1。要更改新闻系统数据库路径,请同时修改inc/conn.asp及news文件夹下的jspicNews.asp和jspicNews_more.asp文件的相关路径。
2。其它系统数据库路径请在相应栏目文件中的conn.asp文件中修改。 [资料来源:www.doc163.com]
4.2.3 其它相关说明
1。本站相关flash与图片的源文件都在文件的目录下,要作修改,只要修改相关源文件,生成相应文件即可。修改请注意安装"附件资料"下的相关字体。
2。首页加有计数器代码,在文件右边靠下处,如果有改动请注意。
3。、首页新闻调用方法,使用方式是在你需要调用新闻的地方插入语句:
<script language="JavaScript" src="news/jsnews.asp?cataid=12&words=25&num=6"></script>
其中cataid=12即为你要调用新闻类别的编号,默认值为调用所有类别。
words=25即为你调用新闻显示的长度
num=6即为你调用新闻的条数
pic=3即调用新闻前面的修饰图片,默认值为图片pot_3.gif
pica=2即更多内容前面的修饰图片,默认值为为图片pot_8.gif
l_c=ok即显示新闻的点击次数
l_d=ok即显示发布新闻的时间
l_s=ok即调用特别新闻
l_m=ok即不显示更多内容
注意在选择cataid的时候,如果是大类,将自动调用所有小类里面的内容。
4。图片新闻的调用。具体的使用方式是在你需要调用新闻的地方插入语句:<!--#include file="/news/jspicNews.asp"--> 如果数据库路径作了修改,得修改jspicNews.asp和jspicNews_more.asp页面的数据库路径。图片新闻显示数量在jspicNews.asp文件中修改。
[资料来源:http://Doc163.com]
4.3 新闻管理系统使用方法
新闻系统有一个功能强大实用的管理后台,可以进行对图片新闻、学院新闻、最新公告、规章制度、常用表格、课件点播、学院工作、党建动态和理论学习等栏目的内容进行删除和修改等管理。
[版权所有:http://DOC163.com]
进入方法:
在页面的底部,有管理入口的链接,如图:
[资料来源:http://www.doc163.com]
图4.2 “管理入口”示意图
[资料来源:http://doc163.com]
图4.3新闻系统管理首页图 [版权所有:http://DOC163.com]
左边点击“增加新闻”可以添加新闻。进入添加新闻页面后,选择您要添加新闻的“新闻类别”,填上“新闻标题”和“新闻内容”,如果是图片新闻,请点击下面上传图片 的链接,选择上传图片后,新闻自动成为图片新闻。首页会自动调用。“新闻来源”可以不填写,新闻在保存后则会自动加上“信息科学与工程学院”字样。一切填好,点击“发表”,新闻内容将会保存,保存成功后,系统会提示“保存成功”并返回添加页面以再添加其他新闻内容。
点击“新闻管理”会进入已添加新闻的管理页面。可以删除与修改新闻内容。可以搜索或按栏目列出新闻。在删除新闻时注意不是必要下,不要随便选中“全部选中”前的勾,这样会删除选中的全部新闻,请在删除前确认。
点击“栏目管理”则进入“栏目管理”的页面,如要修改或在某一栏目下增加子栏目,则先点击相应的栏目,在右边出现的相应页面进行相应的管理操作。
“栏目合并”栏目提供将一栏目合并到另一栏目的功能。此功能也要在确认下进行。合并后,被合并的栏目内容将会移到目的栏目,被合并的栏目将会删除。如将A合并到B,则A的内容将移到B,A栏目将会删除。
“用户管理”则是对管理用户的添加、删除,用户在此页面也可以修改自己的密码。
“系统设置”则是对系统的一些参数作一下设置,设置的信息会出现在前台相应的地方。设置参数会在修改后浏览页面时起作用。 [资料来源:Doc163.com]
4.4 邮件系统使用说明
4.4.1 使用注意
1.第一次使用邮件系统时请先进入“参数设置”页,认真阅读参数设置说明,设置您的参数并保存。否则不能正确使用本邮件系统。
2.使用此邮件系统请确认您的服务器已经正确安装JMail组件,否则不能正常使用此系统。
3.此邮件系统可以选择给全部老师、按系部或单独个人发送邮件。使用前请将老师的邮件地址资料在“数据管理”中添加或修改。
4.“参数设置”中的各项参数要正确,如不能正确发送邮件,请确认或修改“参数设置”中的参数设置。
5.群发邮件需要较长的时间,发送邮件期间请不要关闭浏览器!
6.本系统默认登陆名与密码都为xx01 第一次登陆时请在“参数设置”中修改此密码并保存,请牢记您的登陆名与密码。
[资料来源:www.doc163.com]
图4.4邮件系统登录首页界面
4.4.2 参数设置
参数设置页对使用邮件系统比较重要,此页的设置直接影响到邮件是否能成功,下面将对参数设置详细说明。
图4.5邮件系统个人参数设置页面
邮件列表的名称只作为左边显示名称用,不是很重要,此项可以不修改;邮件发送组件默认已经选中,不能修改;默认邮件服务器为您的邮箱所在的邮件服务器;登录名与登录密码则为您邮箱在此服务器上的用户名及密码;发送人处填写的内容将出现在对方收到邮件时的发送人栏上;发送人信箱应该填写您完整的邮箱地址,大多数服务器的SMTP有检查发信人邮箱地址,因此最好填写你在该邮件服务器的完整邮箱地址。修改以上参数只会修改您自己的参数,不会影响其它用户。邮件服务器建议使用运行稳定的服务器,如smtp.163.com或smtp.sina.com.cn。经测试,smtp.sina.com.cn最好用。如您在163有一邮箱123@163.com,密码为123456,则在参数设置里用户名应填为123,密码为123456,此时认邮件服务器应为smtp.163.com,发送人可以填你需要的名称,发送人信箱就填为123@163.com。
4.4.3 邮件发送
在左边管理导航栏点击“发送邮件”,可以进入发送邮件程序。
图4.6邮件列表群选择效果图
进入后可以选择对全部老师、系部老师或单个老师发送邮件。在此页面选择群发送或查找单个老师发送邮件,然后点击”下一步”。
图4.7邮件发送对象选择效果图
[资料来源:www.doc163.com]
进入此页,选中要发送邮件的老师,如红色处,选中全选则此列表的老师全部发送,点击“下一步”进入邮件内容填写页面。
图4.8邮件内容填写效果图
如果您在参数设置中已经设置好参数后,将会出现如上图的界面,邮件服务器、登陆名、登陆密码、发件人和发信人邮箱都会自动填写好,您只需要填写邮件标题与邮件内容即可,如果有附件则在邮件附件栏中点击浏览并上传附件后再发送。
[资料来源:http://www.doc163.com]
[资料来源:http://Doc163.com]
图4.9邮件发送成功效果图
图4.10邮件发送失败效果图
[版权所有:http://DOC163.com]
如果出现有邮件没有发送成功,则会出现以上页面,并把发送失败的邮件列表列出,此时您可以选择重新发送邮件或不发送失败邮件。(如右图所示) [资料来源:Doc163.com]
4.4.4 其他说明
“附件管理”页面用作删除发送邮件时上传的临时附件。本功能必须服务器支持FSO权限方能使用,FSO使用帮助请浏览微软网站。文件目录为UpLoadfiles,如果您服务器不支持FSO请手动管理。这些上传文件在你成功发送邮件后可以删除,请在您自己电脑上保留原件,此系统上的附件会随时被删除。
“数据管理”为增加和删除老师邮箱列表用,使用前应该在此页面中添加上您所需要发送邮件的所有老师邮箱地址。使用上比较简单,这里不再一一阐述。
“用户管理”则为添加本系统用户、修改密码和删除用户用。使用上也比较简介易懂。
在相应的页面都有适当的使用说明,使用过程中可参考以解决问题。
为了安全,在离开本系统的时候点击“退出系统”以彻底退出本系统,或直接关闭浏览器也可。 [资料来源:www.doc163.com]
4.5 学生成绩管理系统使用说明
1、管理首页
[资料来源:Doc163.com]
图4.11学生成绩管理系统登录页面效果图
功能说明:在教务管理首页,可以进行课程表、成绩、教师情况、班级情况以及作息时间的查询。管理员在此页面登录后,可对教务管理系统进行管理。
操作说明:点击上面一行相关链接,可以进行你所需要的查询。管理员若要登录,可在用户名、密码和附加码后面的输入框内输入相应的内容若无误则点击登录就可以进入管理页面,单击返回学院首页链接即可回到学院首页。
2、管理页面
[来源:http://www.doc163.com]
图4.12学生成绩管理系统管理首页效果图 [资料来源:http://Doc163.com]
功能说明:左边侧栏是管理目录,包含其它管理页面的链接,管理员可以通过这些链接进入班级与学生管理、教师资料管理、课程表数据管理、成绩管理和用户管理等管理页面。右边是管理员操作说明。
操作说明:管理员若是首次进入该页面,应先仔细阅读右侧的管理员操作说明,然后再通过左边侧栏的的相关链接进入其它管理页面进行各种管理,管理员在管理结束后应点击退出链接来安全退出管理页面或直接关闭浏览器,右侧的返回首页链接是用来方便管理员在已登陆情况下进行各种查询的。管理员进入其它管理页面后可以按照该页面的相关操作说明进行相关的管理操作。
[资料来源:Doc163.com]
[资料来源:Doc163.com]
5 设计总结与体会
5.1 设计总结
在长达差不多两个月的设计时间里,辛苦中的走了过来,回想起当时接到设计任务时,深怕自己完不成任务,因为确实这是自己第一次要面临这么大的网站设计任务,虽然说自己在网站设计上有点小基础,但自己也知道自己的水平,需要做好整个设计,自己还得努力的学习,补充不足的一面。
在整个毕业设计过程中,按质按量完成了原计划所设的功能与栏目,解决的问题大体可以总结以下:
1.重新设计了网站首页的主要表现形式,重新安排内容的版面,整个网站显得美观大方。
2.完成和改善了信息搜索功能,方便访问者的信息查询;完成网站计数器功能,可以统计网站的累计访问量人次;完成图片新闻自动调用功能。
3.增加邮件群发系统, 可实行按系部、单位老师群发邮件。
4.经过自己的努力,成功增加内网功能,实现内网与外网浏览信息的分开处理。本功能可以自动识别访问者的IP,引导进入相应页面,浏览对应的信息。实现院内可以正常的信息浏览,而对院外进行信息的局部保密。
5.开设常用表格、规章制度、课件点播、学院工作、党建动态和理论学习等栏目。
6.完成学院内网的师生留言板,方便学院领导、老师和学生之间的交流,回答及解决一些常见的问题。
7.增加一些如校区主页、部门主页、学院主页、其他主页及常用的链接,引导访问者寻找其他信息内容。完成页底帮助。增加页底版权、制作维护信息及浏览方式,提示浏览网站的最好方式。
8.顺利解决功能比较复杂的学生成绩管理系统问题,实现管理员可以在网络上管理教师资料、管理班级与学生资料、管理课程的设置及课程表和管理学生的成绩数据;浏览者可以进行课程表查询、成绩查询、教师情况、班级情况、作息时间等其他内容的浏览。
在完成整个网站设计的基础上,对整个网站系统作了较深入的优化工作,使整个网站系统在管理和浏览上尽量达到较好的效果。合理的重新安排网站系统的文件夹及文件的存放,可以更方便以后的修改管理,更可以方便以后的功能扩展与完善。 [资料来源:http://Doc163.com]
5.2 设计体会
虽然整个设计过程比较辛苦,但自己觉得这种辛苦再多几次都不怕,因为自己在整个设计过程中,学到了自己一直以来认为很难的东西;学会了基本的asp程序编写;学会了一定的程序编写技巧与思想;体会了遇到问题到解决问题的处理思想;学会数据库的创建与维护;比较大的提高了自己的图片与网页制作水平;体会到了分工与合作的快乐;体会到了任务完满完成后的成就感……。整个毕业设计下来,感觉自己在能力上增加了一定的份量,具体体会如下:
更加深入的了解和掌握了用Macromedia Dreamweaver MX 2004, Macromedia Fireworks MX2004, Macromedia Flash MX 2004,Photoshop cs及其他一些网页设计工具来融合设计网站的技巧,其中以Flash的制作体会甚为深刻。以下是制作好flash的几点技巧:
1,播放帧率要适当的设计高一些。实验证明帧率要在30帧以上,人的视觉才会感到流畅。Flash默认的帧率是12fpx/s,用这个帧率做出来的影片播放起来流畅度不够。特别对于变化幅度大,元件运动速度快的影片,12fpx/s会出现明显的拖影现象。动画给人的感觉自然不好。所以,一般将帧率设计稍大一点。但并不是越大越好,帧率过大会造成时间和帧量很难安排。根据情况,一般可高为30-60之间。个人推荐为50fpx/s(因为50帧是将一秒分为50份,这样对时间的安排会带来很大的方便)。帧率稍大的另一个好处是,可以实现更小的时间段效果。例如有些效果要求在1/25秒内完成较好。50帧率下两帧即可。12帧率下办不到。另外,建议用固定的帧率做Flash。这样养成一种习惯,在的制作Flash时对时间的感觉正确。 [资料来源:www.doc163.com]
2,使用遮罩效果屏屏蔽舞台外可见区域。当一个动画完整时,可另外增加一遮罩层。并在此层绘制一个与舞台尺寸长宽相同的方形,将方形居中与舞台生命。然后,将前面所有完整的层拖至该层下作为被遮罩层。这样动画在播放时无论怎样心迹播放窗口比例,舞台外的猢狲入多余部分都不会显露出来。
3,按钮对鼠标响应不敏感之迷。在编辑图形按钮时,没有必要的话,最好 不要编辑点击帧。点击帧上如果有对象。那么按钮就只会在该对象所覆盖的区域才会响应鼠标动作。如果不设置点击帧,Flash会自动在弹起帧上的对象覆盖区域内响应鼠标动作。
4,巧妙将gif动画导入并转化为元件。创建一个“影片剪辑”的元件,并进入此元件编辑状态,选择[文件][导入]命令,选择要导入的动画图片导入到剪辑符号编辑窗口中,此时,时间轴上会出现一些关键帧。依次先中这些关键帧调整各自图像,使图像的中心与十字准星标记重合,完成后即可得到与导入的gif动画相同效果的元件。
5,实现整个动画区域响应鼠标动作。在网络上经常碰到一些广告类型的Flash,它们的整个区域都响应鼠标动作,实现点击链接等功能。实现此功能的原理其实很简单。当主动画链接好以后,只需制作一个长宽与舞台长宽相同或稍大的按钮,后新建一图层为最上层,现将此按钮拖入舞台的最上层处,且使它居中与舞台重合。最后在属性栏中把按钮的颜色Aplan值设为0%.并为按钮加入相应的动作脚本即可。
基本上熟悉与掌握制作网站的流程与安排
1.确定网站的设计目标,首先确定建立一个怎样的网站;接下来确定网站的规模(单服务器或多服务器);确定网站的运行环境与支持系统(操作系统、数据库管理系统等软硬件的支持);确定网站的管理模式(定人管理与多人管理管理);确定网站的更新方式(本地更新或远程更新);确定网站建设的费用基础上与估算)等。
2.确定网站的内容
根据网站的设计目标与所研究问题的具体情况,确定网站的内容与结构。
3.资料的收集与整理。
根据所研究问题的具体情况和设计目标,深入实际,收集与整理第一手资料,并分类汇总整理准备好。
4.设计与组织内容
要有合理的目录与结构,以便将来扩展网站方便与管理上的高效率。
5.页面导航设计
给人以路标、易于找到所需内容(线性、非线性、树形)
6.页面制作要求与原则
为了保证页面可以快速的下载,页面在设计上做到美观的前提下,页面文件应尽可能的小。其设计的原则是(1)简单实用。(2)页面之间风格统一(定义通用的WEB数据、外观能保持一致、减少制作时间、能有效地维护不断变化的网站内容)(3)容易阅读。
7.突出主题,不要过于花,给人大方美观的优雅享受。合适的表格、图像、按钮和flash等交互的多媒体,方便访问的浏览。
8.增加页面计数器,可以帮助管理人员及时了解访问的次数,页面的使用率,从而更进一步地找出所设计的网站的优、缺点,才能更进一步的提高自己。
9.合适使用留言与联系方式,为访问者与管理人员的沟通提供交流线。
10.应具有一定的查询功能,可以为访问者提供查找所需内容的方便。
11.创建合适的帮助,帮助访问者了解系统的情况、链接信息、操作方式与步骤、疑难解答等,告诉访问者浏览网站的最佳方式,使整个网站更趋向于人性化。
12.合理使用不同的制作与维护工具,结合各自的优点以提高整个制作与维护的效率。
13.合理安排整个设计的顺序,一般先编好程序再设计页面,也可交叉的进行。 [资料来源:www.doc163.com]
5.3 问题与解决办法
在设计制作过程中,可以说每一个功能与界面的完成都是问题的出现与解决的过程,如果要全部列出,可以写出比较大的篇幅,下面只针对设计过程中遇到的比较有代表性的问题作一下陈述。
5.3.1 内网入口问题
建立院内网,目的就是为了实现学院内部的网络资源交流,要求具有一定的资源保密性,所以就要限制除学院以外的电脑不能访问内网内容。
要实现这个功能关键有两点:一是通过一定的程序方法,获取得访问者的电脑IP地址;二是将获得的IP数据作一定的处理,然后将处理后的数据跟数据库中的数据进行比较,符合要求的则实行自动引导到内网首页,即允许进入内网,否则弹出警告窗口,确定后返回到原来的页面。
由于自己的编程能力有限,所以去网络中心向老师们讨教,并从他们手中获得了一些IP数据库。回来再结合实际情况,到网络上搜索相关的技术文章,经过努力,最后顺利解决问题,且整个功能的实现只需要几行代码,程序以下:
<%'
'//以下这段代码用作判断访问机器的IP是否在允许的范围内,是的话允许访问内网,否的话返回到上一页。
dim rmip
'定义变量
rmip=Request.ServerVariables("REMOTE_ADDR")
'获取访问IP
if left(rmip,2)<>"10" and left(rmip,3)<>"192" then
'对获得的IP数据作左取处理,不是192,10或相应数据开头的机器不能访问,返回上一页。
response.write "<script>alert('对不起,您不属于院内网用户或IP还没有收录在数据库内,请确定返回!');history.go(-1)</script>"
else
response.redirect "inner.asp"’否则自动引导进入内网首页inner.asp
'是在允许范围内的机器,进入inner.asp页
end if
%>
5.3.2 邮件群发问题
我们找到的邮件发送核心代码能实现邮件的单个邮箱地址发送,所以首先要解决的,就是让它实现邮件群发。
既然可以单个发送,所以想到在发送完一个邮箱地址的邮件后,可以从数据库中再调入下一个邮件地址进行发送,依次类推,直至到数据记录的最后一个邮箱地址为止。便问题随之也产生:怎样去识别一个邮箱已经发送?如果中途有些邮件发送失败怎么办?在老师的指导下,经过讨论与试验,解决办法如下:
在数据库中设定一个名为fs的字段。在发送邮件的开始,首先要求使用者选择要发送邮件的老师,确定后对已经选择的老师,在数据库中相应的记录将fs字段的值更改为1。然后进入邮件内容填写页面,确定发送后选择fs字段值为1邮箱进行发送,发送成功则将fs值更改为0,失败则保留为1。如此数据库fs值为1的邮箱地址都发送了一次邮件,回头对fs值为1的记录作一次统计为n,n等于0则表示发有邮件发送成功,显示全部发送成功的信息,否则显示还有邮件没有发送成功,并将发送失败的邮件地址列出!最后用javascript:history.go(-1)语句引导使用者回到发送页面再次发送失败邮件直至所有邮件发送成功,或也可选择不发送失败邮件以退出本次发送!
还有一个小问题,就是如果邮件没有发送完全,则数据库中会残留部分没有发送成功的fs值为1的数据。这样会影响下一次的邮件发送,有可能造成比选择的邮箱多出其它的地址邮箱。所以我们采取在进入选择发送邮件对象页面时,就对数据库中所有fs的值初始化为0,这样就可以避免以上情况的发生了。至此邮件群发问题全部解决。
5.3.3 邮件管理员参数问题
按照原来的设计,邮件系统全部由一个管理员来管理使用,如果有多人用这个系统,则每个人都要知道唯一的用户名和密码,这样的系统人性化不够,如果在发送邮件的时候没有对参数重新设置,则用户发邮件时用的将是上一个登陆用户的参数,这样,对方收到的邮件将会显示上一个用户设置的“发送人”等其他一些参数,这样会造成回信回错地址,严重的会给工作上造成麻烦或误会,而且安全性也不够!所以后来决定,这个功能一定要改进,实行一个用户一个密码,每个用户要设置自己的邮件参数才能使用,每个用户也只能使用与修改自己的参数。这样就算用户怎样发邮件,都不会对其他用户产生影响!才算真正意义上的让邮件系统为广大老师服务!解决方法是使用会话功能,在用户登录的时候用session("gly")=admin语句记录用户的会话状态,登录后每个功能对利用会话状态Replace(session("gly")来识别用户,调用用户自己的个人参数!至此问题解决! [资料来源:https://www.doc163.com]
5.3.4 搜索功能漏洞问题
搜索功能是用来方便访问者快速寻找所需内容的,理论上是允许访问者能搜索到站内数据库的所有内容!但现在的网站系统有点特别,因为外网与内网用的是同一个数据库,如果不对搜索范围作一个限制,则用户在外网页面中输入关键字进行搜索时会把内网具有相同关键字的内容也会搜索出来,这样就达不到内网对外的局部保密性了。为此对搜索功能进行了改善。具体是在外网页面进行搜索时,只允许在新闻栏目内容中搜索,公告也中允许在公告栏目内对公告进行搜索,内网页面搜索功能则可以搜索整站内容。就样就可以避免外网用户搜索到内网的内容了。
5.3.5 资料分类与制作问题
网站系统有很多内容(如老师简介、学院相关资料等)是来自旧版的系统的资料,而且原来的数据都是静态页面,如果一个一个页面制作,将要使用大量的时间,就算做好了,以后要修改又要付出同样大的劳动,所以决定使用Dreamweaver的模板功能来解决这个问题!首先是用模板功能做好除了简介以外其他都是一样的页面内容,并在此模板中添加可编辑区域,用来放置各自的内容。虽然例如文字内容等都是要重新制作一遍,但这是个必须要做的工作,所以没有浪费劳动力之说!日后需要修改时,只需修改模板的版面然后选择更新相关页面即可!因为简介等内容一般情况下不需要更改,也就省下很多功夫! [资料来源:http://www.doc163.com]
5.3.6 数据库安全问题
网站系统使用的数据库为Access数据库,所以数据库后缀名为MDB。MDB后缀名的文件可以用HTTP协议实现下载。如果让非法用户下载到数据库,管理员的用户名和密码会泄漏,会带来安全隐患。所以在设计上,数据库的名字尽量复杂,且在系统最后修改成asp或asa后缀名,可以在一定程度上防止非法下载。
除了以上的主要问题以外,还遇到比较多其他的问题,解决起来都不是很难,限于篇幅,所以不再一一列举。
6 主要参考文献
1.ISBN 7-04-007494-X 萨师煊 王珊 数据库系统概论 高等教育出版社 2000.2
2.ISBN 7-900398-52-X 沧桑 Flash热闹动态网站创意制作全解 山东电子音像出版社 2004.12
3. ISBN 7-115-10926-5 胡标 网络编程技术与实例 人民邮电出版社 2004.5
4. ISBN 7-302-02368-9 严蔚敏 吴伟民 数据结构 清华大学出版社 1997.4
5. ISBN /ISSN 7-502-43273-6 李浩 Dreamweaver MX 应用培训教程 冶金工业出版社 2003.7
6. ISBN 7-505-38324-8 飞思科技 Fireworks MX制作基础与实例教程电子工业出版社 2003.1
7. ISBN 7-880-39180-1 (美)H.M.Deitel P.J.Deitel ASP application Electronics industry press 2003.4
8. ISBN 7-705-56823-2 Taylor Robert W,Frank Randall L. CODASYL Data Base Management Systems.ACM Computing Surveys,Vol.8,No.1,1976
9. ISBN 7-502-076758-9 何继潮 关系数据库的理论及应用 河南科技出版社 1990s [来源:http://Doc163.com]
7 致谢辞
◆特别感谢敬爱的李克周书记,从网站的设计开始到网站的设计结束,李书记极大的给予我们指导与支持,为我们的设计提供了特别大的建议与关怀。在此特别致敬!
◆特别感谢敬爱的孙承爱老师的指导,孙承爱老师在整个网站设计期间,无私的抽出宝贵时间为我们辛苦指导与解决问题,为我们的设计和生活提供了特别大的帮助与关怀。在此特别致敬!
◆特别感谢学院领导与老师的关怀与帮助。为我在毕业设计,以致学习、生活中提供资料与方便!
◆感谢白珍磊、国刚、刘娜同学与我一起走过整个学习与制作的日子,共同努力完成毕业设计,为我解决了很多难题。
◆感谢张学松、刘万明同学在程序上的的提议与帮助。
◆感谢在整个大学期间为我提出过意见或建议,在日常生活提供帮助的所有老师与同学!没有他们,就没有我今天的设计成功! [资料来源:http://Doc163.com]