|
http://www.paper51.com
目 录 内容来自论文无忧网 www.paper51.com 1引 言. 1 http://www.paper51.com
2 EXTJS概述. 1 copyright paper51.com
2.1 EXT JS技术概述. 1 内容来自www.paper51.com
2.1.1 Ajax技术. 1 copyright paper51.com 2.1.2 ExtJS技术的概念. 2 copyright paper51.com 2.1.3 ExtJS技术的优点. 2 paper51.com
2.1.4 ExtJS的主要功能. 2 内容来自论文无忧网 www.paper51.com 2.1.5 ExtJS组件的介绍. 2 copyright paper51.com
2.1.6 采用ExtJS技术的好处. 3 http://www.paper51.com 2.2 B/S结构. 3 内容来自www.paper51.com
2.2.1 B/S结构及C/S结构的定义. 3 copyright paper51.com 2.2.2 B/S结构的优点. 4 内容来自www.paper51.com 2.2.3 B/S结构软件的优势与劣势. 4 内容来自www.paper51.com
2.2.4 C/S结构与B/S结构的比较. 5 内容来自www.paper51.com 3 Web客户端访问. 6 内容来自www.paper51.com
3.1 WEB客户端访问功能的分析. 6 http://www.paper51.com 3.2 EXTJS技术下WEB客户端访问权限的设置. 6 内容来自论文无忧网 www.paper51.com 4 总 结. 9 内容来自论文无忧网 www.paper51.com
参考文献. 9 paper51.com
致 谢. 10 copyright paper51.com
内容来自www.paper51.com
1 引 言 copyright paper51.com
随着Internet技术的不断发展和信息的高度集中，网络已经是人类生活中不可或缺的一部分。人们可以从网络上获取所需的各方面的知识和信息，如生活、学习、娱乐等，正是网络的这种重要性，才会让人们这么依赖。但是在人们如此依赖网络的同时，也随之带来了许多问题，许多不法之徒大肆的扰乱着网络次序，Web客户端为了限制无关人员的使用和破坏，对客户端采取权限设置的方式进行授权使用，是现在最重要和使用最频繁的一种方式。就Web客户端的安全问题而言，本文提出了解决此问题的一种方法，即设置客户端权限，限制访问和浏览的权限。并通过对B/S结构和C/S结构进行比较，提出各自的优缺点，介绍了B/S结构的特点；比较结果表明，随着网络的迅速发展，C/S构架因其网络的局限性、硬件环境的狭窄性、对安全要求的固定性、系统维护的困难性等一系列问题已不能满足人们的要求。所以在此情况下人们更加信赖于B/S结构，而该结构上的ExtJS技术，不论在界面上的美观，或是在网页上的更新速度，还是在安全问题上都就网络而言都将是一个重要的转折，在此基础上，Web客户端的安全性也更加可靠。 B/S结构的使用克服了许多C/S的缺点，是目前广泛使用的一种主体结构。利用ExtJS技术实现对数据库的访问，能给Web一个更安全的环境。 copyright paper51.com 2 ExtJS概述 内容来自www.paper51.com 2.1 ExtJS技术概述 内容来自论文无忧网 www.paper51.com 2.1.1 Ajax技术 内容来自www.paper51.com Ajax技术全称是“Asynchronous JavaScript and XML”(异步JavaScript和XML)，它是一种创建交互式网页应用的网页开发技术。Ajax 涉及的技术包括： copyright paper51.com （1）HTML 和CSS 样式表，用于建立Web 表单并确定应用程序其他部分使用的手段。 http://www.paper51.com
（2）Dynamic HTML（DHTML），用于动态更新表单。 内容来自www.paper51.com
（3）文档对象模型DOM，用于处理HTML结构和有些情况下服务器返回的XML 结构。 内容来自论文无忧网 www.paper51.com
（4）JavaScript 将HTML、CSS、DHTML 和DOM 以及XML 联系在一起，用JavaScript 程序来控制它们的外观和行为。 http://www.paper51.com Ajax 不是指一种单一的技术，而是一系列相关技术综合起来的应用.Ajax技术可以通过异步传输的交互方式向服务器发送和取回想要的数据，并在客户端采用JavaScript处理来自服务器的响应工作，当请求返回时，使用JavaScript调用DOM相应的方法更新相应页面的内容，而不是刷新整个页面，从而提高了服务器处理的效率，减少的用户等待的时间。这样使Web应用开起来就像桌面应用程序一样，及时响应。因此用户界面的更新速度明显加快，改善了用户的体验。 copyright paper51.com 2.1.2 ExtJS技术的概念 内容来自论文无忧网 www.paper51.com ExtJS[5]是用JavaScript编写的框架，是一个扩展的JavaScript库，与后台技术无关的前端Ajax框架，能很好的跨服务器跨浏览器。此框架主要用于编写前台客户端界面，实现富客户端（RIV）的Ajax应用，使web界面风格统一，数据的异步传输，增强客户体验。它是一种兼容各种浏览器的开源JavaScript库，最开始时由YUI技术扩展而来的，它由JackSlocum开发，在开发过程中参考JavaSwing的机制来组织面向对象的可视化组件，无论是从UI界面设计、CSS样式的应用，对DOM的操作，还是数据解析上的异常处理来说都算是一个JavaScript客户端技术的精品。 http://www.paper51.com 从应用的角度上说，ExtJS技术是一个用户界面库，它提供功能强大的组件库，实现Ajax异步刷新技术，并与DOM、CSS、HTML等技术结合在一起，实现更具有交互性的WEB应用。ExtJS技术用于在客户端常见丰富多彩的Web应用程序界面，使B/S结构应用更具有活力性。它也可以用来开发RIA富客户端的Ajax应用，主要用于创建Web客户端用户界面，是一个与后台服务器技术无关的Ajax应用。因此，EXT JS技术可以应用在.Net、Java、Php等各种服务器端编程语言中，采用该技术后可以大大减少网页刷新的时间。 内容来自www.paper51.com
2.1.3 ExtJS技术的优点 内容来自www.paper51.com 在众多的Ajax的框架中，ExtJS技术脱颖而出，不仅仅是由于它为用户提供优美的用户界面和功能强大的组件，这些组件数量繁多，数据存储机制安全可靠，通过使用该框架可以使Web的开发使用到面向对象的特性，该框架的核心思想是通过JavaScript来动态创建页面的标记元素，从而使页面更灵活。ExtJS最大的优势在于它将Web应用程序的操作方式向传统桌面应用程序的操作方式进行转化甚至消除了这种差异，从根本上提高了用户的使用体验，使用ExtJS对浏览器没有任何要求可以说是一种很好的富客户端实现方式，它提供的各种组件可以用更加标准的方式展示数据降低了开发难度。总的来说ExtJS框架的结构有以下优点[5]： paper51.com （1）其架构简单，容易扩展。 http://www.paper51.com
（2）控件比较完整。 copyright paper51.com （3）数据管理与界面显示分离。 http://www.paper51.com （4）代码书写简单，容易掌握。 paper51.com （5）兼容各种浏览器。 http://www.paper51.com 2.1.4 ExtJS的主要功能 内容来自www.paper51.com
ExtJS的主要功能包括：对标准信息提示框、标准表单的组件的扩展；支持面版和各种布局方式；可提供大量的工具类和工具方法也可以增强的时间机制；并提供美观实用的各种组件。 paper51.com 2.1.5 ExtJS组件的介绍 内容来自论文无忧网 www.paper51.com
不同技术的产生与发展和其理论机制、技术本身是密不可分的，现就简单介绍一下ExtJS技术的Widgets组件。Widgets是指页面中UI控件。和Html的基本组件一样，ExtJS除了有Button、Text Field等基本组件外还有它独特的一些组件。以下是几种常用的EXT JS特有组件： paper51.com (1)Grid。表格组件，是使用最频繁也是最流行的一个组件。表格的数据源可以是多种形式的，只需做一些简单配置就好。 内容来自论文无忧网 www.paper51.com
(2)TreePanel。树型组件，管理系统的导航一般由Tree来担当，TreePanel有提供一个模版的功能。 http://www.paper51.com (3)Layout。布局组件，它为用户提供多种布局格式，常用的有AccordionLayout,FormLayout,ColumnLayout,BorderLayout等格式。 内容来自www.paper51.com 2.1.6 采用ExtJS技术的好处 copyright paper51.com ExtJS是一个JavaScript库，它完全采用面向对象的思想进行架构，框架中的所有组件和工具都被定义为类或单体类，并分布在特定的命名空间中。它内置了既美观又丰富的UI组件，能实现组件间的无缝隙调用，及其适合构建跨浏览器的RIA应用。 内容来自论文无忧网 www.paper51.com 采用ExtJS技术来开发的基于Web的管理系统具有美观的用户界面，给用户心情愉悦的感觉。ExtJS提供大量用户界面元素，其中包括表单、对话框、选项卡、树和网格、页面布局等，用户可以直接使用这些元素快速的开发自己的网页，同时也可以扩展自己的页面元素以提供给别人使用。这类系统全部采用Ajax实现数客户端与服务器的数据交互，用户向服务器提交请求后，服务器只向客户端回送很少的效有数据，局部跟新浏览器中内容，不需要进行跟新的部分任然随时显示在浏览器中。因为不是全部刷新页面，也就不会有闪屏的情况，每次交换的只是很少的有效数据，在网络上传输的数据量很少，节约了大量带宽，传输速度会更高，客户端也会更快得到服务器的响应结果并及时呈现给客户。总之，ExtJS技术可以使页面效果达到桌面应用程序的风格，给用户提供一个友好、便捷的人机交互界面，同时可以提高其操作的方便性，大大提高了用户体验。 内容来自论文无忧网 www.paper51.com
2.2 B/S结构2.2.1 B/S结构及C/S结构的定义 内容来自论文无忧网 www.paper51.com B/S是Browser/Server的缩写，B/S结构指的就是浏览器和服务器结构。它是随着Internet技术的兴起的一种网络结构模式，对C/S结构的一种变化和改进的结构。在这种结构下，用户工作界面是通过浏览器来实现，很少一部分事务逻辑是在前端（Browser）实现，而主要事务逻辑是在服务器端（Server）实现，形成众所周知的三层3-tier结构。这样就很大程度简化了客户端电脑的载荷问题，不仅减轻了系统维护与升级的成本和工作量，而且还降低了用户的总体成本。客户机上只要安装一个浏览器（Browser），如Netscape Navigator或Internet Explorer，服务器安装Oracle、Sybase、Informix或 SQL Server等数据库。浏览器通过Web Server 同数据库进行数据交互。其结构图如下： http://www.paper51.com copyright paper51.com B/S结构图 内容来自论文无忧网 www.paper51.com C/S是Client/Server的缩写。它的服务器通常采用高性能的PC、工作站或小型机，数据库系统比较大型，如Oracle、Sybase、Informix或SQL Server。客户端需要专用的客户端软件。该结构具有一下特点： 内容来自www.paper51.com (1)一般建立在专用的网络或小范围的网络环境里，局域网之间通过专门服务器提供连接和数据交换服务； 内容来自论文无忧网 www.paper51.com (2)一般面向固定的用户群，对信息的安全性控制能力比较强，适宜用于高度机密的信息系统中； copyright paper51.com (3)注重系统流程，对权限可以多层次校验，对速度问题不用过多考虑； paper51.com (4)构件的重用性不好； paper51.com
(5)整体性必较强，系统维护或升级困难较大； copyright paper51.com (6)该结构多是建立在Window平台上，表现方法有限，对程序员要求较高； copyright paper51.com (7)其程序一般是用典型的中央集权机械式处理，交互性相对较弱； 内容来自论文无忧网 www.paper51.com 2.2.2 B/S结构的优点 http://www.paper51.com B/S结构适应的范围更强，最大的优点就是建立在广域网之上，可以在任何地方进行操作并且不用安装任何专门的软件，只要有一台能上网的电脑就可以使用，客户端是零维护的。面向不同的用户群，地域分散，与操作系统平台没多大关系。系统也很容易扩展，只要能上网，再由系统管理员分配一个用户名和密码，就可以使用了，甚至还可以在线申请，通过公司内部设置的安全认证后，不需要人亲自参与，系统可以自动分配给用户一个账号用来进入系统。以现在的网络技术来看，建立B/S结构的网络应用，并通过Internet/Interanet模式下的数据库应用，相比之下容易把握、成本也比较低。它是一种很全面的开发构架，能实现不同人员从不同地点，以不同的接入方式来访问和操作共同的数据库；它能有效地保护数据平台和管理访问的权限，服务器数据库也是很安全的；在Java这样的跨平台语言出现之后，B/S结构管理更加方便、快捷、高效。 copyright paper51.com |