ASP.NET开发中jQuery技术的应用[通俗易懂]

欢迎大家来到IT世界,在知识的湖畔探索吧!

原文链接:http://www.51jrft.com/jsj/rjgc/294.html

随着互联网应用延伸到千家万户，网页技术也在日益发展，从单一的HTML技术到HTML + CSS + JAVASCRIPT多种技术结合，网页的表现形式变得更加丰富。JavaScript的出现让网页呈现生动精彩的内容，更与用户之间产生一种动态性、实时性和交互性的交流。jQuery是一个轻量级的JavaScript框架，它拥有强大的选择器和节省不少代码的链式操作方式，还拥有出色的DOM操作封装和可靠的事件处理机制。

本管理系统采用jQuery技术，在ASP.NET平台上开 发研究。这个系统可由管理员和普通用户两种用户类型登录，实现了日常客户信息的基本管理，也实现了用户信息管理和管理员权限管理。设计完成后的系统,使企业的客户管理工作更加规范化和整体系统化，对客户管理的效率大大提高。 M000278

本设计运用软件工程思想，通过开发模式——系统分析——系统设计——系统实现——系统评价这一过程，顺利地完成系统开发。

关键词：jQuery JavaScript jQuery管理系统

With thousands of families using the Internet, web technology is growing day by day. From a single HTML, to HTML + CSS + JAVASCRIPT that combining multiple technologies, web forms become more abundant. The appearance of JavaScript makes webpage more vivid and wonderful, so that creates a dynamic, real-time and interactive communication between the webpage and the user. JQuery is a lightweight JavaScript framework, which has a strong selector and can save a lot of code chain operation. And also has excellent DOM manipulation package and reliable event handling mechanism.

This Management System uses jQuery technology, and research in the ASP.NET development platform. The system can be login by two types of users: administrator and ordinary user. It achieves the basic day-to-day management of customer information, and also achieves the user information management and administrator’s rights management. After the completion, the system makes the enterprise customer management more standardized and systematized. The efficiency to the customer management is greatly improved.

This design uses the idea of software engineering. Successfully completed the system development by the development mode, system analysis, system design, system implementation, system evaluation.

Keywords: jQuery; JavaScript; jQuery Management System

中国加入WTO以后，国内的经济与世界接轨，电子商务也逐渐在国内深入发展。在这种环境之下，企业越来越重视一种以客户为驱动的战略模式。当今社会信息技术正在飞速地发展，随着组织规模扩大、业务模式转变和市场环境变化等因素，公司对信息管理的要求也不断地进行改变。 M000278

中国经历了很长一段时间的企业落后的管理模式。当时生产力水平不高，管理环境的复杂度不深，所以对管理人员来说管理公司只是纸上谈兵，把管理当成是一种静态的事物来安排，或者是遇到某件事情时只针对某一个单独事物来就事论事。管理人员没有很全面的考虑遇到这件事情所牵连到的一系列问题，他们对事情基本上是进行直观的线性思考。所以传统管理思想是种狭隘的技术行为。

在当今这个飞速发展的时代，企业想要摆脱落后的管理方式就要建设企业信息化。但信息化不是一蹴而就的，它需要根据企业的现状和发展战略，对往后目标的规模、流程和组织等方面做好全面的规划；需要选择着重点和对象，分步实施然后再循序渐进；更需要了解“实施信息化建设项目并不一定就会让企业经营成功”这一思想。但在企业管理的科学规范和企业管理者的经验智慧的帮助之下，企业的信息化一定会一步步地迈向成功。信息集成是企业信息化管理的精髓，建设数据平台和深度挖掘数据是企业信息化管理的核心要素。利用现代的信息技术手段，对企业各个环节的信息流进行有效的控制管理，实现信息资源的共享，让管理者与员工之间，员工与各部门之间，和企业与外部之间进行更直接的沟通交流，让员工寻找他们自己的潜在客户，增强企业的市场竞争力。

这就是为什么企业需要“引进”管理系统的原因，因为它能为企业提供全方位的管理视角，让销售人员更完善的跟踪客户、与客户交流，提供个性化创新式商谈服务。这样不仅能满足客户的需求，还能提升公司的好感度和知名度，求得最大的经济效益。

1.2 课题的内容简介

jQuery系统是一个通过跟踪记录，了解客户对产品的需求，与客户沟通更加便捷化的一种技术实现。系统的精髓是以客户为导向，但并不仅仅局限于业务人员对客户的管理。业务人员需要连续的、反复不断的与顾客交流，询问客户对产品需要进提高的地方。在这种情况下，客户得到了更好的服务，对公司的信任度和满意度提高了，企业内部实现了更高效率的运转，来进一步满足顾客的需求。

在信息化环境的催动下，因为产品销售的环境发生变化，使得销售手段、销售途径和信息管理的方式与原本的管理方式发生的很大的改变。本管理系统实现了统一的数字化管理，提高业务员的工作能力，并有效地减少了对员工的培训需求。

这篇论文以管理系统为例子，更好地研究jQuery技术在ASP.NET平台上的应用。在这个系统的代码中，jQuery技术以ManageWeb.js文件的形式表现出来，再巧妙地运用jQuery选择器技术，大量运用层次式选择器，从指定条件下“选择”和“过滤”结果。

1.3 本课题所做的工作

