【Asp.net精品源码栏目提醒】:以下是网学会员为您推荐的Asp.net精品源码-基于jquery信息系统【毕业论文,绝对精品】 - 毕业设计,希望本篇文章对您学习有所帮助。
目 录摘要 ........................................................ 1一 信息管理系统简介 ......................................... 3 (一)信息系统开发的目的与设计图 ......................... 3 1 信息管理系统开发的目的............................... 3 2 信息管理系统开发的设计图............................. 3二 信息系统设计理念 ......................................... 6 (一)信息管理系统的需求分析 ............................. 6 1 管理系统的角色与权限分配............................. 6 2 信息管理系统的功能原理............................... 6 3 部分功能图........................................... 7 4 数据库的设计......................................... 8 5 数据访问层的设计原理................................ 10 6 类库的设计原理...................................... 10 7 界面的设计.......................................... 11三 性能的对比 .............................................. 12 (一)Jquery 与 Javascript 的区别 ......................... 12 1 出处的对比.......................................... 12 2 使用方法的对比...................................... 13四 总结 .................................................... 14 (一)开发经验的总结 .................................... 14 1 程序设计的总结...................................... 14 2 尝试使用 Jquery 的技巧............................... 14
精品毕业论文 摘要 随着 Web2.0 的兴起,JavaScript 越来越受到重视,一系列 JavaScript 库也蓬勃发展起来。
从早起的 Prototype、Dojo 到 2006 年的 jQuery,再到 2007 年的 Ext JS,互联网正在掀起一场 JavaScript 风暴。
jQuery 以其独特优雅的姿态,始终处于这场风暴的中心,受到越来越多的人的追捧。
JavaScript 是 Netscape 公司开发的一种脚本语言(Script Language)。
JavaScript的出现使得网页和用户之间实现了一种实时的、动态的和交互的关系,使得网页包含更多活跃的元素和更加精彩的内容。
JavaScript 自身存在 3 个弊端,即复杂的文档对象模型(DOM),不一致的浏览器实现和缺乏便捷的开发、调试工具。
正当 JavaScript 从开发者的视线中渐渐隐去时,一种新型的的基于 JavaScript 的 Web 技术—Ajax 诞生了。
而使人们真正认识到 Ajax 技术的强大的导火索是 Google 公司推出的一系列新型 Web 应用,例如Gmail、Google Suggest 和 Google Map 等。
互联网中基于 JavaScript 的应用也越来越多,使 JavaScript 不再是一种仅仅用于制作 Web 页面的简单脚本。
为了简化 JavaScript 的开发,一些 JavaScript 库相继诞生。
JavaScript 库封装了很多预定义的对象和实用函数,能帮助使用者轻松建立有高难度交互的 Web 2.0 的富客户端页面,并且兼容各大浏览器。
JQuery 是继 Prototype 之后又一个优秀的 JavaScript 库,是一个由 John Resig 创建于 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,还兼容各种浏览器 (IE 6.0 FF 1.5 Safari 2.0 Opera9.0)。
jQuery 使用户能更方便地处理 HTML documents、events、实现动画效果, jQuery还有一个比较大的优势是,它的文档说明很全,而且各种应用也说得很详细,jQuery 能够使用户的 html 页保持代码和 html 内容分离。
关键词:jQuery;框架;开源;脚本;轻量级;维护;兼容 Abstract With the rise of Web2.0 JavaScript and more attention a JavaScript library has prospered.From early in Prototype Dojo in 2006 jQuery and then in 2007 Ext JS JavaScript Internet isset off a storm. jQuery its unique and elegant posture always in the center of the storm peopleare more and more sought after. Netscapes JavaScript is a scripting language developed by Script Language. JavaScriptmakes the emergence of Web pages and users to achieve a real-time dynamic and interactiverelationship making the pages contain more active elements and more exciting content. Thereare three drawbacks of their own JavaScript Document Object Model is complex DOMinconsistent when a new JavaScript-based Web technology-Ajax was born. Leaving people torealize that the fuse of the power of Ajax technology is Googles launch of a series of new Webapplications such as Gmail etc. JavaScript-based applications in the Internet more and more sothat JavaScript is no longer just for making a simple Web page script. To simplify JavaScript development a number of JavaScript libraries have been born.JavaScript library encapsulates many predefined objects and utility functions can help users toeasily create a difficult interaction of Web 2.0 rich client pages and is compatible with all majorbrowsers. JQuery is the second after another excellent Prototype JavaScript library created byJohn Resig is a January 2006 open source project. The team now includes core library JQueryUI and plug-ins and other developers as well as promotion and website design maintenancepersonnel.JQuery with simple syntax and cross-platform compatibility greatly simplifies HTMLdocument traversing JavaScript developers operating DOM In short both the web designerdeveloper background amateur or project managers but also whether it is JavaScript orJavaScript beginners to experts there is good reason to learn JQuery. JQuery is an open sourceproduct anyone can freely use and suggest modifications. JQuery is the most distinctive than its chain operation - namely a JQuery object in the sameplace on a set of actions can write continuously without having to repeat for the object. Thisfeature makes the code very elegant JQuery. Developers can use JQuery selector element isselected then add the event directly to the elements. away from conflict or personal developmentalone development model. At the same time post-maintenance is also very convenient do notneed to find some HTML code to modify the HTML code and repeat functions.Key words: jQuery frame source script lightweight maintenance compatible 一 信息管理系统简介(一)信息系统开发的目的与设计图1 信息管理系统开发的目的 系统引用了 JQuery 最新的版本 JQuery-1.3.1。
系统开发方便使用者统计公司内部职工的信息,并且建立完整的信息电子档案,完成对公司内部职工的快速管理和信息修改调用,为实现办公自动化、快速办公奠定基础。
2 信息管理系统开发的设计图 图 1-1 系统登录界面 图 1-1 显示的是系统的登录界面,信息系统是由管理员内置分配员工账号进行登录,因此没有设置用户注册界面。
系统登录 分配员工账号 员工信息完善 开始分配权限 图 1-2 系统部分架构设计理念 图 1-2 显示的是系统的部分架构思想,本着此基础架构理念设计。
系统开发出以下原型界面。
系统开发环境基于.net framework 2.0、Jquery。
开发工具为 Visual Studio 2005,数据库为 SQL Server 2008,脚本使用了 Jquery 与 javascript。
信息管理系统使用设计模式原理架构,使得程序性能高、安全性好。
信心管理系统本着信息录入,并且建立电子档案的设计理念,促进各部门间协调工作,加快办公流程,使得各部门有条不紊的进行工作,如图所示: 图 1-3 为系统内置账号、分配角色 图 1-4 系统建立电子档案图 信息管理管理系统设计界面初步展示,下面的章节将讲述,信息管理系统的设计理念与理想,并且展示部分源程序。
引导读者揭开信息管理系统真正的面纱,并且从信息管理系统中了解程序开发与脚本程序的巧妙运用,实践开发程序奠定基础。
企业信息化建设是一场企业管理革命。
对于有些部门,有些人可能是企业高层或与高层密切相关的利益再分配所招致的阻力可能不是项目团队所能够解决的,那么高层介入和参与就非常重要了。
直接对高层负责,领导项目团队,进行项目的建设和实施必要的变革。
他们将项目的分段实施作为企业年度最重要工作任务来抓。
将项目进程和质量作为考核各部门领导的重要指标之一。
国家和省市各级信息产业、财政和金融部随着信息技术的迅猛发展,信息技术与管理的关系日渐紧密,也日趋融合,信息和信息技术已经并将进一步对经济社会发展产生巨大影响。
以管理信息系统规划,开发与管理,信息产业管理,系统仿真与知识管理等内容为主的该研究方向一直是重点研究领域,而且随着我国国民经济和社会信息化进程的加快,研究方向近年来除了在原有领域继续开展研究外,加强了对电子商务和企业管理信息化的研究。
二 信息系统设计理念(一) 信息管理系统的需求分析1 管理系统的角色与权限分配 信息管理系统角色大致分为超级系统管理员(admin)、管理员、部门经理、员工四大角色,角色权限不同。
管理员协助超级管理员管理系统,权限不分上下。
超级管理员在系统管理界面不显示,在数据库中显示。
管理员协助超级管理员,但不能删除管理员,只有超级管理员能删除管理员,其余权限管理员全部拥有,理员可以分配给经理,有和超级管理员一样的权限,部门管理员只能管理本部门的员工,普通员工的权限最小,关于文件中心,由管理员分配员工查看权限,无权用户则无法查看。
2 信息管理系统的功能原理 集团基本结构,董事长—总经理-总经理助理-部门经理-主管-业务员-分公司经理-主管-业务员。
可以设定任何一个人或多人为管理员,或者别的职能,所有业务员都可以身兼数职,比如,部门经理,又是管理员,或者别的职能。
上级是可以查看下级的所有信息,如果有分公司、部门是不能互相看的。
员工基本信息功能,每个员工都有工号,每个工号对应一个员工,每个员工都有员工信息,包括,工号、中文姓名、英文名、邮箱、生日、手机等应有的基本资料。
可以修改用户信息,但只能是管理员,包括修改所属公司、部门等,管理员预设员工密码。
员工可以在登录后修改密码。
文件柜功能,可分类 2 层分类,比如:管理文件-业务部文件,只有管理员才能上传,或者指定权限的人或多人,才能上传,只有指定权限的人或多人,才能下载。
内部邮件功能,由收件箱、发件箱组成,支持发件,回复,转发功能,可指定一人,也可以指定多人或者部门,并支持上传多个附件功能。
回复功能默认不带附件(不管发件人有没有附件,都没有附件回复),但可以自定上传附件。
转发功能默认带附件(如果发件人中有附件的话),回复、转发时可以修改、填写新的内容。
投票功能,可设定投票方式,包括,可以多投,单投。
重复投票,不可重复投票,并设定结束时间,有统计功能。
导出功能,由管理员发起投票,和设置。
员工只能投票和查看结果。
工作流功能,可分类 2 层分类,比如:物流管理-装运申请。
只有管理员可以设置,管理员设置每个工作流的内容以及附件,员工只能下载、使用。
管理员可以设置工作流顺序,比如:发起人(非指定)-gt工号/姓名-gt工号/姓名…….完毕。
发起人发起后,流转到下一个人,同意再流转下一步,不同意就退回,如果下一个人不同意,直接跳回发起人,再这个流程中所有人同意才能完毕,如果有一人不同意,就自动退回发起人。
公司公告只能管理员才能发布。
并显示在公司公告栏中,默认显示当月的,但可以按照时间搜索。
新闻是每个员工都可以发的,显示在公司新闻栏中,默认显示当月的,但可以按照时间搜索。
工作日程,分为员工日程、公司日程,分别显示在员工日程栏中,默认显示当月的,但可以按照时间搜索。
如果是膈的日程,就在膈月的时间再显示。
3 部分功能图 集团基本结构,董事长—总经理-总经理助理-部门经理-主管-业务员-分公司经理-主管-业务员。
可以设定任何一个人或多人为管理员,或者别的职能,所有业务员都可以身兼数职,比如,部门经理,又是管理员,或者别的职能。
如图: 图 2-3-1 分配角色图 信息管理与信息系统专业就业领域主要包括管理信息系统的设计、开发与维护使用,信息系统的分析、评价与具体应用操作等。
这些工作的发展趋势是以互联网为基础,融会大、中型企业、机构和组织的政府管理信息平台、公众信息服务平台、企业经营信息平台、行业管理与交易平台等综合服务分支,逐步实现商业、贸易、政府信息方面的系统化与综合化。
进入新世纪,我国开始了第三步战略目标的奋斗历程,国家提出了 “以信息化带动工业化,以工业化促进信息化 ”的战略举措,提出了我国国家信息化宏伟蓝图。
社会需求:通俗的讲,就是从信息中发掘财富。
现代社会正是信息化社会,大量纷繁的信息如何管理,并且从中获得有效的信息,正是信息管理科学的研究重点。
与计算机结合,使用计算机作为工具,信息管理更加有效和实用。
随着企业经营规模的现代化,对信息管理的要求越来越强烈。
例如铁路订票系统,就是对车票这种信息的查询和管理系统。
可以说软件开发的最主要面向的客户就是帮助企业制作良好的信息管理系统。
信息管理涉及咨询、服务、物流等很多行业,有很多的就业机会。
图 2-3-2 文件柜定义文件类型 图 2-3-3 文件柜定义文件类型4 数据库的设计 打开 SQL Server 2008,新建数据库,并且命名为 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-2 users 表中数据类型 ziyuan、youjian、xiaolei、votejilu、surveyitem、survey、richeng、mynews、kaoqin、dangan、dalei、bumen、biaolei、baobiao 等 14 个表中按照自定义的类型建立相关数据的类型,并且保存。
5 数据访问层的设计原理 建完数据库,如何使得数据库跟系统交互,这就需要数据访问层的帮助。
运行Microsoft Visual Studio 2008。
文件 新建 网站
ASP.NET 网站 确定 在 Microsoft Visual Studio 2008 新建好
ASP.NET 的网站以后,系统自动生成web.config 文件,web.config 文件中插入一条连接数据库语句。
ltconnectionStringsgt ltadd namequotSQLCONNECTIONSTRINGquot connectionStringquotdataSourceWIN-H1J0Z1BR3AFSAdatabaseoasystemuser idsapwdSa123PacketSize8192Max Pool Size1000quot providerNamequotSqlClientquot/gt lt/connectionStringsgt SourceWIN-H1J0Z1BR3AFSA为数据库的服务器名称,如果为本地服务器即可更改为Source(local)。
databaseoasystem 为数据库名称,即为上文中定义的数据库名称,可更改为任意名称。
user idsa 为数据库的用户名,默认情况下为 sa。
pwdSa123 为数据库的密码,默认情况下为 Sa123。
6 类库的设计原理 登录系统,系统会在计算机中寻找数据库是否存在,如不存在则无法访问系统。
那么类中如何设计,且看
源码演示。
//登陆系统 public SqlDataReader userloginstring usernamestring userpass Imuju lxh new Muju SqlDataReader dr lxh.SqlGetinfoquotselect from myuser whereusernamequot username quot and userpassquot userpass quotquot return dr 登录系统的时间过长会导致系统性能下降、且安全性能低下。
为保证系统畅通运行,且不数据丢失的情况下,继续增加一条语句如下展示://设定过期时间 public void setdateDateTime dtint surveyid Imuju lxh new Muju lxh.Executeinfoquotupdate survey set createdatequot dt quot wheresurveyidquot surveyid 系统引用了 Jquery 客户端语言,用户能在客户端操作的尽量在客户端操作,避免了时时刻刻与服务器的交互,这样减轻了服务器的压力也提高系统的性能,使得系统操作更加简洁方便、运行性能提升。
ltscript typequottext/javascriptquotsrcquotjs/DatePicker/WdatePicker.jsquotgtlt/scriptgt 在系统中,时时刻刻见到此语句便不足为奇。
此 javascript 是从 JQuery 中提取出来进行时间验证的语句。
避免了系统为验证时间,需要对服务器的时间进行匹配;用上该javascript 以后,系统只需对用户计算机的时间进行匹配。
大量减少了与服务器的交互,提高了系统运行的性能,使得系统更加简洁方便、实用。
7 界面的设计 系统界面简洁大方,采用了 photoshop 切图的技术,本文不在此了解此技术。
系统内部风格接近,参与美化的正是 Css 技术,正是有它的参与,丰富了系统的风格,大大增加了观赏性、使得使用者眼前一亮、倍感亲切。
因此将 Css 部分源程序展示给大家。
ltlink hrefquotStyleSheet.cssquot relquotStylesheetquot typequottext/cssquot /gt .left_topbg background-image: urlimages/content-bg.gif background-repeat: repeat-x .titlebt font-size: 12px line-height: 26px font-weight: bold lt/stylegt 图 2-7-1 Css 美化后的界面显示 三 性能的对比(一)Jquery 与 Javascript 的区别1 出处的对比 随着 Web2.0 的兴起,JavaScript 越来越受到重视,一系列 JavaScript 库也蓬勃发展起来。
虽然 Jquery 与 Javascript 师出同门,同属于脚本语言。
Javascript 虽比 Jquery先出于世,占有更加的市场氛围。
Jquery 虽后出,但青出于蓝而胜于蓝,近几年 Jquery库的出现迫使程序员开始使用 Html 控件取代服务器控件,以提高程序性能。
2 使.
上一篇:
C# 给TreeView控件绑定数据(ASP可作参考)
下一篇:
雍志祥_基于Ajax的BBS网站_论文正文