校园网站的设计与实现__毕业论文(28页).doc

《校园网站的设计与实现__毕业论文(28页).doc》由会员分享，可在线阅读，更多相关《校园网站的设计与实现__毕业论文(28页).doc（28页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、-校园网站的设计与实现_毕业论文-第 22 页摘要作为一种新兴的信息技术，互联网正以前所未有的冲击力影响着人类的生活，它的出现和发展，正慢慢地改变着人们的生活方式，互联网也因此成为目前比较热门的一个话题，它具有强大的影响力。 国际上网站的发展十分迅速，网站已成为人们获取信息的一种重要方式。越来越多的人都希望有自己的个人主页，以充分展示自我；越来越多的公司都希望让自己的网站更具吸引力，以宣传公司，提高知名度。学校网站是实现教育资源分配的桥梁。网络上有巨大的教育资源库，它集全社会的力量，使教育资源无限增长。学校网站是最佳的教学研究室，学校网站与教育类专门网站的有效链接，给学校教学研究带来了一片新天

2、地，各种优秀文章、各科素材、优秀软件下载等内容为学生提供了极佳的平台。有效地降低教研成本、提高效率。本文将首先从结构上对网站的设计有一个总体上的构想，包括网站的前端的用户管理模块和后端的数据维护模块，这是任何一个网站所必备。 本文讲述了利用DREAMWEAVER CS5.5和ASP进行网站设计的开发过程，对网站的设计及网站的实现进行了详细的说明。本文的主要内容主要是利用ASP和DREAMWEAVER CS5.5的开发环境的架设开始，一步步实现校园网站各个功能模块。关键词：校园网站；网站设计；DREAMWEAER CS 5.5 ；ASP；数据库AbstractAs a newinformatio

3、n technology, the Internethasan unprecedentedimpact onhumans life,itsemergence and developmentis changingthe way of peoples life,theInternethas beenapopulartopic and ithas a stronginfluence. TheinternationalWeb sitedeveloped very rapidly;thewebsite has becomean important wayforpeopleto access inform

4、ation.More and more peoplewant to havetheir own personalhomepagein order todisplay themselves;more and morecompanies also want tomake their sites more attractiveto promote thecompany and improve their visibility. Theschoolwebsite isa bridgeof networktodistribute the educational resources.There isagr

5、eateducational resource library which combinesthe strengthofthe whole society,andeducationresourcestogrow indefinitely.Theschoolsiteis the bestteachingResearch Center, and has broughtanew world to us,such as avarietyofgood articles onsubjectsmaterial,excellent softwaredownloadsand other contentto pr

6、ovide students witha veryeffective specializedsiteoftheschoolsites andeducationallinks,schoolteaching and researchexcellentplatform.It may reducetheteaching and researchcosts effectivelyand improves efficiency. At first, this paperwill have an overallideafromthestructuraldesignofthesite,includinguse

7、r management moduleofthe website front endand back-enddata maintenance module, whichisessentialto anyonesite.This article describesthedevelopment process,useingthe DREAMWEAVERCS5, andASP to design the website.Themain contentofthisarticleis the use of theASPandDREAMWEAVER CS5.5 and the erectionofthed

8、evelopment environmentbegan,step by stepto achievethevariousfunctional blocksofthecampus Web site. KeyWord: schoolwebsites;websitedesign;DREAMWEAERCS5;ASP;database目录第1章 绪论11.1 国内外校园网站发展现状及趋势11.2 校园网站建设的必要性21.3 校园网站设计思想3 1.4 开发工具的选用及介绍- 3第2章 网站总体的分析与设计52.1 相关术语及解释52.2 当前校园网站需要解决的问题72.3 主页设计82.4功能设计8第

9、3章 详细设计93.1 数据库设计93.1.1用户注册表.93.1.2 论坛基本信息表103.1.3 资源信息表10 3.1.4 新闻表103.1.3 留言表 113.1.3 论坛用户信息表113.2页面设计13 3.2.1 主页设计-13 3.2.2 后台登陆-13 3.2.3 前台登陆-14 3.2.4 资源下载页面-15 3.2.5 论坛页面设计-16 3.2.6 留言板设计-173.3关键代码设计193.3.1 用户注册及登陆关键代码193.3.2 资源下载页面关键代码243.3.3 留言板关键代码263.3.4 校园论坛发帖页面关键代码283.3.5 网站管理系统323.3.6 主要

