教育网站设计本科毕业设计说明书.docx
《教育网站设计本科毕业设计说明书.docx》由会员分享,可在线阅读,更多相关《教育网站设计本科毕业设计说明书.docx(33页珍藏版)》请在冰点文库上搜索。
教育网站设计本科毕业设计说明书
学校代码:
10128
学号:
本科毕业设计说明书
(
摘要
教育类网站,此类网站随时更新随时修改,极大的方便了师生之间的密切交流。
我们可以在网站上查阅最新通知公告,掌握学校各类活动的消息,了解最新的学术动态,甚至连成绩都可以在网上查看。
同时也具备小型的bbs功能,大家可以在网站上畅所欲言,共享生活中和学习中的心得体验。
我这里要做的,就是一个本学院计算机学科研究室网站。
本网站以微软的Asp技术,采用Access数据库保存网站数据,用以实现研究室日常运管所需要的功能。
具体功能包括设有我实验室相关背景介绍,师生信息的介绍,方便浏览这对我研究室有一个初步的认识。
设置专门的通知公告栏目用于信息的发布。
本研究室所获得的学术成果要逐一展示,已获得的专利项目、具有哪些单位部门的支持、专业图书文献的发表情况、学术论文的发表情况等等,都设有专门的栏目。
在师生空间专栏,制作一个类似于bbs功能的学生论坛,用于留言回复,学生如有相关学术问题可以在论坛内留言,方便同学之间的讨论和教师对问题的解答。
下方设有友情链接板块,以下拉列表的形式选择上级主管部门和学术研究网站,用以实现快速跳转,极大的方便了用户对资料文档的查找。
在网站的具体实现方面,使用以Dreamwaver为主的开发工具,以Fireworks和Illustrator等软件配合美化。
Dreamwaver作为强大的网站开发工具,在网站的布局及相关asp网页的设计中提供了丰富功能支持,从而减少了代码的敲击次数,仅靠点击鼠标就可以实现网站的编辑制作。
此外,Dreamwaver还拥有丰富资源插件,开发者可根据自己的实际需求选用插件,在需要的时候调用插件即可实现需要的功能。
为增强视觉效果,网站的美化必不可少,Fireworks作为网站设计三剑客之一的美化工具,对图片切片后可以直接导入Dreamwaver中使用,不必像以往逐一手动添加。
两软件配合使用,足以满足日常的开发需要。
关键词:
教育网站;Asp;Dreamwaver;Access
Abstract
Educationwebsites,suchsitechangesatanytime,thegreatconvenienceofclosecommunicationbetweenteachersandstudents.Wecanrefertothelatestannouncementsonthewebsite,tomasterallkindsofschoolactivities,understandthelatestacademicdynamic,eventheresultcanseeontheInternet.ItalsohasasmallBBSfunctions,youcanspeakfreelyonthesite,sharingexperiencesinlifeandstudy.Iwanttodohere,isathecollegecomputersciencelabwebsite.
ThiswebsiteusedMicrosoftAsptechnology,useaccessdatabasetostorewebsitedata.Specificfunctionsincludewithmylabbackgroundintroduction,theintroductionofinformationbetweenteachersandstudents,convenienttobrowsethislaboratoryhaveapreliminaryunderstandingtome.Setupspecialannouncementscolumnforinformationrelease.Obtainedtheacademicachievementsofthisresearchwillshowonebyone.Thespacebetweenteachersandstudents,studentstoproduceasimilartothefunctionsofBBSusedforanswering,studentsifrelevantacademicproblemscanleaveamessageintheBBS,convenientdiscussionbetweenclassmatesandteacherstoanswertothequestion.Belowhasalinkplate,intheformofthefollowingdrop-downlistselectthecompetentdepartmentandacademicresearchsite,torealizethequickjump,greatconvenienceforuserstofinddocuments.
Intherealizationofasite,theuseofpredominantlyDreamwaverdevelopmenttools,thebeautificationwithfireworksandillustratorsoftware.Dreamwaverasapowerfultoolforwebsitedevelopment,inthedesignofthelayoutofthesiteandrelatedaspwebpageprovidesrichfunctionsupport,therebyreducingthecodenumberofpercussion,onlybytheclickofamousecanachievewebsiteeditor.Inaddition,Dreamwaverplug-inalsohasrichresources,developerscanchooseaccordingtotheirownactualdemandplug-infireworksasatoolforwebdesignoneofthethreemusketeersbeautification,thesliceimagescanbedirectlyusedtoimportDreamwaver,notasinthepastonebyonemanuallyadd.Twosoftware,isenoughtomeetthedevelopmentneedsoftheeveryday.
Keywords:
Educationwebsite;Asp;Dreamwaver;Access
引言
网站在学科日常运行中起辅助的作用,设置专门的通知公告栏目用以对及时发布相关信息。
当然关于学科的介绍是必不可少的,包括学科的资料背景,建立时间,负责人,成员列表都应有详细的介绍。
作为研究学科技术的研究室,应设置相关的学术展示栏目,用以分享成果,方便大家的交流和学习。
本网站针对学科研究室开展,方便我们平时的使用,设计多个模块和内容。
大体分为标题导航,学术成果展示,师生空间,通知公告栏,友情链接等。
导航栏对整个网站的功能进行分类,利于师生快速查找和进入,使得网站信息可以有效地传递给用户,这里我们制作的导航导航简洁、直观、明确;学术成果展示对历年来的科学研究成果进行总结和公告;为加强我学科研究室的建设和管理,促进信息交流沟通,引领学科的科学发展,提高教育质量和管理水平设置专门的通知公告栏目;师生空间方便研究者们互动和交流,内设有留言板;通知公告栏及时更新考务情况和学科新动向;友情链接设置上级管理机构和权威学术网站的快速链接,这利于用户直接通过网站查找想要的资料,以便于更直接简单地了解全面的信息。
本网站力求简洁明了,严肃准确。
希望为广大研究者们提供更好的学习平台。
网站的建设涉及到多方面的技术,不仅仅时你会编代码就可以实现的,在网站建设时,需求分析要做好做足,搞清供求关系,网站需要什么功能,不需要什么功能,这样才不至于白做苦工。
网站建设初期一定要将大的模块设计好,把握好大的方向,相比遍代码而言,宏观的把握更为重要。
在细节的处理中,注意相关工具的使用,例如Dreamwaver的使用,使得网站的建设更为轻松,鼠标点击下就可以实现几行甚至是几行代码,大大减轻了工作量。
同时,网站的美化有失必可少的,尤其是对模块比较多的网站来说,美化工作尤为重要,通过美化降不同模块分隔开来,从视觉上和客户的体验上都是相当重要的。
这涉及到Fireworks、PS之类的美化软件的使用,像PS之类的专业位图制作软件并非一日之功,需要我们长时间的实践学习,也是一项必不可少的技能。
所以,网站的建设,需要我们全方位的综合能力。
熟练抓握制作美化技能,才可以做好,做精。
第一章系统需求分析
1.1建设网站的目的
设计实现一个基于B/S模式,用以满足我校信息工程学院计算机科学与技术专业的硕士研究生学位授权点学科研究室使用需求的网站系统。
首先要用以及时发布通知公告,其次要对我研究室的技术及研究室展示,再次要内含师生交流空间,为师生交流并进行学术探讨提供一个良好的平台,最后,要设置丰富的上级主管部门和权威机构网站资源链接,便于资料文献获取。
1.2计算机学科研究室网站的需求分析
1.2.1网站分为前台显示和后台管理两个部分
其中前台管理包括导航栏、用户登录、通知中心、学术成果展示、师生空间、友情链接六个模块,后台分为用户管理、帖子管理、学术成果管理、通知公告管理四个部分。
具体网站栏目结构层次示意图如图1-1所示。
图1-1网站栏目结构层次示意图
1.2.2网站功能模块需求分析
(1)网站前台
①顶部导航模块
该模块始终处于网页的最顶端,出现在整个网站每个网页的最上方,对每个模块均设有快捷访问链接,方便用户的快速访问,各个导航块采用图片显示,当鼠标启动到相应图片时,会产生相应变化,大大提高了辨识度。
方便研究者们直接进入需要的内容进行查阅。
②通知中心
用通知中心来实现信息的发布,管理员通过该模块发布研究室相关通知或公告,对本阶段工作要求进行部署。
以便研究室成员了解研究室内部最新的动向和下一步的工作计划和要求。
③学术成果展示
通过学术成果展示完成研究室学术方面的展示任务,下设科研项目、专利成果、著作/论文成果、科研奖励4个部分,每一部分都以表格图片等形式针对对不同成果进行展示。
研究者们可以通过学术成果展示栏了解到该学科的新技术、新要求、新方向,是该网站中最重要的环节。
④师生空间
师生空间用来展示师生风采,实现互动交流。
该模块包括师生信息介绍和师生互动两大环节。
学生可以在当前模块内寻找需要的信息,包括教师的研究专长以及联系方式。
师生互动是类似于校内bbs设立的,可以随时留言回复,为学生提供交流的平台。
⑤友情链接
在网站的最下方设置上级主管部门和科研学术的两大类友情链接,方便用户对上级部门网站的浏览和相关学术文献的查询。
(2)网站后台
在后台针对前台的部分设置一一对应的管理部分,针对每个部分设置添加删除修改的功能。
1.3分析细分各模块简要功能介绍
表1-1各模块简要功能
前台显示
导航栏
网页最上端显示,可以快捷进入各模块
用户登录
通过登录获得发表机回复论坛帖子的权限
通知中心
用以显示研究室相关最新通知消息
学术成果展示
展示我研究室的学术成果
师生空间
师生资料的展示,有带论坛功能的留言板,方便师生交流。
友情链接
便于上级部门和学术网站的快速访问
后台管理
用户管理
用于添加删除网站用户
帖子管理
用于删除论坛中不符合规范的帖子
学术成果管理
添加删除修改要展示的学术成果
通知公告管理
添加删除通知公告
1.4系统数据流程情况介绍
1.4.1前台显示流程分析
登录注册模块:
系统通过搜索数据库中的文件判断用户名及密码是否已注册,登陆成功则跳转进入bbs论坛部分。
通知中心模块和用户成果展示:
用户通过点击相应的通知标题,从而提取出管理员之前提交的内容,内容可以包括文字,图片,各种格式的附件,经提取后显示出来。
师生空间:
用户通过点击相应的师生名字标题,从而提取出管理员之前提交的个人信息,显示出来。
用户还可以通过点击相应的留言标题,从而提取之前的留言及讨论内容,显示出来。
如该用户从登陆中心登入,还有权限回复留言。
其中留言和回复可以自动生成时间。
1.4.2后台管理流程分析
用户管理、帖子管理、通知管理、学术成果管理均为管理员在管理员登陆中心登陆验证后,通过列表选择要操作的项目,执行添加删除修改等操作,最终将数据从数据库中删除。
具体系统数据流图如图1-2所示。
图1-2系统数据流图
第二章网站数据库的设计与实现
2.1网站数据库的设计
根据之前总结出本网站具有7个实体,分别为:
用户实体,通知实体,留言实体,科研项目实体,专利成果实体,著作/论文成果实体,科研奖励实体。
具体各实体E-R图如图2-1、2-2、2-3、2-4、2-5、2-6、2-7所示。
图2-1用户实体
图2-2通知实体
图2-3留言实体
图2-4论文/著作实体
图2-5科研项目实体
图2-6科研奖励实体
图2-7专利成果实体
2.2创建数据库
首先使用Access2003创建一个名为yanjiushi.mdb的数据库,作为保存本网站数据的唯一数据库。
2.3根据网站需求规划实现数据库各表
存储用户数据的user表,见表2-1所示。
表2-1user表
字段名称
数据类型
长度
备注
users_id
长整型
不限制
主键、自动编号
姓名
文本
255
密码
文本
50
性别
文本
255
手机
双精度型
不限制
电子邮箱
文本
255
地址
文本
255
权限
长整型
不限制
默认为0
同时存放用户及管理员的相关资料,这里没有像大多数网站那样为用户和管理员分别建立两个不同的表,而是将它们同时放在user表中,在user表中加设一个权限的字段,用数字0,1,2作为区分,再进入相关网页时,进行全线的判定,数字越大。
相应的权限也就越高,总而设置后台普通用户的不允许进入。
用于存储通知的message表,见表2-2所示。
表2-2message表
字段名称
数据类型
长度
备注
标题
文本
50
作者
文本
50
更新时间
日期/时间
不限制
Now()
详细内容
文本
不限制
id
长整型
不限制
主键、自动编号
f_name
文本
50
f_size
文本
50
f_file
OLE对象
不限制
file_path
超链接
不限制
用于存放网站通知公告栏目数据的表,考虑到通知公告会有相关图片、附件的上传,故而设置了与附件有关的字段,f_name为附件名称,其名称就是上传附件的文件名,f_size为附件大小,f_file为附件的存储,也就是说所有文件都可以直接存入数据库,f_path附件路径,在上传时也可以将附件上传到服务器相关文件夹,这里我设置为网站跟目录的upload文件夹,同时将文件保存的路径返回到f_path字段。
用于存储师生空间数据的bbs和liuyan表,见表2-3、2-4所示。
表2-3bbs表
字段名称
数据类型
长度
备注
bbs_id
长整型
不限制
主键、自动编号
作者
文本
50
标题
文本
不限制
内容
文本
不限制
更新时间
日期/时间
不限制
Now()
表2-4liuyan表
字段名称
数据类型
长度
备注
liuyan_ID
长整型
不限制
主键、自动编号
姓名
文本
50
email
文本
50
留言内容
文本
不限制
回复内容
文本
不限制
QQ
文本
50
futie_id
文本
50
时间
日期/时间
不限制
Now()
用于存放网站师生空间相关数据的表,bbs为师生空间中论坛功能的相关数据,liuyan表存放的是针对于bbs表中具体标题内容的回复数据。
存储科研奖励数据的research_money表,见表2-5、2-6所示。
表2-5research_money表
字段名称
数据类型
长度
备注
research_money_id
长整型
不限制
主键、自动编号
获奖人
文本
不限制
授奖名称
文本
不限制
成果名称
文本
不限制
授奖时间
日期/时间
不限制
颁奖部门
文本
不限制
存储著作论文成功数据的research_report表。
表2-6research_report表
字段名称
数据类型
长度
备注
research_report_id
长整型
不限制
主键、自动编号
著作名称
文本
不限制
作者
文本
不限制
刊物名
文本
不限制
发表时间
日期/时间
不限制
备注
文本
不限制
存储专利成果的research_result表,见表2-7所示。
表2-7research_result表
字段名称
数据类型
长度
备注
research_result_id
长整型
不限制
主键、自动编号
专利名称
文本
不限制
专利类型
文本
不限制
专利号
文本
不限制
授权单位
文本
不限制
授权时间
文本
不限制
存储科研项目的research_xm表,见表2-8所示。
表2-8research_xm表
字段名称
数据类型
长度
备注
research_xm_id
长整型
不限制
主键、自动编号
年度
文本
不限制
项目名称
文本
不限制
负责人
文本
不限制
项目级别
文本
不限制
项目来源
文本
不限制
拨款经费
文本
不限制
完成情况
文本
不限制
批准文号
文本
不限制
以上四个表分别用于学术成果展示栏目下的四个子栏目数据的存储,其对应关系如下,:
research_money为科研奖励、research_report为著作/论文成果、research_result为专利成果、research_xm为科研项目。
用于存放友情链接数据的website_1表,见表2-9所示。
表2-9website_1表
字段名称
数据类型
长度
备注
编号
长整型
不限制
主键、自动编号
网站名称
文本
255
网址
超链接
不限制
第三章系统设计相关技术
3.1后台数据库
下面我又对数据库做了相关的对比,常用的数据库有:
Access、SQLServer、MySQL。
3.1.1Access数据库
Access比较是适合数据量少的情况下使用,在此情况下效率也很高。
但同时访问不能多于4个。
Access的数据库大小也最好不要超过100M,否则容易出现问题。
3.1.2SQLServer数据库
SQLServer为中大型数据库,功能上管理上也要比Access好的多。
数据的处理效率,灵活的后台开发,可扩展性很强。
数据库的管理比较简单,因为可以使用图形化界面。
可以使用的接口工具丰富,集成性伸缩性好,适合多平台使用。
3.1.3MySQL数据库
MySQL为开源免费的数据库管理系统,近年被广泛地应用在许多中小型网站中。
其体积小、速度快、成本低,开放源码,可运行在不同的操作系统下。
安全性其稳定性也比较好,支持大型的数据库。
查询非常方便。
且PHP中提供了一整套的MySQL函数,对MySQL进行了全方位的支持。
3.2网页设计语言
经过几天的查阅相关资料明白现在主流的网站开发语言有Asp、PHP、A、Jsp。
我们学习过的的Html是网页最基本的网络语言,每一个服务器语言都需要有它的支持。
下面通过比较主流开发语言的优缺点决定我的设计所需要的语言。
3.2.1Asp
Asp是微软公司早期研发的一款可以连接数据库并且进行数据交互的脚本程序语言。
Asp的网页文件的格式是.asp。
现在常用于各种动态网站中。
Asp简单易用,但是它自身存在着许多缺陷,最重要的就是安全性问题。
Asp的优点为:
无需编译、易于生成、独立于浏览器、面向对象、与任何ActiveXscripting语言兼容、源程序码不会外漏。
缺点为:
安全性、稳定性、跨平台性都有问题,工作效率也不是很高,部分企业级的功能不能完全实现。
3.2.2A
A是微软对Asp的下一代升级产物。
A的语法在很大程度上与Asp兼容,增强了稳定性和安全性。
A可以用vb,c#,j#等所有.netframework的语言开发,更容易开发出Web应用。
A的优点为:
简洁的设计和实施、语言灵活,并支持复杂的面向对象特性、开发环境。
缺点为:
数据库的连接复杂。
3.2.3PHP
PHP是一种Html内嵌式的语言,是一种在服务器端执行的嵌入Html文档的脚本语言,PHP最初是制作动态网页的服务器端脚本语言,PHP的使用率是我们此次对比的网站开发语言中最高的。
能兼容各类平台操作系统,所支持的数据库也非常多。
PHP优点为:
它是一种能快速学习、跨平台、有良好数据库交互能力的开发语言。
比较简单轻便,易学易用。
可以与Apache及其它扩展库结合紧密,具有良好的安全性。
缺点为:
数据库支持的极大变化,不适合使用在大型电子商务网站的设计上,安装调试很复杂,缺少正规的商业支持,且基本上很难去实现商品化应用的开发。
3.2.4Jsp
Jsp是由Sun公司发起、许多公司参与一起建立的一种动态网页技术标准。
Jsp技术在传统的Html中插入Java程序段和Jsp(tag),最终形成Jsp的.jsp文件。
可以跨平台使用。
Jsp的优点为:
一处编写可以随处运行、对系统平台支持、具有强大的的可伸缩性及多样化和功能强大的开发工具支持。
缺点为:
与Asp一样,Java的一些优势正是它致命的问题所在、缺少相关的系统性的资料、速度超慢。
3.2.5开发语言及数据库组合的确定
因为在论证过程中已经决定使用Asp为开发语言,所以在此仅讨论Asp及可以与之配合的数据库。
经过查阅浏览我发现在IIS环境下常用的开发语言和数据库的组合有:
Asp和Acces