毕业设计论文基于jquery信息系统的设计与实现.docx
《毕业设计论文基于jquery信息系统的设计与实现.docx》由会员分享,可在线阅读,更多相关《毕业设计论文基于jquery信息系统的设计与实现.docx(18页珍藏版)》请在冰豆网上搜索。
毕业设计论文基于jquery信息系统的设计与实现
毕业综合训练
课题名称基于jquery信息系统的设计与实现
系别计算机系
专业软件技术
班级软件
(一)班
姓名
学号
指导老师
江西蓝天学院
毕业综合训练任务书
系别计算机系专业软件技术年级09级
班级软件
(一)班姓名杨超
起止日期2011年11月17日—2012年03月17日
题目基于jquery信息系统的设计与实现
1.毕业综合训练任务及要求
以ASP.NET为主的编程语言编写,兼容脚本语言Jquery语言,全系统以脚本为主、服务器控件为辅,展开信息系统的编写。
数据库采用SQLserver2008简体中文版本,系统主要以实现信息录入,员工管理为基础,全方位的开展部门之间的合作,部门内部之间的合作。
2.毕业综合训练的原始资料及依据
Jquery是继prototype之后又一个优秀的Javascript框架。
它是轻量级的js库(压缩后只有21k),它兼容CSS3,还兼容各种浏览器(IE6.0+,FF1.5+,Safari2.0+,Opera9.0+)。
jQuery使用户能更方便地处理HTMLdocuments、events、实现动画效果,并且方便地为网站提供AJAX交互。
jQuery还有一个比较大的优势是,它的文档说明很全,而且各种应用也说得很详细,同时还有许多成熟的插件可供选择。
jQuery能够使用户的html页保持代码和html内容分离,也就是说,不用再在html里面插入一堆JS来调用命令了,只需定义id即可。
3.主要参考资料、文献
[1]单东林锋利的JQuery[M].北京:
北京邮电出版社,2009:
56-58
[2]吴超jQuery实战[M].北京:
人民邮电出版社,2009:
45-62
[3]张帅巧用JQuery[M].北京:
人民邮电出版社,2008:
105-121
[4]曾顺精通JQuery[M].北京:
人民邮电出版社,2007:
132-157
[5]张与驰JQuery[M].北京:
人民邮电出版社,2009:
32-58
[6]钟俊英JQuery[N].北京:
XX文库,2012:
3-4
指导教师
年月日
指导教师评语
建议成绩:
优良中及格不及格
指导教师签字
年月日
最终评定成绩:
优良中及格不及格
系主任签字
年月日
摘要
随着Web2.0的兴起,JavaScript越来越受到重视,一系列JavaScript库也蓬勃发展起来。
从早起的Prototype、Dojo到2006年的jQuery,再到2007年的ExtJS,互联网正在掀起一场JavaScript风暴。
jQuery以其独特优雅的姿态,始终处于这场风暴的中心,受到越来越多的人的追捧。
JavaScript是Netscape公司开发的一种脚本语言(ScriptLanguage)。
JavaScript的出现使得网页和用户之间实现了一种实时的、动态的和交互的关系,使得网页包含更多活跃的元素和更加精彩的内容。
JavaScript自身存在3个弊端,即复杂的文档对象模型(DOM),不一致的浏览器实现和缺乏便捷的开发、调试工具。
正当JavaScript从开发者的视线中渐渐隐去时,一种新型的的基于JavaScript的Web技术—Ajax诞生了。
而使人们真正认识到Ajax技术的强大的导火索是Google公司推出的一系列新型Web应用,例如Gmail、GoogleSuggest和GoogleMap等。
互联网中基于JavaScript的应用也越来越多,使JavaScript不再是一种仅仅用于制作Web页面的简单脚本。
为了简化JavaScript的开发,一些JavaScript库相继诞生。
JavaScript库封装了很多预定义的对象和实用函数,能帮助使用者轻松建立有高难度交互的Web2.0的富客户端页面,并且兼容各大浏览器。
JQuery是继Prototype之后又一个优秀的JavaScript库,是一个由JohnResig创建于2006年1月的开源项目。
现在的JQuery团队主要包括核心库、UI和插件等开发人员以及推广和网站设计维护人员。
团队中有3个核心人物。
JQuery凭借简洁的语法和跨平台的兼容性,极大地简化了JavaScript开发人员遍历HTML文档、操作DOM、处理事件、执行动画和开发AJAX的操作。
其独特而又优雅的代码风格改变了JavaScript程序员的设计思路和编写程序的方式。
总之,无论是网页设计师、后台开发者、业余爱好者还是项目管理者,JQuery是一个开源的产品,任何人都可以自由地使用并提出修改意见。
JQuery中最有特色的莫过于它的链式操作方式—即对发生在同一个JQuery对象上的一组动作,可以直接连写而无需重复获取对象。
这一特点使JQuery的代码无比优雅。
开发者可以使用JQuery选择器选中元素,然后直接给元素添加事件。
这种将行为层与结构层完全分离的思想,可以使JQuery开发人员和HTML或其他页面开发人员各司其职,同时,后期维护也非常方便,不需要在HTML代码中寻找某些函数和重复修改HTML代码。
jQuery是继prototype之后又一个优秀的Javascrīpt框架。
它是轻量级的js库(压缩后只有21k),它兼容CSS3,还兼容各种浏览器(IE6.0+,FF1.5+,Safari2.0+,Opera9.0+)。
jQuery使用户能更方便地处理HTMLdocuments、events、实现动画效果,jQuery还有一个比较大的优势是,它的文档说明很全,而且各种应用也说得很详细,jQuery能够使用户的html页保持代码和html内容分离。
关键词:
jQuery;框架;开源;脚本;轻量级;维护;兼容
Abstract
WiththeriseofWeb2.0,JavaScriptandmoreattention,aJavaScriptlibraryhasprospered.FromearlyinPrototype,Dojoin2006,jQuery,andthenin2007,ExtJS,JavaScriptInternetissetoffastorm.jQueryitsuniqueandelegantposture,alwaysinthecenterofthestorm,peoplearemoreandmoresoughtafter.
Netscape'sJavaScriptisascriptinglanguagedevelopedby(ScriptLanguage).JavaScriptmakestheemergenceofWebpagesanduserstoachieveareal-time,dynamicandinteractiverelationship,makingthepagescontainmoreactiveelementsandmoreexcitingcontent.TherearethreedrawbacksoftheirownJavaScript,DocumentObjectModeliscomplex(DOM),inconsistentwhenanewJavaScript-basedWebtechnology-Ajaxwasborn.LeavingpeopletorealizethatthefuseofthepowerofAjaxtechnologyisGoogle'slaunchofaseriesofnewWebapplications,suchasGmail,etc.JavaScript-basedapplicationsintheInternetmoreandmore,sothatJavaScriptisnolongerjustformakingasimpleWebpagescript.
TosimplifyJavaScriptdevelopment,anumberofJavaScriptlibrarieshavebeenborn.JavaScriptlibraryencapsulatesmanypredefinedobjectsandutilityfunctionscanhelpuserstoeasilycreateadifficultinteractionofWeb2.0richclientpages,andiscompatiblewithallmajorbrowsers.JQueryisthesecondafteranotherexcellentPrototypeJavaScriptlibrary,createdbyJohnResigisaJanuary2006opensourceproject.TheteamnowincludescorelibraryJQuery,UIandplug-insandotherdevelopersaswellaspromotionandwebsitedesignmaintenancepersonnel.JQuerywithsimplesyntaxandcross-platformcompatibility,greatlysimplifiesHTMLdocumenttraversingJavaScriptdevelopers,operatingDOM,Inshort,boththewebdesigner,developerbackground,amateurorprojectmanagers,butalsowhetheritisJavaScript,orJavaScriptbeginnerstoexperts,thereisgoodreasontolearnJQuery.JQueryisanopensourceproduct,anyonecanfreelyuseandsuggestmodifications.
JQueryisthemostdistinctivethanitschainoperation-namely,aJQueryobjectinthesameplaceonasetofactions,canwritecontinuouslywithouthavingtorepeatfortheobject.ThisfeaturemakesthecodeveryelegantJQuery.DeveloperscanuseJQueryselectorelementisselected,thenaddtheeventdirectlytotheelements.awayfromconflictorpersonaldevelopmentalonedevelopmentmodel.Atthesametime,post-maintenanceisalsoveryconvenient,donotneedtofindsomeHTMLcodetomodifytheHTMLcodeandrepeatfunctions.
Keywords:
jQuery;frame;source;script;lightweight;maintenance;compatible
一信息管理系统简介
(一)信息系统开发的目的与设计图
1信息管理系统开发的目的
系统引用了JQuery最新的版本JQuery-。
系统开发方便使用者统计公司内部职工的信息,并且建立完整的信息电子档案,完成对公司内部职工的快速管理和信息修改调用,为实现办公自动化、快速办公奠定基础。
2信息管理系统开发的设计图
图1-1系统登录界面
图1-1显示的是系统的登录界面,信息系统是由管理员内置分配员工账号进行登录,因此没有设置用户注册界面。
系统登录
分配员工账号
员工信息完善
开始分配权限
图1-2系统部分架构设计理念
图1-2显示的是系统的部分架构思想,本着此基础架构理念设计。
系统开发出以下原型界面。
系统开发环境基于、Jquery。
开发工具为VisualStudio2005,数据库为SQLServer2008,脚本使用了Jquery与javascript。
信息管理系统使用设计模式原理架构,使得程序性能高、安全性好。
信心管理系统本着信息录入,并且建立电子档案的设计理念,促进各部门间协调工作,加快办公流程,使得各部门有条不紊的进行工作,如图所示:
图1-3为系统内置账号、分配角色
图1-4系统建立电子档案图
信息管理管理系统设计界面初步展示,下面的章节将讲述,信息管理系统的设计理念与理想,并且展示部分源程序。
引导读者揭开信息管理系统真正的面纱,并且从信息管理系统中了解程序开发与脚本程序的巧妙运用,实践开发程序奠定基础。
企业信息化建设是一场企业管理革命。
对于有些部门,有些人(可能是企业高层或与高层密切相关)的利益再分配所招致的阻力可能不是项目团队所能够解决的,那么高层介入和参与就非常重要了。
直接对高层负责,领导项目团队,进行项目的建设和实施必要的变革。
他们将项目的分段实施作为企业年度最重要工作任务来抓。
将项目进程和质量作为考核各部门领导的重要指标之一。
国家和省市各级信息产业、财政和金融部随着信息技术的迅猛发展,信息技术与管理的关系日渐紧密,也日趋融合,信息和信息技术已经并将进一步对经济社会发展产生巨大影响。
以管理信息系统规划,开发与管理,信息产业管理,系统仿真与知识管理等内容为主的该研究方向一直是重点研究领域,而且随着我国国民经济和社会信息化进程的加快,研究方向近年来除了在原有领域继续开展研究外,加强了对电子商务和企业管理信息化的研究。
二信息系统设计理念
(一)信息管理系统的需求分析
1管理系统的角色与权限分配
信息管理系统角色大致分为超级系统管理员(admin)、管理员、部门经理、员工四大角色,角色权限不同。
管理员协助超级管理员管理系统,权限不分上下。
超级管理员在系统管理界面不显示,在数据库中显示。
管理员协助超级管理员,但不能删除管理员,只有超级管理员能删除管理员,其余权限管理员全部拥有,理员可以分配给经理,有和超级管理员一样的权限,部门管理员只能管理本部门的员工,普通员工的权限最小,关于文件中心,由管理员分配员工查看权限,无权用户则无法查看。
2信息管理系统的功能原理
集团基本结构,董事长—总经理-总经理助理-部门经理-主管-业务员-分公司经理-主管-业务员。
可以设定任何一个人或多人为管理员,或者别的职能,所有业务员都可以身兼数职,比如,部门经理,又是管理员,或者别的职能。
上级是可以查看下级的所有信息,如果有分公司、部门是不能互相看的。
员工基本信息功能,每个员工都有工号,每个工号对应一个员工,每个员工都有员工信息,包括,工号、中文姓名、英文名、邮箱、生日、等应有的基本资料。
可以修改用户信息,但只能是管理员,包括修改所属公司、部门等,管理员预设员工密码。
员工可以在登录后修改密码。
文件柜功能,可分类2层分类,比如:
管理文件-业务部文件,只有管理员才能上传,或者指定权限的人或多人,才能上传,只有指定权限的人或多人,才能下载。
内部邮件功能,由收件箱、发件箱组成,支持发件,回复,转发功能,可指定一人,也可以指定多人或者部门,并支持上传多个附件功能。
回复功能默认不带附件(不管发件人有没有附件,都没有附件回复),但可以自定上传附件。
转发功能默认带附件(如果发件人中有附件的话),回复、转发时可以修改、填写新的内容。
投票功能,可设定投票方式,包括,可以多投,单投。
重复投票,不可重复投票,并设定结束时间,有统计功能。
导出功能,由管理员发起投票,和设置。
员工只能投票和查看结果。
工作流功能,可分类2层分类,比如:
物流管理-装运申请。
只有管理员可以设置,管理员设置每个工作流的内容以及附件,员工只能下载、使用。
管理员可以设置工作流顺序,比如:
发起人(非指定)->工号/姓名->工号/姓名…….完毕。
发起人发起后,流转到下一个人,同意再流转下一步,不同意就退回,如果下一个人不同意,直接跳回发起人,再这个流程中所有人同意才能完毕,如果有一人不同意,就自动退回发起人。
公司公告只能管理员才能发布。
并显示在公司公告栏中,默认显示当月的,但可以按照时间搜索。
新闻是每个员工都可以发的,显示在公司新闻栏中,默认显示当月的,但可以按照时间搜索。
工作日程,分为员工日程、公司日程,分别显示在员工日程栏中,默认显示当月的,但可以按照时间搜索。
如果是膈的日程,就在膈月的时间再显示。
3部分功能图
集团基本结构,董事长—总经理-总经理助理-部门经理-主管-业务员-分公司经理-主管-业务员。
可以设定任何一个人或多人为管理员,或者别的职能,所有业务员都可以身兼数职,比如,部门经理,又是管理员,或者别的职能。
如图:
图2-3-1分配角色图
信息管理与信息系统专业就业领域主要包括管理信息系统的设计、开发与维护使用,信息系统的分析、评价与具体应用操作等。
这些工作的发展趋势是以互联网为基础,融会大、中型企业、机构和组织的政府管理信息平台、公众信息服务平台、企业经营信息平台、行业管理与交易平台等综合服务分支,逐步实现商业、贸易、政府信息方面的系统化与综合化。
进入新世纪,我国开始了第三步战略目标的奋斗历程,国家提出了“以信息化带动工业化,以工业化促进信息化”的战略举措,提出了我国国家信息化宏伟蓝图。
社会需求:
通俗的讲,就是从信息中发掘财富。
现代社会正是信息化社会,大量纷繁的信息如何管理,并且从中获得有效的信息,正是信息管理科学的研究重点。
与计算机结合,使用计算机作为工具,信息管理更加有效和实用。
随着企业经营规模的现代化,对信息管理的要求越来越强烈。
例如铁路订票系统,就是对车票这种信息的查询和管理系统。
可以说软件开发的最主要面向的客户就是帮助企业制作良好的信息管理系统。
信息管理涉及咨询、服务、物流等很多行业,有很多的就业机会。
图2-3-2文件柜定义文件类型
图2-3-3文件柜定义文件类型
4数据库的设计
打开SQLServer2008,新建数据库,并且命名为oasystem,并且建立相关表。
如图:
图2-4-1数据库建立表
建立users、ziyuan、youjian、xiaolei、votejilu、surveyitem、survey、richeng、mynews、kaoqin、dangan、dalei、bumen、biaolei、baobiao等15个表。
并且在users表中建立相关数据类型,例如userid、username、userpass、role(用户标识、用户名、密码、角色)。
图2-4-2users表中数据类型
ziyuan、youjian、xiaolei、votejilu、surveyitem、survey、richeng、mynews、kaoqin、dangan、dalei、bumen、biaolei、baobiao等14个表中按照自定义的类型建立相关数据的类型,并且保存。
5数据访问层的设计原理
建完数据库,如何使得数据库跟系统交互,这就需要数据访问层的帮助。
运行MicrosoftVisualStudio2008。
文件
新建
网站
确定
在MicrosoftVisualStudio2008新建好ASP.NET的网站以后,系统自动生成文件,文件中插入一条连接数据库语句。
Source=WIN-H1J0Z1BR3AF\SA;为数据库的服务器名称,如果为本地服务器即可更改为Source=(local)。
database=oasystem;为数据库名称,即为上文中定义的数据库名称,可更改为任意名称。
userid=sa;为数据库的用户名,默认情况下为sa。
pwd=Sa123;为数据库的密码,默认情况下为Sa123。
6类库的设计原理
登录系统,系统会在计算机中寻找数据库是否存在,如不存在则无法访问系统。
那么类中如何设计,且看源码演示。
//登陆系统
publicSqlDataReaderuserlogin(stringusername,stringuserpass)
{
Imujulxh=newMuju();
SqlDataReaderdr=lxh.SqlGetinfo("select*frommyuserwhereusername='"+username+"'anduserpass='"+userpass+"'");
returndr;
}
登录系统的时间过长会导致系统性能下降、且安全性能低下。
为保证系统畅通运行,且不数据丢失的情况下,继续增加一条语句如下展示:
//设定过期时间
publicvoidsetdate(DateTimedt,intsurveyid)
{
Imujulxh=newMuju();
lxh.Executeinfo("updatesurveysetcreatedate='"+dt+"'wheresurveyid="+surveyid);
}
系统引用了Jquery客户端语言,用户能在客户端操作的尽量在客户端操作,避免了时时刻刻与服务器的交互,这样减轻了服务器的压力也提高系统的性能,使得系统操作更加简洁方便、运行性能提升。
在系统中,时时刻刻见到此语句便不足为奇。
此javascript是从JQuery中提取出来进行时间验证的语句。
避免了系统为验证时间,需要对服务器的时间进行匹配;用上该javascript以后,系统只需对用户计算机的时间进行匹配。
大量减少了与服务器的交互,提高了系统运行的性能,使得系统更加简洁方便、实用。
7界面的设计
系统界面简洁大方,采用了photoshop切图的技术,本文不在此了解此技术。
系统内部风格接近,参与美化的正是Css技