10、功能程序段37第4章 编码，测试及维护39参考文献90后记9附录1主要英文缩写语对照表11第1章 绪论Internet上发布信息主要是通过网站来实现的，获取信息也是要在Interne这个世界中按照一定的检索方式将所需要的信息从网站上下载下来。因此网站建设在Internet应用上的地位显而易见，它已成为机关、学校、企事业单位、甚至进入寻常百姓家的信息化建设中的重要组成部分，从而倍受人们的重视。为了更好的办学，提高学校知名度，为家长和同学们提供一个友谊的桥梁，增加同学们和家长对学校一些事物的了解，建设校园网站势在必行且不容忽视。本文主要介绍中学校园网站的设计与实现。 1.1 校园网站的发展及趋势据

11、中国互联网络统计报告数据显示，截至2011年6月30日，我国网站数量约为183万家，与2009年网站数323万家相比，减少了43%，而在2009年之前，国内网站数量每年都以高速递增的态势发展。纵观网站建设市场从2003至2011年由高转低的曲线发展趋势，反映的正是我国网站建设市场由“萌芽式”到“粗放式”再向“细分式”的转变。在经过近十年的发展后，国内校园网站建设已经开始逐步走向成熟和规范。校园网站发展三阶段发展至今，互联网已经渗透到我们生活的各个细节，无论是经济方面还是宣传方面，作为互联网信息发布与交互载体的网站，都起着积极重要的促进作用。而网站重要性的不断提升，却经历了数个阶段的转型与蜕变，

12、据动易网络研究显示，网站发展大致分为三个阶段：第一阶段，时间是2002年以前，定义为网站的“萌芽式”发展期，是网站形成的初级阶段。处于这个阶段的网站，主要作为简单的企业展示之用。网站基本上是由静态网页构成，没有我们现在熟悉的“功能”概念，主要借助Dreamweaver、FrontPage等编程工具来构建。除了新浪、网易等大门户网站外，一般网站只是几个静态页面，对网站功能要求不高。第二阶段，时间是2002年2008年，定义为网站的“粗放式”发展期，是网站的变革阶段。处于这个阶段的网站用途仍主要是向外部展示信息，但网站技术已改为由动态页面组成，一般是使用简单的内容管理系统(CMS)进行信息发布、管

13、理，提供简单的留言板或论坛(BBS)。在这一阶段里，随着互联网的逐渐普及，“信息化”的概念逐渐被行业内所接受和倡导。企事业单位都开始进行各种办公系统和业务系统的信息化升级，如ERP、OA等都是这个阶段的产物。但是，随着利用信息化系统不断提升工作效率的同时，各系统之间相互独立而产生众多独立数据流便不可避免，因此，信息孤岛开始出现。第三阶段，定义为网站的“细分式”发展期，是网站发展的成熟阶段。2008年以后网站需求开始按照行业细分。不同行业的需求会具备本行业的特殊性质。例如，政府网站，出现了政府信息公开的需求、公众参与、在线办事的需求等；又如制造型企业网站，逐步开始针对供应商、客户、合作伙伴和内部

14、员工提供各种服务，开始更加专注数据的管理、共享和整合；教育网站，开始加强学校与家长的互动与交流等。互联网进入中国20几年，每一年都发生巨大的改变，人们对于网站的认识同样在不断的改变。在网站发展第一二阶段，很多人都只把网站当成“形象招牌”。大家对网站重要性的认识都不高，那么对网站建设服务提供商的技术要求也就不高了，这也是目前各地网站建设公司还存在的原因之一。但是，从2008年开始，网站逐步向“第三阶段”发展。比如说，政府门户网站一定要实现在线办事，公众参与、信息公开，还有像网上信访，行政事业的业务审批和监察等等这些网站应用。相对来说，就是将原来线下的服务，搬到了网上通过网站的各种技术去实现。像学

