基于AJAX技术的勤工俭学网站设计与实现.docx
《基于AJAX技术的勤工俭学网站设计与实现.docx》由会员分享,可在线阅读,更多相关《基于AJAX技术的勤工俭学网站设计与实现.docx(41页珍藏版)》请在冰点文库上搜索。
![基于AJAX技术的勤工俭学网站设计与实现.docx](https://file1.bingdoc.com/fileroot1/2023-5/23/d0837c26-9269-4bee-b393-8acf943fd4e2/d0837c26-9269-4bee-b393-8acf943fd4e21.gif)
基于AJAX技术的勤工俭学网站设计与实现
摘要
随着勤工助学的学生越来越多,助学工作岗位的逐年增加,如何有效地帮助勤工助学的学生,管理勤工助学过程所产生的信息,成了学校的一个难题。
传统的纯手工管理模式已经不能适应时代的发展,因此,构建一个勤工助学信息网站,已经是迫在眉睫了。
本文论述了基于AJAX技术的“校园勤工俭学网站”的设计思想与开发过程,探讨了建设一个基于SQLServer2000的数据库管理的勤工助学网站的可行性,分析了业务流与数据流,设计并实现了学生注册、助学信息公布、新闻信息查询、岗位管理等功能模块。
本系统应用AJAX+ASP.NET+SQL2000技术完成相应的功能模块,在开发过程中运用了AJAX完成异步数据的通信,提高了平台的实用性,该网站有机地结合大学生勤工助学的现实情况,进行有针对性的管理,同时也方便学生和用人单位自动调整勤工助学工作。
关键词:
ASP.NET;SQLServer2000;勤工助学;AJAX
Abstract
Withmoreandmoreofthework-studystudents,increasingthestudentwork,howtoeffectivelyhelpwork-studystudents,managementwork-studyprocessproducedbytheschool,becameaproblem.ThetraditionalhandmademanagementpatternalreadycannotadapttothedevelopmentofTheTimes,therefore,toconstructawork-studyinformationwebsite,isimminent.
ThispaperdiscussestheAJAXtechniquebasedonthewebsiteofwork-studycampusdesignideasanddevelopmentprocess,probesintotheconstructionofaSQLServer2000basedondatabasemanagementofwork-study,analyzedthefeasibilityofthesite,thedesignofnewanddataflow,andrealizethestudentregistration,studentinformationreleased,newsinformationquery,postmanagementfunctionmodule.
TheapplicationofAJAXSQLServer2000technology,completethecorrespondingfunctionalmodulesinthedevelopmentprocessusingAJAXcompleteasynchronousdatacommunication,improvetheplatform,thesiteofthepracticalorganicallycombinedwiththerealityofcollegework-study,targetedmanagement,butalsoforstudentsandunitofchooseandemploypersonsautomaticallyadjustthework-studyjob.
Keywords:
ASP.NET;SQLServer2000;Work-studyprogram;AJAX
第1章引言
1.1AJAX技术简介
AJAX即“AsynchronousJavaScriptandXML”(异步JavaScript和XML),AJAX并非缩写词,而是由JesseJamesGaiiett创造的名词,是指一种创建交互式网页应用的网页开发技术。
该技术在1998年前后得到了应用。
允许客户端脚本发送HTTP请求(XMLHTTP)的第一个组件由OutlookWebAccess小组写成。
该组件原属于微软ExchangeServer,并且迅速地成为了InternetExplorer4.0的一部分。
部分观察家认为,OutlookWebAccess是第一个应用了Ajax技术的成功的商业应用程序,并成为包括Oddpost的网络邮件产品在内的许多产品的领头羊。
但是,2005年初,许多事件使得Ajax被大众所接受。
Google在它著名的交互应用程序中使用了异步通讯,如Google讨论组、Google地图、Google搜索建议、Gmail等。
Ajax这个词由《Ajax:
ANewApproachtoWebApplications》一文所创,该文的迅速流传提高了人们使用该项技术的意识。
另外,对Mozilla/Gecko的支持使得该技术走向成熟,变得更为易用。
AJAX前景非常乐观,可以提高系统性能,优化用户界面。
AJAX现有直接框架AjaxPro,可以引入AjaxPro.2.dll文件,可以直接在前台页面JS调用后台页面的方法。
但此框架与FORM验证有冲突。
另微软也引入了AJAX组建,需要添加AjaxControlToolkit.dll文件,可以在控件列表中出现相关控件。
AJAX有以下优点:
1.Ajax的最大优点,就是能在不更新整个页面的前提下维护数据。
这使得Web应用程序更为迅捷地回应用户动作,并避免了在网络上发送那些没有改变过的信息。
2.Ajax不需要任何浏览器插件,但需要用户允许JavaScript在浏览器上执行。
就像DHTML应用程序那样,Ajax应用程序必须在众多不同的浏览器和平台上经过严格的测试。
Ajax最主要的缺点就是,它可能破坏浏览器后退按钮的正常行为。
在动态更新页面的情况下,用户无法回到前一个页面状态,这是因为浏览器仅能记下历史记录中的静态页面。
一个被完整读入的页面与一个已经被动态修改过的页面之间的差别非常微妙;用户通常都希望单击后退按钮,就能够取消他们的前一次操作,但是在Ajax应用程序中,却无法这样做。
不过开发者已想出了种种办法来解决这个问题,当中大多数都是在用户单击后退按钮访问历史记录时,通过建立或使用一个隐藏的IFRAME来重现页面上的变更。
1.2课题的研究背景与意义
1.2.1课题的研究背景
随着高校扩招和社会经济的发展,越来越多的适龄学生涌向大学校园。
而由于国家经济发展的不均衡,和地域性原因限制,这大学生中有着一定的比例的寒门学子。
这批渴望在大学校园获得深造而苦于家境贫寒的学子,家里竭尽全力供其学费后,再无力供应其生活费了,甚至有部分连学费都要分几次交,或是贷款缴费,所以,不得不要求这些学子们在大学生活中除了更刻苦更努力地学习外,还要负起赚取一些费用以贴其生活所用。
而学校也是充分考虑到这点,专门设立了勤工部门,管理此类事务。
随着勤工助学的学生越来越多,可供勤工的工作岗位越来越多,其管理过程所产生的信息也越来越多,而如何管理这些信息,以更合理有效地帮助勤工助学的学生,成了学校的一个难题。
而传统的纯手工管理模式已经不能适应如今这种变化速度惊人的快的环境了。
由此,重组一个新的勤工信息管理系统,已经是迫在眉睫了。
1.2.2课题的研究意义
计算机和网络技术的不断进步和提升,使人类的信息管理方式和生活方式都得到了很大的改变,而各个产业都在自己的领域中不同深度的融入了计算机及网络技术,对本行业的发展起了很大的推动作用。
基于B/S模式的勤工助学管理系统克服了传统信息管理方式时所带来的人力、物力以及时间等资源方面的浪费和对学生心理造成的负面影响,同时也保证了管理过程的科学化、高效化,使管理过程方便、准确、快捷。
本系统设计利用ASP.NET2005和SQL2000技术实现。
网络技术的迅速发展,使得人类社会突飞猛进,信息管理是其中一个重要的增进渠道。
采用这种管理方式,一是无纸化管理,节约的造纸印刷资源不可计数;二是在管理方式及方法上有了多种选择,增加了信息管理过程的多样性和丰富性。
总之,伴随着个人电脑的普及和网络应用的推广,网络信息管理在众多的管理应用渠道中脱颖而出,其地位及占有量一定会逐渐增加。
技术革命引发产业结构变革,市场的竞争规则也会跟着发生变化,网络管理的产生是信息管理领域中的一场革命。
1.3论文各章简介
第1章引言部分,引言主要叙述课题的研究背景和意义以及各章简介。
第2章主要内容是问题的可行性分析。
第3章主要内容是:
系统需求分析包括,业务流程分析;数据流分析;数据字典。
第4章主要内容是:
系统设计包括,系统设计思想;系统功能模块划分。
第5章主要内容是:
数据库设计包括,数据库需求分析,数据库概念结构设计,数据库逻辑结构设计。
第6章主要内容是:
界面包括,首页界面结构设计;学生信息管理模块;商品信息管理模块;商品信息管理模块;系统后台登陆模块;系统信息管理模块;管理员维护模块。
第2章可行性分析
随着计算机技术的发展和网络人口的增加,网络世界也越来越广博,越来越丰富,网络信息的分析深度也越来越大。
我们相信要不了太长有时间,用户就可以在网络世界上获得他们在现实世界上可以获得而不方便获得的所有信息。
可行性研究的目的,就是用最小的代价在尽可能短的时间内确定问题是否能够解决。
要达到这个目的,必须分析几种主要的可能解法的利弊,从而判断原定的系统规模和目标是否现实,系统完成后所能带来的效益是否大到值得投资开发这个系统的程度。
因此,可行性研究实质上是要进行一次大大压缩简化了的系统分析和设计的过程,也就是在较高层次上以较抽象的方式进行的系统分析和设计的过程。
系统的可行性分析主要包括经济上的可行性,技术上的可行性,操作上的可行性和法律上的可行性。
本系统的可行性分析如下:
2.1经济可行性
由于开发此勤工助学管理系统所需的硬件(计算机及相关硬件)和软件环境(ASP.NET2005+SQL2000),市场上都容易购买到或从相关网站下载,系统成本主要集中在本管理系统的开发与维护上,对用户不造成过重的经济负担。
而一旦此系统投入使用,不仅可以减少学校的工作强度,提高工作效率,而且方便了学生的查询,打破了传统的管理模式,极大限度的方便了用户,也为系统的进一步推广创造了条件,而且,目标系统不是很复杂,开发的周期较短,人员经济支出不大,所节省的大量人力、财力产生的效益将远远大于本管理系统的开发成本,所以从经济方面讲开发此系统是可行的。
2.2技术可行性
勤工助学管理系统的开发基于B/S模式,主要包括前端应用程序的开发以及后台数据库的建立和维护两个方面。
对于前者要求应具备功能完备、易于使用等特点,而对于后者则要求能建立数据一致性和完整性强、数据安全性好的库。
本系统拟采用ASP.NET2005和SQL2000分别作为前端和后端的开发工具。
ASP.NET是由微软在.NETFramework中所提供的,开发Web应用程序的类库,封装在System.Web.dll文件中,显露出System.Web命名空间,并提供ASP.NET网页处理、扩充以及HTTP通道的应用程序与通讯处理等工作,以及WebService的基础架构。
ASP.NET是ASP技术的后继者,但它的发展性要比ASP技术要强大许多。
ASP.NET可以运行在安装了.NETFramework的IIS服务器上,若要在非微软的平台上运行,则需要使用Mono平台,ASP.NET在2.0版本已经定型,在.NETFramework3.5上则加上了许多功能,像是ASP.NETAJAX、ASP.NETMVCFramework、ASP.NETDynamicData与MicrosoftSilverlight的服务器控件等。
ASP.NET的前身ASP技术,是在IIS2.0上首次推出(WindowsNT3.51),当时与ADO1.0一起推出,在IIS3.0(WindowsNT4.0)发扬光大,成为服务器端应用程序的热门开发工具,微软还特别为它量身打造了VisualInterDev开发工具,在1994年到2000年之间,ASP技术已经成为微软推展WindowsNT4.0平台的关键技术之一,数以万计的ASP网站也是这个时候开始如雨后春笋般的出现在网络上。
由于它的简单以及高度客制化的能力,也是它能迅速窜起的原因之一。
SQL2000作为微软在Windows系列平台上开发的数据库,一经推出就以其易用性得到了很多用户的青睐,相信大多数将自己的业务建立在Windows平台上的用户都会对它有相当的亲切感。
区别于FoxPro、Sql2000小型数据库,SQL2000是一个功能完备的数据库管理系统。
它包括支持开发的引擎、标准的SQL语言、扩展的特性(如复制、OLAP、分析)等功能。
而像存储过程、触发器等特性,也是大型数据库才拥有的。
因此从技术方面讲开发此系统是可行的。
2.3操作可行性
本系统是一个基于Web的勤工助学管理系统,是Web技术应用于网上数据分析共享的产物,是教育发展历史上的一个新阶段。
系统基于Web的工作界面,使教师、学生和家长无论身处何地,都能在浏览器中直接对信息进行录入、浏览、修改、删除、查阅等新闻管理工作。
在操作使用上十分方便,只需连上网,在自己的电脑上通过Web浏览器就可使用本系统,同时所有的操作都是基于Web的的操作方式,如:
链接、按钮、文本框等等。
所有的操作通过浏览器完成,客户端不需要配置其他应用软件,用户不需培训。
因此,在操作使用上,本系统简单、方便,易于使员工们接受,本系统尽力为用户着想,因而该系统是方便可操作的。
2.4法律可行性
即该平台的开发会不会在社会上引起侵权或其它责任问题。
因为该平台是作为毕业设计与商业无关,又因为是自主开发设计,因此不会构成侵权,在法律上是可行的。
3.1业务流分析
勤工助学管理系统工作流程为:
系统启动并系统界面,根据不同权限的用户进行分别操作。
学生用户可以进行成绩查询、成绩分析等操作。
教师用户还可以对学生信息进行添加、修改和删除的权限,及对系统管理的所有功能进行操作。
本系统的业务流程图如图3-1所示:
本系统是将现代化的计算机技术与信息管理模式相结合,按照信息管理的服务流程设计完成的。
同时为扩展服务范围,初步设计一个管理平台以利于信息发布和管理。
为了使系统在各项管理中发挥更大的作用,实现工作过程的计算机化,提高工作效率和工作质量,现提出如下系统开发目标:
具体目标如下:
1.操作简单、界面友好:
完全控件式的页面布局,使得信息的查询工作更简便;许多选项包括学生信息、商品信息、岗位信息等只需要点击鼠标从菜单中选取就可以完成。
2.即时可见:
对信息的处理(包括添加、修改、删除)将立即在主页的对应栏目显示出来,达到"即时发布、即时见效"的功能。
3.功能完善:
不仅包括常见系统的信息管理的各个方面:
信息录入、浏览、删除、修改、查询等各个方面,完整地实现了系统对即时信息的管理要求。
而且,还能进行对会员的管理,对会员的资料进行审核,以及上传文件的管理。
同时,为了能有效方面的更新系统的界面。
4.方便移植:
系统应具有实用性、可靠性和适用性,同时注意到先进性。
针对不同的用户,只需要稍作修改就可以开发出适合自己特点的网络管理系统。
系统界面中所需的条目,图片等数据都存放于数据文件中,只要对该文件做部分修改,就能在系统界面上实现及时更新的效果,减少了更改系统源代码的复杂性。
5.动态管理:
对系统数据库实行动态操作,能实现对数据库信息的动态查询、动态更新修改和动态录入数据。
3.2数据流分析
数据流程分析主要包括对信息的流动、传递、处理、存储等的分析。
数据流程分析的目的就是要发现和解决数据流通中的问题。
现有的数据流程分析多是通过分层的数据流程图(dataflowdiagram,简称DFD)来实现的。
其具体的做法是:
按业务流程图理出的务流程顺序,将相应调查过程中所掌握的数据处理过程,绘制成一套完整的数据流程图。
勤工助学管理系统的数据流程:
对本系统操作的数据源有学生用户和教师用户两种,首先由教师用户将成绩信息保存到数据库中,然后再进行发布。
所有用户均可以进行信息查询。
通过对本系统的需求分析,系统的基本功能已经确定。
整个系统的数据流程图如图3-2:
3.3数据字典
数据字典是关于数据的信息的集合,也就是对数据流图中包含的所有元素的定义的集合。
数据流图和数据字典共同构成系统的逻辑模型。
3.3.1勤工助学管理系统的数据字典
1.数据字典列表——数据流
数据存储名称:
管理员信息
数据来源:
管理员信息表
数据去向:
管理员登陆模块
数据组成:
管理员信息=管理员帐号+密码+权限+注册时间
描述:
存储了管理员的基本信息
数据存储名称:
学生信息
数据来源:
学生信息表
数据去向:
学生模块
数据组成:
学生信息=学生帐号+密码+注册时间等
描述:
存储了学生的基本信息
数据存储名称:
商品信息
数据来源:
商品信息表
数据去向:
商品模块
数据组成:
商品信息=商品编号+名称+密码+电话+添加时间等
描述:
存储了商品的基本信息
数据存储名称:
公告信息
数据来源:
公告信息表
数据去向:
公告模块
数据组成:
公告信息=公告编号+标题+内容+类别+点击量+添加时间等
描述:
存储了公告的基本信息
数据存储名称:
岗位信息
数据来源:
岗位信息表
数据去向:
岗位模块
数据组成:
岗位信息=岗位编号+名称+价格+类型+人数+添加时间等
描述:
存储了岗位的基本信息
数据存储名称:
申请记录信息
数据来源:
申请记录信息表
数据去向:
申请记录模块
数据组成:
申请记录信息=系统编号+学生姓名+岗位编号+添加时间等
描述:
存储了申请记录的基本信息
2.数据字典列表——数据处理
3.数据字典列表——数据存储
3.3.2勤工助学管理系统的数据项
教师数据项
学生数据项
商品数据项
系统公告数据项
岗位数据项
第4章系统功能模块划分
根据系统功能分析,可以画出系统的功能模块图,从学生界面,商品界面及管理员界面分别对功能模块图加以描述。
图4-1学生界面的系统功能模块图
图4-2商品界面的系统功能模块图
图4-3管理员界面的系统功能模块图
第5章数据库设计
5.1数据库需求分析
用户的需求具体体现在各种学习成绩的提供、保存、更新和查询方面,这就要求数据库结构能充分满足各种信息的输入和输出。
收集基本数据、数据结构及数据处理的流程,组成一份详尽的数据字典,为后面的具体设计打下基础。
通过系统功能分析,针对一般的勤工助学管理系统,总结出如下的需求信息:
1.用户分学生用户、商品用户及管理员。
2.学生用户可以查看公告信息、查看岗位信息、查看商品信息、管理学生信息及申请岗位。
3.商品用户可以进行查看公告信息、查看学生信息、管理岗位信息及管理申请信息。
4.管理员用户拥有整个系统后台的所有管理功能。
经过系统功能分析和需求总结,考虑到将来功能上的扩展,设计如下的数据项和数据结构:
1.学生信息,包括数据项:
帐号,密码,注册时间等。
2.商品信息,包括数据项:
ID(系统自动编号),名称,负责人、地址等。
3.管理员信息,包括数据项:
帐号,密码,权限、注册时间等。
4.岗位信息,包括数据项:
ID(系统自动编号)、名称、价格、人数等。
5.2数据库概念结构设计
得到上面数据项和数据结构以后,就可以设计出能够满足用户需求的各种实体,以及它们之间的关系,为后面的逻辑结构设计打下基础。
这些实体包含各种具体信息,通过相互之间的作用形成数据的流动。
设计规划出的实体有:
管理员信息实体、学生信息实体、商品信息实体、岗位信息实体、公告信息实体、申请记录实体。
图5-1实体之间关系的E-R图
5.3数据库逻辑结构设计
数据库的概念结构设计完毕后,现在可以将上面的数据库概念结构转化为某种数据库系统所支持的实际数据库模型,也就是数据库的逻辑结构。
勤工助学管理系统数据库中各个表的设计结果如表所示。
每个表格表示在数据库中的一个表。
图5-8管理员信息表
图5-9学生信息表
图5-10商品信息表
图5-11公告信息表
图5-12岗位信息表
第6章系统模块界面设计
用户界面的大部分功能都是以管理模块为前提的,因为客户模块所显示的数据大部分需要通过管理模块来添加。
因此,我们首先要来介绍管理模块的设计与开发。
管理模块相对客户模块要复杂一些,因为在这里需要对所有信息进行维护,包括浏览、增加、修改和删除等操作。
为了便于系统维护,页面的命名才用“模块名+功能名”的方式。
概括起来,管理模块具有以下功能:
*学生信息管理
*岗位信息维护
*申请记录信息维护
*商品信息维护
在每个管理界面当中均直接或间接地才用
-#includefile="checkuser.ASP.NET2005"-->方法引用了checkuser.ASP.NET2005文件,这种设计是为了检测管理员是否登录,防止没有管理权限的用户非法篡改系统数据。
下面分别说明这些页面的功能实现方法。
6.1系统首页
图6-1系统首页
系统首页即是系统前台操作界面。
是学生及商品用户的操作界面。
当学生进入系统时,需在左侧的登陆处输入正确的用户名、密码及选择正确的身份,经核对无误后方可进行相关操作。
6.2学生注册操作界面
若学生未注册,则无法登陆系统进行相关操作,所以,需进行注册操作:
图6-2学生注册操作界面
在该页面中,学生输入用户名、密码、性别、电话等必要信息后,点击注册即可完成注册流程,根据注册的用户名密码可进行系统登陆。
6.3商品信息界面
图6-3商品信息界面
(1)
图6-4商品信息界面
(2)
在上一页面中,系统以列表的形式显示当前系统所有的商品简略信息,第二页为商品的详细信息,包括商品名称、商品类别、商品原价及商品现价等关键项。
6.4新闻信息界面
图6-5新闻信息界面
(1)
图6-6新闻信息界面
(2)
此页面显示的内容是所有新闻信息,与商品信息一样,也是以列表形式展列重要信息项,非关键信息项则以隐藏处理。
6.5岗位信息页面
图6-7岗位信息页面
(1)
图6-8岗位信息页面
(2)
此系列界面为岗位的所有前台操作功能,所有用户均可进行岗位查看。
岗位以表格形式展列。
当用户身份为商品时,可点击表格上方的“发布新岗位”进行添加。
本系统所有信息的设计均是以最基本最简约的属性为要,非关键属性则能不用则不用,以最大限度地进行系统简化。
6.6系统后台登陆界面
当管理员用户点击前台右侧的“管理员后台”链接时,系统自动跳转到此页面:
图6-9系统后台登陆界面
当管理员输入正确的用户名、密码后,系统自动进入系统后台。
此为