毕业设计（论文）-校园网站的设计与实现1.doc

编码2015-jx-lw专业代码本科毕业论文（设计） 校园网站的设计与实现 学 院信息与电子工程学院专 业计算机科学与技术学 号学生姓名指导教师提交日期诚信承诺书本人郑重承诺和声明:我承诺在毕业论文撰写过程中遵守学校有关规定,恪守学术规范,此毕业论文(设计)中均系本人在指导教师指导下独立完成,没有剽窃、抄袭他人的学术观点、思想和成果,没有篡改研究数据,凡涉及其他作者的观点和材料,均作了注释,如有违规行为发生,我愿承担一切责任,接受学校的处理,并承担相应的法律责任。毕业论文（设计）作者签名：翟渊敏年月日摘 要作为一种新兴的信息技术，互联网正以前所未有的冲击力影响着人类的生活，它的出现和发展，正慢慢地改变着人们的生活方式，互联网也因此成为目前比较热门的一个话题，它具有强大的影响力。 国际上网站的发展十分迅速，网站已成为人们获取信息的一种重要方式。越来越多的人都希望有自己的个人主页，以充分展示自我；越来越多的公司都希望让自己的网站更具吸引力，以宣传公司，提高知名度。学校网站是实现教育资源分配的桥梁。网络上有巨大的教育资源库，它集全社会的力量，使教育资源无限增长。学校网站是最佳的教学研究室，学校网站与教育类专门网站的有效链接，给学校教学研究带来了一片新天地，各种优秀文章、各科素材、优秀软件下载等内容为学生提供了极佳的平台。有效地降低教研成本、提高效率。本文将首先从结构上对网站的设计有一个总体上的构想，包括网站的前端的用户管理模块和后端的数据维护模块，这是任何一个网站所必备。本文讲述了利用dreamweavercs5.5和asp进行网站设计的开发过程，对网站的设计及网站的实现进行了详细的说明。本文的主要内容主要是利用asp和dreamweavercs5.5的开发环境的架设开始，一步步实现校园网站各个功能模块。关键词：校园网站；网站设计；dreamweaercs5.5；asp；数据库 abstractasanewinformationtechnology,theinternethasanunprecedentedimpactonhumanslife,itsemergenceanddevelopmentischangingthewayofpeopleslife,theinternethasbeenapopulartopicandithasastronginfluence.theinternationalwebsitedevelopedveryrapidly;thewebsitehasbecomeanimportantwayforpeopletoaccessinformation.moreandmorepeoplewanttohavetheirownpersonalhomepageinordertodisplaythemselves;moreandmorecompaniesalsowanttomaketheirsitesmoreattractivetopromotethecompanyandimprovetheirvisibility.theschoolwebsiteisabridgeofnetworktodistributetheeducationalresources.thereisagreateducationalresourcelibrarywhichcombinesthestrengthofthewholesociety,andeducationresourcestogrowindefinitely.theschoolsiteisthebestteachingresearchcenter,andhasbroughtanewworldtous,suchasavarietyofgoodarticlesonsubjectsmaterial,excellentsoftwaredownloadsandothercontenttoprovidestudentswithaveryeffectivespecializedsiteoftheschoolsitesandeducationallinks,schoolteachingandresearchexcellentplatform.itmayreducetheteachingandresearchcostseffectivelyandimprovesefficiency.atfirst,thispaperwillhaveanoverallideafromthestructuraldesignofthesite,includingusermanagementmoduleofthewebsitefrontendandback-enddatamaintenancemodule,whichisessentialtoanyonesite.thisarticledescribesthedevelopmentprocess,useingthedreamweavercs5,andasptodesignthewebsite.themaincontentofthisarticleistheuseoftheaspanddreamweavercs5.5andtheerectionofthedevelopmentenvironmentbegan,stepbysteptoachievethevariousfunctionalblocksofthecampuswebsite.keyword:schoolwebsites;websitedesign;dreamweaercs5;asp;database目录第1章绪论internet上发布信息主要是通过网站来实现的，获取信息也是要在interne这个世界中按照一定的检索方式将所需要的信息从网站上下载下来。因此网站建设在internet应用上的地位显而易见，它已成为机关、学校、企事业单位、甚至进入寻常百姓家的信息化建设中的重要组成部分，从而倍受人们的重视。为了更好的办学，提高学校知名度，为家长和同学们提供一个友谊的桥梁，增加同学们和家长对学校一些事物的了解，建设校园网站势在必行且不容忽视。本文主要介绍中学校园网站的设计与实现。1.1校园网站的发展及趋势据中国互联网络统计报告数据显示，截至2011年6月30日，我国网站数量约为183万家，与2009年网站数323万家相比，减少了43%，而在2009年之前，国内网站数量每年都以高速递增的态势发展。纵观网站建设市场从2003至2011年由高转低的曲线发展趋势，反映的正是我国网站建设市场由“萌芽式”到“粗放式”再向“细分式”的转变。在经过近十年的发展后，国内校园网站建设已经开始逐步走向成熟和规范。校园网站发展三阶段发展至今，互联网已经渗透到我们生活的各个细节，无论是经济方面还是宣传方面，作为互联网信息发布与交互载体的网站，都起着积极重要的促进作用。而网站重要性的不断提升，却经历了数个阶段的转型与蜕变，据动易网络研究显示，网站发展大致分为三个阶段：第一阶段，时间是2002年以前，定义为网站的“萌芽式”发展期，是网站形成的初级阶段。处于这个阶段的网站，主要作为简单的企业展示之用。网站基本上是由静态网页构成，没有我们现在熟悉的“功能”概念，主要借助dreamweaver、frontpage等编程工具来构建。除了新浪、网易等大门户网站外，一般网站只是几个静态页面，对网站功能要求不高。第二阶段，时间是2002年2008年，定义为网站的“粗放式”发展期，是网站的变革阶段。处于这个阶段的网站用途仍主要是向外部展示信息，但网站技术已改为由动态页面组成，一般是使用简单的内容管理系统(cms)进行信息发布、管理，提供简单的留言板或论坛(bbs)。在这一阶段里，随着互联网的逐渐普及，“信息化”的概念逐渐被行业内所接受和倡导。企事业单位都开始进行各种办公系统和业务系统的信息化升级，如erp、oa等都是这个阶段的产物。但是，随着利用信息化系统不断提升工作效率的同时，各系统之间相互独立而产生众多独立数据流便不可避免，因此，信息孤岛开始出现。第三阶段，定义为网站的“细分式”发展期，是网站发展的成熟阶段。2008年以后网站需求开始按照行业细分。不同行业的需求会具备本行业的特殊性质。例如，政府网站，出现了政府信息公开的需求、公众参与、在线办事的需求等；又如制造型企业网站，逐步开始针对供应商、客户、合作伙伴和内部员工提供各种服务，开始更加专注数据的管理、共享和整合；教育网站，开始加强学校与家长的互动与交流等。互联网进入中国20几年，每一年都发生巨大的改变，人们对于网站的认识同样在不断的改变。在网站发展第一二阶段，很多人都只把网站当成“形象招牌”。大家对网站重要性的认识都不高，那么对网站建设服务提供商的技术要求也就不高了，这也是目前各地网站建设公司还存在的原因之一。但是，从2008年开始，网站逐步向“第三阶段”发展。比如说，政府门户网站一定要实现在线办事，公众参与、信息公开，还有像网上信访，行政事业的业务审批和监察等等这些网站应用。相对来说，就是将原来线下的服务，搬到了网上通过网站的各种技术去实现。像学校也是类似，通过网站加强学校与家长之间的沟通与联系。那么校园网站发展的趋势便是通过网站宣传学校特色，发布校园信息，加强学校同外界的交流，并领用校园网站公开学校事务，管理校园。1.2校园网站建设的必要性对学校来说，校园网站有四个方面的典型应用：第一校园网站是为学生学习活动服务的，是一种学习工具。它不但是学生与他人之间的交流工具，同时也是学习资源的提供者，有利于学生进行探索学习和协作学习。第二校园网站是为教师的教学和科研活动服务的，如提供教学资源、辅助教师备课，参与课堂教学活动和支持教师再学习活动等。第三校园网站是为学校教育教学管理服务的，如辅助学校的学生学籍管理、人事管理、财务管理等。第四校园网站是沟通学校与外面的窗口，利用它既可以从校外获取各种信息，也可以向外发布各种信息。1.3校园网站设计思想是通过网站，全面宣传，展示学校风采、优点与特色，发布学校的活动安排与招生政策等信息内容，使学生及家长曾加对学校的了解，增强学生、家长与学校之间的联系，在internet网上，让学生及家长及时得到学校发布的重要信息，同时也帮助了学校完成部分事务，提高办事效率,给学生、家长与学校最方便的联系桥梁。在这里学生及家长也可以提出意见及想法，互通教学之间的意见想法，更加有效的办好教学，和学生需要哪样的教学方式能够更好的吸收与接纳，这些都能成为学校的参考，以便更加的提高学校的教学质量。1.4开发工具的选用及介绍1.4.1dreamweavercs5本网站采用dreamweavercs5为基本网页开发工具，利用dreamweavercs5中的可视化编辑功能,达到快速创建页面的效果。dreamweavercs5是建立web站点和应用程序的专业工具，它将可视布局工具、应用程序开发功能和代码编辑支持组合在一起，功能强大，使得各个层次的开发人员和设计人员都能够快速创建基于标准的界面吸引人的网站和应用程序。开发人员可以使用dreamweavercs5及所选择的服务器技术来创建功能强大的internet应用程序，从而使用户能连接到数据库、web服务器和原有系统。1.4.2数据库系统access2003是一种简易的关系型数据库系统。选用access的优点在于它不仅能使用数据表示图或自定义窗体收集信息，且简单易学、易使用。数据表示图提供了一种类似于excel的电子表格,可以使数据库一目了然。另外,access允许创建自定义报表，能打印或输出数据库中的信息，以便分析。access也提供了数据存储功能,可以使用桌面数据库文件把数据库文件置于网络文件服务器,与其他网络用户共享数据库。1.4.3脚本语言vbscript程序设计语言是microsoft公司将vb(visualbasic)程序设计语言加以简化而成的一种脚本制作语言。vbscript是一种事件驱动语言。同vbscript一样,javascript也是事件驱动语言,它是一种描述性的基于对象和事件驱动并具有安全性能的脚本语言(scriptlanguage),可以非常自由地被嵌入到html的文件之中。通过将脚本嵌入在标准的html语言中弥补了html语言的部分缺陷，加强了html的功能与应用。1.4.4开发环境简介asp的运行环境目前，microsoft公司推出的支持asp的服务器有以下几个：microsoftinternetinformationserverversion4.0/5.0(简称iis)microsoftpersonalwebserver(简称pws)这两个主要是为microsoft公司的windowsnt/2000/xp系统开发的，当然功能和稳定性及安全性都强很多，目前大型的站点大多是用iis作为服务器，而pws是为一般的pc用户开发的。asp的内置对象request对象，包含从用户端浏览器发送到服务器端的所有信息，允许访问利用表单提交给服务器的数据。response对象，将html和其他数据返回到用户端浏览器。response对象设置客户端浏览器的状态。server对象，为asp的应用程序提供服务器的功能。session对象，在此对象中维护每个用户的信息，可以使用该对象存储特定的用户会话所需的信息。application对象，对给定应用程序的所有用户共享信息。objectcontext提供在页面内进行事物处理，这是扩展asp能力的一个对象，asp内直接发送email或其它信息。第2章网站总体的分析与设计2.1产品可行性分析2.1.1技术可行性html作为一种样式语言，随着internet上信息量的增多和交互性的加强使html显得越来越难以胜任的情况之下，而asp能够彻底实现用户与管理人员的交互性，在asp编程语言高度发展的形式下，asp能够很好的解决这些复杂交互的动态性，于是我们也开始了对学院网站的动态开发，即而让学院网站更加的互动。网站的数据库系统采用的是microsoftaccess。microsoftaccess的管理和开发入手都比较方便，性价比较高并且和asp集成效果的更好，很合适用于windows应用的后台数据库。网站图片的处理工具选择了photoshopcs4、fireworkscs4。这些都是当前普遍采用，确实可行的技术，因此系统的开发具有很高的技术可行性。2.1.2经济可行性1.系统的投入费用：大部分电脑及硬件设备已经符合要求，无需增加新的投入。2.系统的效益分析：校园网站不追求经济利益，但是带来了巨大的工作效率，从另一个角度看，提升了工作效率也就带来了巨大的效益。2.1.3社会可行性作为学校最外的窗口，校园网站成为每个学校的标准配置，已成为提高学校品牌形象的重要内容。而且，通过一定的管理员培训，这类网站也是很方便于管理的。2.1.4结论较之sqlserver2005，access部署简单方便就一个文件运用起来比较灵活主要是桌面数据库系统,他也可以开发基于自己的桌面数据库应用(ui),也可以作为前端开发工具与其它数据库搭配开发应用程序，熟练的软件设计师和资料分析师利用它来开发应用软件，而一些不熟练的程序员和非程序员的初级用户则使用它来开发简单的应用软件67，网站图片制作处理工具选择的是photoshopcs4、fireworkscs4这些都是当前普遍采用，确实可行的技术，因此系统的开发具有很高的技术可行性等等，总之，经过以上各项的分析，该项目是可行的。2.2 网站可用性分析2.2.1 网页布局实际内容占据网页的大部分空间，为50%80%，导航部分不超过20%。颜色的选择以绿白色为主，没有使用太多的颜色来修饰某个对象，此外，正文和背景色的对比度较大，一般字色为默认的黑色，并且用了不同的背景色条区分正文区与其他功能区。为了提高网页的可读性，标题区、标题行和正文区使用了不同大小的字体，正文使用的是静止的文字，且字体足够大，以便于阅读。为了帮助用户方便地浏览，每个网页都设有标题导航，且网页标题清楚地表明了网页的内容。在网页的组织上，每个网页都是按照“倒金字塔”原则进行编写，即从一个简单的结论开始渐次展开。网页排版符合用户的阅读习惯，采用横向排列方式。一个网页的大小一般不超过3万字节，以使用户在10秒钟之内能打开网页。而且要为每一个链接加上描述信息，因为当一个链接被点击后，要把所有指向同一目标的链接都表示成已被访问过，这样便于用户浏览。在链接旁注明下载文件的大小，帮助用户预测下载时间。2.2.2 主题鲜明、富有特色在目标明确的基础上，完成网站的构思创意即总体设计方案。对网站的整体风格和特色做出定位，规划网站的组织结构。要做到主题鲜明突出，力求简洁，要点明确，以简单明确的语言和画面告诉大家本站点的主题，吸引对本站点有需求的人的视线，对无关的人员也能留下一定的印象。调动一切手段充分表现网站的个性和情趣，突出个性，这样才能够办出网站的特色。web站点主页的基本成分包括：页头：准确无误地标识站点名称加入收藏：用来方便用户收藏网页；联系信息：如普通邮件地址或电话；版权信息：让用户了解系统信息。2.2.3 版式编排布局合理性网页设计作为一种视觉语言，当然要讲究编排和布局，虽然主页的设计不等同于平面设计，但它们有许多相近之处，应充分加以利用和借鉴。站点设计简单有序，主次关系分明，将零乱页面的组织过程，混杂的内容，依整体的布局的需要进行分组归纳，经过进行具有内在联系的组织排列，反复推敲文字、图形与空间的关系，使浏览者有一个流畅的视觉体验。2.2.4 相关站点引导链接一个好的网站的基本要素是用户进入后，与本网站相关的信息都可以方便快捷地找到，其中要借助于相关的站点，所以做好导引是一项重要的工作。超文本这种结构使全球所有联上因特网的计算机成为超大规模的信息库，链接到其它网站轻而易举。在设计网页的导引组织时，应该给出多个相关网站的链接，使得用户感到想得到的信息就在鼠标马上就可以点击的地方。2.3 功能需求分析 校园网站设计有新闻更新，浏览者可以在首页浏览自己喜欢的新闻，并且可以在留言板和学校交流，登陆网站，在论坛发帖。在后台管理页面中，通过身份认证，管理员，可以对网站信息进行管理2.3.1 功能描述1、新闻校园新闻提供校园资讯，让同学们或老师随时了解校园大事，掌握校园资讯，以及最新校园公告。2、留言板是一个学校与大家谈心交流的地方，在留言板中，可以和学校进行交流。就我们校园内的话题展开讨论。和大家进行沟通。3、后台管理页面是管理和添加到新内容的地方，为了方便实现信息的经常更新，设计了这个管理页面，经过身份认证后可以进入网站对其中的信息进行管理。4、页面组织和数据库设计在明确了校园网站的风格和定位后，就是网站的材料组织以及网站的页面设计和数据库设计。建立一个网站好比写一篇文章，首先要拟好提纲，文章才能主题明确，层次清晰。如果网站结构不清晰，目录庞杂，内容东一块西一块。结果不但浏览者看得糊涂，自己扩充和维护网站也相当困难。网站的题材确定后，并且收集和组织了许多相关的资料内容，但如何组织内容才能吸引网友们来浏览网站呢？栏目的实质是一个网站的大纲索引，索引应该将网站的主体明确显示出来。下面是校园网页的主要栏目：首页前台后台新闻动态走进本校党政建设招生管理政策法规基础设施备份数据修改密码编辑新闻删除帖子上传文档图1 校园网站内容设计第三章结构设计与具体实现3.1数据库设计1、数据库的搭建使用access2003实现关系数据库3.1.1用户注册表user存储了普通用户的信息，包括：用户名，密码，性别，电话，邮箱，注册时间。它的设计视图如图字段名称数据类型说明id 自动编号user文本wd文本性别，1为男，0为女gender数字tele文本email文本regtime日期/时间用户注册时间图2 用户注册表设计视图3.1.2留言表存储了留言的基本信息，它的设计视图如字段名称数据类型说明id自动编号主键name文本留言者姓名sex文本留言者性别qq文本留言者qqemail文本留言者邮箱homepage文本留言者主页content备注留言内容数据类型是“备注”它是用来存储更长的文本内容time_us日期/时间留言时间数据类型是日期时间rever备注回复内容time_us日期/时间回复时间img文本留言者头像图3留言表设计视图、连接数据库在上面，我们已经为我们的程序创建了一个数据库，在这里，我们来用asp把程序和数据库连接起来，以后就可以连接到数据库、在asp中显示数据库中的数据以及更复杂的插入、修改和删除。一起看以下代码，这就是asp程序中常用的连接数据库的代码：一切ok了!结束asp程序3.2功能模块设计3.2.1主页设计1、功能：显示校园新闻和校园网站主要页面2、组成结构首页显示页面default.asp数据库连接页面conn.asp3.2.2前台登陆及注册1、功能：提供学生登陆及注册页面2、组成结构登陆页面login.asp数据库连接页面conn.asp注册页面register.asp4、关键代码注册关键代码%subchkreg()dimuser,pwd,gender,tele,emailuser=trim(request.form(user)pwd=trim(request.form(pwd)gender=trim(request.form(gender)tele=trim(request.form(tele)email=trim(request.form(email)ifchkuserisexist(user)=truethenresponse.writealertistory.go(-1);elsedimrs,sqlsetrs=sever.createobject(adodb.recordset)sql=slect*fromuserrs.opensql,conn,2,3rs.addnewrs(user)=userrs(pwd)=pwdps(gender)=genderrs(tele)=telers(email)=emailrs(regtime)=now()rs.updaters.closesetrs=nothingresponse.write(ahref=login.asp/aresponse.end()endifendsub%登录验证代码%user=trim(request.form(username)password=request.form(pass)str=select*fromuserwhereusername=&user&andpassword=&password&setrs=server.createobject(adodb.recordset)rs.openstr,conn,3,1ifrs.eofthenresponse.writeresponse.writealert(用户名或密码错误，请重新登陆！;response.write(history.go(-1);response.writeresponse.end()elseresponse.writealert(你好，你已经登陆成功)；response.write;endif%3.2.6留言板页面设计1、功能利用sql语法过滤特定的用户留言意见，让站长可以针对某位特定用户所发表的意见作出独立的回答，当然，站长拥有管理的能力，只要以密码登录管理模式，就可以进行各个用户的单独意见回复2、组成构造留言板页面message.asp查看留言页面user.asp数据库连接页面conn.asp3、留言板关键代码%ifname=thenresponse.writeresponse.writealert(请填写姓名);response.writejavascript:history.go(-1); response.writeresponse.end() elsename=nameendifi