15、校也是类似，通过网站加强学校与家长之间的沟通与联系。那么校园网站发展的趋势便是通过网站宣传学校特色，发布校园信息，加强学校同外界的交流，并领用校园网站公开学校事务，管理校园。1.2 校园网站建设的必要性 对学校来说，校园网站有四个方面的典型应用：第一 校园网站是为学生学习活动服务的，是一种学习工具。它不但是学生与他人之间的交流工具，同时也是学习资源的提供者，有利于学生进行探索学习和协作学习。第二 校园网站是为教师的教学和科研活动服务的，如提供教学资源、辅助教师备课，参与课堂教学活动和支持教师再学习活动等。第三 校园网站是为学校教育教学管理服务的，如辅助学校的学生学籍管理、人事管理、财务管理等。

16、第四 校园网站是沟通学校与外面的窗口，利用它既可以从校外获取各种信息，也可以向外发布各种信息。1.3 校园网站设计思想是通过网站，全面宣传，展示学校风采、优点与特色，发布学校的活动安排与招生政策等信息内容，使学生及家长曾加对学校的了解，增强学生、家长与学校之间的联系，在Internet网上，让学生及家长及时得到 学校发布的重要信息，同时也帮助了学校完成部分事务，提高办事效率,给学生、家长与学校最方便的联系桥梁。在这里学生及家长也可以提出意见及想法，互通教学之间的意见想法，更加有效的办好教学，和学生需要哪样的教学方式能够更好的吸收与接纳，这些都能成为学校的参考，以便更加的提高学校的教学质量。1.

17、4 开发工具的选用及介绍1.4.1 Dreamweaver CS5本网站采用Dreamweaver CS5为基本网页开发工具，利用Dreamweaver CS5中的可视化编辑功能,达到快速创建页面的效果。Dreamweaver CS5是建立WEB站点和应用程序的专业工具，它将可视布局工具、应用程序开发功能和代码编辑支持组合在一起，功能强大，使得各个层次的开发人员和设计人员都能够快速创建基于标准的界面吸引人的网站和应用程序。开发人员可以使用Dreamweaver CS5及所选择的服务器技术来创建功能强大的 Internet 应用程序，从而使用户能连接到数据库、WEB服务器和原有系统。1.4.2

18、数据库系统Access2003是一种简易的关系型数据库系统。选用Access的优点在于它不仅能使用数据表示图或自定义窗体收集信息，且简单易学、易使用。数据表示图提供了一种类似于Excel的电子表格,可以使数据库一目了然。另外,Access允许创建自定义报表，能打印或输出数据库中的信息，以便分析。Access也提供了数据存储功能,可以使用桌面数据库文件把数据库文件置于网络文件服务器,与其他网络用户共享数据库。1.4.3 脚本语言VBScript程序设计语言是Microsoft公司将VB(VisualBasic)程序设计语言加以简化而成的一种脚本制作语言。VBScript是一种事件驱动语言。同VB

19、Script一样,JavaScript也是事件驱动语言,它是一种描述性的基于对象和事件驱动并具有安全性能的脚本语言(ScriptLanguage),可以非常自由地被嵌入到HTML的文件之中。通过将脚本嵌入在标准的HTML语言中弥补了HTML语言的部分缺陷，加强了HTML的功能与应用。1.4.4 开发环境简介ASP的运行环境目前，Microsoft公司推出的支持ASP的服务器有以下几个：Microsoft Internet Information Server Version 4.0/5.0(简称IIS)Microsoft Personal Web Server(简称PWS)这两个主要是为Mic

20、rosoft公司的WindowsNT/2000/XP系统开发的，当然功能和稳定性及安全性都强很多，目前大型的站点大多是用IIS作为服务器，而PWS是为一般的PC用户开发的。ASP的内置对象Request对象，包含从用户端浏览器发送到服务器端的所有信息，允许访问利用表单提交给服务器的数据。Response对象，将HTML和其他数据返回到用户端浏览器。Response对象设置客户端浏览器的状态。Server对象，为ASP的应用程序提供服务器的功能。Session对象，在此对象中维护每个用户的信息，可以使用该对象存储特定的用户会话所需的信息。Application对象，对给定应用程序的所有用户共享信