本管理系统是在ASP.NET平台上开发的，运用jQuery技术实现的一个网站页面。系统在三层架构的基础上，使用SQL Server 2008数据库，Visual Studio 2010集成化开发环境，Visual C# 4.0开发语言，jQuery技术和ASP.NET Web Form创建构成。

在系统的表现层使用jQuery技术。使用强大的功能函数快速解决各种功能，格式化事件对象解决浏览器的兼容问题。最重要的是使用了jQuery选择器，jQuery提供了强大的选择器获取页面对象，并把对象以jQuery包装集的形式返回。“选择”和“过滤”两种功能配合使用或是同时组合，可以达到非常好的筛选效果。jQuery事件处理函数也在代码中得到应用，不仅统一事件名称，添加多个事件委托，还可以将对象事件全部用脚本控制，使得内容与样式切分干净。

本系统共有两种用户类型：管理员和普通用户。用户登录以后包含5个功能模块：管理控制台、修改密码、 客户信息管理、跟踪记录管理、用户信息管理；而管理员登录后包含了8个功能模块：管理控制台、修改密码、 客户信息管理、跟踪记录管理、用户信息管理、客户分配管理、权限管理、数据管理。

2 开发环境及工具

2.1 开发模式

开发管理系统的过程中人们逐渐趋向于使用一种新的模式：Browser/Server（浏览器/服务器）模式。三层的B/S架构是传统两层C/S架构紧密结合Internet技术的延伸发展，它具备有许多C/S架构没有的优点。B/S架构把应用程序模块和显示功能分开，Web服务器处理系统业务部分，客户端则与用户交互，B/S架构是技术发展的趋向。

该系统的设计是基于ASP.NET的三层架构。ASP.NET相比较以往的开发编程技术，革命性的变化就是分离页面和代码的编写，并使用C#、VB等作为后台代码语言。“三层架构”是逻辑上的三层，秉着“高内聚，低耦合”的思想，表示层构建用户界面，业务逻辑层和数据存储用类来实现。

第一层表示层（UI），基于ASP.NET Web Form和jQuery实现。

表示层是一种交互式的操作界面，是用户在使用系统时的所见所得，被用来显示数据和接收用户输入的数据。为了构建高响应的用户界面，一边使用ASP.NET Web Form提供支持事件的各种控件，创建不同的功能来显示和编辑数据；一边使用功能强大的jQuery，在客户端数据上实现验证与处理。

JQuery是一套简洁灵活的JavaScript脚本库，它与.NET类库相似，为了方便使用能够将对象和方法封装在类库中；但不等于“框架”，jQuery不可以解决脚本的引用和功能管理。jQuery可以访问操作DOM元素，控制CSS文件改变页面样式，使用插件节省代码，在页面中可以实现事件处理、Web交互等的基本操作。jQuery选择器也是一个强大的功能，它可以快速地查找页面元素。

第二层业务逻辑层（BLL），包含实体及业务处理类。

业务逻辑层是对具体问题的操作，也可以说是对实体模型和数据库的操作。业务逻辑层是系统架构中的核心部分，对数据起到承上启下的作用。对于一个可扩展的架构来说，业务逻辑层的设计是非常关键的。在应用程序与数据库连接成功的情况下，先对数据处理层“调用”，向数据库服务器提出数据处理申请；再对表示层“被调用”，被处理的数据结果提交到Web服务器后，传送回客户端。

第三层数据处理层（DAL），主要加载与存储数据。

数据处理层为表示层和业务逻辑层提供数据服务，所以它主要负责对数据库的访问，是对原始数据的操作层。使用SQL语言，直接在SQL Server数据库对数据进行增、删、改、查和判断存在等操作。在数据访问层中提供了对ADO.NET类库的封装，简化了它对数据库操纵的复杂性。

目 录

1 引言 1 查看完整请+Q:351916072获取

1.1 课题研究的背景与意义 1

1.2 课题的内容简介 1

1.3 本课题所做的工作 2

2 开发环境及工具 3

2.1 开发模式 3

2.2 系统的开发工具和运行环境 4

3 系统的分析和设计 6

3.1 系统可行性分析 6

3.1.1 经济可行性 6

3.1.2 技术可行性 6

3.1.3 操作可行性 7

3.2 需求分析 7

3.2.1 业务流分析 7

3.2.2 数据流分析 7

3.3 系统模块的设计 9

3.3.1 系统的功能分析 9

3.3.2 系统的参与者分析 9

4 系统分析 11

4.1 数据库的设计 11

4.1.1 数据库的概念设计 11

4.1.2 数据库的逻辑设计 11

4.1.3 数据库的物理设计 12

5 系统功能的实现 14

5.1 系统整体框架 14

5.2 登录页面的实现 15

5.2.1 系统登录界面 15

5.2.2 系统主控台界面 17

5.3 客户信息的管理功能实现 18

5.3.1 客户信息的查询功能 18

5.3.2 客户信息的分配功能 20

5.3.3 客户信息的删除功能 22

5.3.4 客户信息的添加功能 23

5.4 用户与权限管理功能的实现 24

5.4.1 人员信息的显示功能 25

5.4.2 新用户的添加功能 25

5.4.3 角色信息的显示功能 27

5.4.4 新角色的添加功能 28

6 系统评价 30

6.1 系统存在的不足 30

6.2 系统改进方案 30

结 语 31

参考文献 32

致谢 33