21、息。ObjectContext提供在页面内进行事物处理，这是扩展ASP能力的一个对象， ASP内直接发送EMAIL或其它信息。3第2章 网站总体的分析与设计2.1 产品可行性分析2.1.1技术可行性HTML作为一种样式语言，随着Internet上信息量的增多和交互性的加强使HTML显得越来越难以胜任的情况之下，而ASP能够彻底实现用户与管理人员的交互性，在ASP编程语言高度发展的形式下，ASP能够很好的解决这些复杂交互的动态性，于是我们也开始了对学院网站的动态开发，即而让学院网站更加的互动。网站的数据库系统采用的是Microsoft access。Microsoft access的管理和开发入

22、手都比较方便，性价比较高并且和ASP集成效果的更好，很合适用于Windows应用的后台数据库。网站图片的处理工具选择了Photoshop CS4、Fireworks CS4。这些都是当前普遍采用，确实可行的技术，因此系统的开发具有很高的技术可行性。2.1.2经济可行性1.系统的投入费用：大部分电脑及硬件设备已经符合要求，无需增加新的投入。2.系统的效益分析：校园网站不追求经济利益，但是带来了巨大的工作效率，从另一个角度看，提升了工作效率也就带来了巨大的效益。2.1.3社会可行性作为学校最外的窗口，校园网站成为每个学校的标准配置，已成为提高学校品牌形象的重要内容。而且，通过一定的管理员培训，这类

23、网站也是很方便于管理的。2.1.4结论较之SQL Server 2005，Access部署简单方便就一个文件运用起来比较灵活主要是桌面数据库系统,他也可以开发基于自己的桌面数据库应用(UI),也可以作为前端开发工具与其它数据库搭配开发应用程序，熟练的软件设计师和资料分析师利用它来开发应用软件，而一些不熟练的程序员和非程序员的初级用户则使用它来开发简单的应用软件67，网站图片制作处理工具选择的是Photoshop CS4、Fireworks CS4这些都是当前普遍采用，确实可行的技术，因此系统的开发具有很高的技术可行性等等，总之，经过以上各项的分析，该项目是可行的。2.2 网站可用性分析 2.2

24、.1 网页布局 实际内容占据网页的大部分空间，为50%80%，导航部分不超过20%。颜色的选择以绿白色为主，没有使用太多的颜色来修饰某个对象，此外，正文和背景色的对比度较大，一般字色为默认的黑色，并且用了不同的背景色条区分正文区与其他功能区。为了提高网页的可读性，标题区、标题行和正文区使用了不同大小的字体，正文使用的是静止的文字，且字体足够大，以便于阅读。 为了帮助用户方便地浏览，每个网页都设有标题导航，且网页标题清楚地表明了网页的内容。在网页的组织上，每个网页都是按照“倒金字塔”原则进行编写，即从一个简单的结论开始渐次展开。网页排版符合用户的阅读习惯，采用横向排列方式。 一个网页的大小一般不

25、超过3万字节，以使用户在10秒钟之内能打开网页。而且要为每一个链接加上描述信息，因为当一个链接被点击后，要把所有指向同一目标的链接都表示成已被访问过，这样便于用户浏览。在链接旁注明下载文件的大小，帮助用户预测下载时间。 2.2.2 主题鲜明、富有特色 在目标明确的基础上，完成网站的构思创意即总体设计方案。对网站的整体风格和特色做出定位，规划网站的组织结构。要做到主题鲜明突出，力求简洁，要点明确，以简单明确的语言和画面告诉大家本站点的主题，吸引对本站点有需求的人的视线，对无关的人员也能留下一定的印象。调动一切手段充分表现网站的个性和情趣，突出个性，这样才能够办出网站的特色。Web站点主页的基本成

26、分包括：页头：准确无误地标识站点名称 加入收藏：用来方便用户收藏网页；联系信息：如普通邮件地址或电话；版权信息：让用户了解系统信息。 2.2.3 版式编排布局合理性 网页设计作为一种视觉语言，当然要讲究编排和布局，虽然主页的设计不等同于平面设计，但它们有许多相近之处，应充分加以利用和借鉴。站点设计简单有序，主次关系分明，将零乱页面的组织过程，混杂的内容，依整体的布局的需要进行分组归纳，经过进行具有内在联系的组织排列，反复推敲文字、图形与空间的关系，使浏览者有一个流畅的视觉体验。 2.2.4 相关站点引导链接 一个好的网站的基本要素是用户进入后，与本网站相关的信息都可以方便快捷地找到，其中要借助

27、于相关的站点，所以做好导引是一项重要的工作。超文本这种结构使全球所有联上因特网的计算机成为超大规模的信息库，链接到其它网站轻而易举。 在设计网页的导引组织时，应该给出多个相关网站的链接，使得用户感到想得到的信息就在鼠标马上就可以点击的地方。2.3 功能需求分析校园网站设计有新闻更新，浏览者可以在首页浏览自己喜欢的新闻，并且可以在留言板和学校交流，登陆网站，在论坛发帖。在后台管理页面中，通过身份认证，管理员，可以对网站信息进行管理图1校园功能流程图2.3.1 功能描述 1、新闻校园新闻提供校园资讯，让同学们或老师随时了解校园大事，掌握校园资讯，以及最新校园公告。 2、留言板是一个学校与大家谈心交

28、流的地方，在留言板中，可以和学校进行交流。就我们校园内的话题展开讨论。和大家进行沟通。3、后台管理页面是管理和添加到新内容的地方，为了方便实现信息的经常更新，设计了这个管理页面，经过身份认证后可以进入网站对其中的信息进行管理。 4、页面组织和数据库设计在明确了校园网站的风格和定位后，就是网站的材料组织以及网站的页面设计和数据库设计。建立一个网站好比写一篇文章，首先要拟好提纲，文章才能主题明确，层次清晰。如果网站结构不清晰，目录庞杂，内容东一块西一块。结果不但浏览者看得糊涂，自己扩充和维护网站也相当困难。网站的题材确定后，并且收集和组织了许多相关的资料内容，但如何组织内容才能吸引网友们来浏览网站

29、呢？栏目的实质是一个网站的大纲索引，索引应该将网站的主体明确显示出来。下面是校园网页的主要栏目：图2 校园网站内容设计图第三章 结构设计与具体实现3.1数据库设计1、数据库的搭建使用ACCESS2003实现关系数据库3.1.1 用户注册表user存储了普通用户的信息，包括：用户名，密码，性别，电话，邮箱，注册时间。它的设计视图如图1： 图3 用户注册表设计视图3.1.2 论坛基本信息表bbsconfig存储了论坛的基本信息，它的设计视图如2 图4 论坛基本信息表设计视图3.1.3 资源信息表soft存储了管理员上传的软件的信息，设计视图如下3 图5 资源信息表设计视图3.1.4 新闻表news

30、存储了页面新闻信息，设计视图如下4 图6 新闻表设计视图3.1.5留言表message存储了留言者的基本信息 图7 留言表设计视图3.1.6论坛用户信息表bbsuser存储了校园论坛用户的信息，设计视图如下 图8 论文用户信息设计视图以上数据表为Access类型的库文件，将它定名为：“data.mdb”。2、连接数据库在上面，我们已经为我们的程序创建了一个数据库，在这里，我们来用ASP把程序和数据库连接起来，以后就可以连接到数据库、在ASP中显示数据库中的数据以及更复杂的插入、修改和删除。 一起看以下代码，这就是ASP程序中常用的连接数据库的代码： 一切OK了!结束ASP程序3.2 功能模块设

31、计3.2.1 主页设计1、功能：显示校园新闻和校园网站主要页面2、组成结构首页显示页面 default.asp数据库连接页面 conn.asp3、浏览效果如下; 图8 首页浏览效果图3.2.2 前台登陆及注册1、功能：提供学生登陆及注册页面2、组成结构登陆页面login.asp数据库连接页面conn.asp注册页面register.asp3、登陆和注册页面效果图 图9 前台登陆效果图 图10 注册效果图4、关键代码注册关键代码Sub ChkReg()Dim User,Pwd,Gender,Tele,EmailUser =Trim(Request.Form(User)Pwd =Trim(Requ

32、est.Form(Pwd)Gender=Trim(Request.Form(Gender)Tele=Trim(Request.Form(Tele)Email=Trim(Request.Form(Email)if ChkUserIsExist(User)=true ThenResponse.write alertistory.go(-1);elseDim Rs,SqlSet Rs=Sever.CreateObject(ADODB.RecordSet)Sql=Slect * FromUserRs.Open Sql,conn,2,3Rs.AddNewRs(User)=UserRs(Pwd)=PwdP

33、s(Gender)=GenderRs(Tele)=TeleRs(Email)=EmailRs(RegTime)=Now()Rs.UpdateRs.CloseSet Rs=nothingResponse.Write(a href=login.asp/aResponse.End()End ifEnd Sub% if Request(action)=reg ThenCall ChkReg()End if登录验证代码user=trim(request.Form(username)password=request.Form(pass)str=select*from user where username

34、=&user& and password=&password&set rs=server.CreateObject(adodb.recordset)rs.open str,conn,3,1if rs.eof thenresponse.Writeresponse.Writealert(用户名或密码错误，请重新登陆！;response.Write(history.go(-1);response.Writeresponse.End()elseresponse.Writealert(你好，你已经登陆成功);response.Write;end ifconn.close3.2.3 资源下载页面设计1、功

35、能：显示提供给浏览者下载的资源2、组成结构下载页面 down.asp数据库连接页面 conn.asp3、下载页面效果图： 图11 下载文件效果图4、关键代码 Dim Currentpage, Maxrecord, Totalrecords, Npage, PageURL TaleSql=Select * from ax_soft where l_post=true order by l_time desc Currentpage=Trim(Request(page)Maxrecord=5If Currentpage thenIf isnumeric(Currentpage)=True then

36、 Currentpage=CurrentpageElse Currentpage=1End ifElseCurrentpage=1End ifPageUrl=down.asp?down=1Set Talers=Server.Createobject(Adodb.recordset)Talers.open Talesql,Conn,1,1If Not Talers.Eof ThenTotalrecords=Talers.RecordcountIf Totalrecords Mod Maxrecord=0 ThenNpage=TotalrecordsMaxrecordElseNpage=Total

37、recordsMaxrecord+1End ifi=0If Currentpage=1 ThenCall ListPanelElse If (Currentpage-1)*MaxrecordTotalrecords Then Talers.Move (Currentpage-1)*Maxrecord Call ListPanel Else Currentpage=1 Call ListPanelEnd ifEnd ifElseResponse.Write TableH&Pwidth&目前还没有资源提供下载&TableFEnd IFResponse.Write Templates.ListPag

38、es(资源,PageUrl,Totalrecords,MaxRecord,Npage,Currentpage)Sub ListPanel()Do While Not Talers.Eof 3.2.4 论坛页面设计1、功能：学校论坛，提供学生与学生，学生与教师之间交流平台。2、组成结构论坛首页 default.asp论坛登陆页面 login.asp数据库链接页面 conn.asp论坛管理员页面 admin.asp3、论坛首页效果图图12 校园论坛效果图3.2.5 发帖页面设计1、功能：供学生，教师发帖的页面2、组成结构发布帖子newtopic.asp数据库连接页面 conn.asp3.发帖页面效

39、果 图 图13 发帖效果图4、浏览帖子效果图图14 浏览帖子效果图论坛的设计与留言本类似，只是功能比留言本更加的完善一些，在这里就不一一详细的说明了。3.2.6 留言板页面设计1、功能利用SQL语法过滤特定的用户留言意见，让站长可以针对某位特定用户所发表的意见作出独立的回答，当然，站长拥有管理的能力，只要以密码登录管理模式，就可以进行各个用户的单独意见回复 2、组成构造留言板页面 message.asp查看留言页面 user.asp数据库连接页面 conn.asp3、留言页面浏览效果图,如图13。 图15 留言页面效果图4、查看留言效果图 图16 留言成功效果图4、留言板关键代码% 这段代码的

40、作用是读取user.asp页面表单里的内容dim name,sex,img,qq,email,homepage,content name=request.Form(name) sex=request.Form(sex) img=request.Form(img) qq=request.Form(qq) email=request.Form(email) homepage=request.Form(homepage) content=request.Form(content) % if name= then response.write response.write alert(请填写姓名); response.write javascript: history.go (-1); response.write response.End () else name=name end if