XXX大学本科生毕业设计(论文)
过广域网交换,减少并平衡网络和服务器之间的负载成为了运行的重要因素；某些信息不能通过查看页面源代码而泄漏,通过URL实现页面的访问,所以必须检查每个页面合法性,保证每个合法的用户才能访问，否则尽管非法用户不知道用户名和口令,但只要知道某些页面的URL,就可以跳过身份验证直接访问；在传统的GUI设计中,可以调整界面元素的属性，使得用户不能使用某些功能,而在Web的界面设计中,只能动态地创建页面,使某些菜单或按钮变灰来达到同样的目的,所以Web界面设计要比传统的GUI设计复杂[8]。
B/S（Brower/Server）即浏览器/服务器结构。使用这种结构，省去开发用户界面的过程，直接使用Web浏览器（如IE，Chrome），向服务器端发送各种请求，然后服务器端进行处理，之后将处理结果返回浏览器端。利用不断成熟和普及的浏览器技术，代替复杂软件的强大功能，节约了开发成本[3]。
相比于C/S结构，B/S结构也有着许多优点。首先，在开发和维护的开销方面，B/S结构都明显低于C/S结构。B/S结构则只需要将服务器端的软件进行升级，然后浏览器端的用户只需重新登入系统，即可体验升级后的软件。其次，在客户端的负载方面，B/S结构所需的客户端负载也明显小于C/S结构，C/S结构的客户端要进行与用户交互的工作，还要进行通过网络向服务器发送请求对服务器端进行处理的工作；这就会给客户端的软件开发和维护的工作带来不便。而B/S结构客户端只需发送服务请求，将大部分工作都交由服务器端，就省去了开发和维护客户端应用程序的工作。然而，B/S结构的的特点也带出了一个问题，将更多的工作转移到服务器端进行，会造成服务器端运行数据负荷较重，一旦发生问题，如服务器崩溃，自然灾害等破坏，会对服务器端造成影响，同时也会对程序运行造成不小的影响，因此，服务器端需要经常性的维护，备份数据库，以保证应用程序的正常运行；最后，在安全性方面的考虑，B/S结构的软件，因为使用人数多，而且使用浏览器就可进行操作，用户人员较多而且人员复杂，相对C/S结构安全性就会低一些，这就需要建立用户数据库，对不同的用户进行管理，以提高系统安全性[15]。
综上所述，B/S结构相对于C/S结构具有更多的优势，而且结合此次开发的系统特点，本系统使用B/S结构进行开发。
2.3 MVC设计模式概述
MVC（Model-View-Control），它是模型-视图-控制器的缩写，该设计模式是存在于服务器表达层的一种模型，用于改变应用之间的耦合；它是一种软件设计典范，用于组织代码用一种业务逻辑和数据显示分离的方法，这个方法的假设前提是如果业务逻辑被聚集到一个部件里面，而且界面和用户围绕数据的交互能被
- 4 -
XXX大学本科生毕业设计(论文)
改进和个性化定制而不需要重新编写业务逻辑MVC被独特的发展起来用于映射传统的输入、处理和输出功能在一个逻辑的图形化用户界面的结构中[9]。
模型－视图－控制器（MVC）是Xerox PARC在二十世纪八十年代为编程语言Smalltalk－80发明的一种软件设计模式，后来被推荐为Oracle旗下Sun公司Java EE平台的设计模式，受到越来越多的使用ColdFusion和PHP的开发者的欢迎[2]。
控制器选择视图用户请求定义应用程序行为接受用户请求调用模型响应用户请求选择视图显示响应结果业务处理视图状态查询显示模型状态接受数据更新要求把用户输入数据传给控制器模型封装应用程序状态响应对状态的查询出原理业务流程通知视图更新通知数据更新 图2.2 MVC设计模式
MVC 由三部分组成: 模型( Model)、视图(View)、控制器( Controller), 每个部分负责不同的功能。Model负责对业务数据/ 信息的处理,包括存取、加工、综合等,它提供应用业务逻辑, 所有操作均在模型中完成，是程序执行的关键部分；View是指用户界面, 即为面向用户的数据表示，数据进行处理后的结果通过视图来显示；Controller 管理用户与视图之间的交互, 负责View和Model之间的流程控制, 将用户界面的操作映射到具体的 Model, 完成具体的业务逻辑，通过 Model 处理完的业务数据反应到View上[10]。
使用MVC很有好处，多个视图共享一个模型，返回的数据未进行格式化, 所以同样的构件能被不同界面使用，当需要多种方式访问应用程序,MVC用一个模型就能处理；模型是自包含的,且与控制器和视图相分离,改变应用程序的数据层和业务规则很容易，MVC的应用程序的三部分相互独立,其中一个被改变不会影响其它两个,所以依据这种设计思想就能构造良好的松耦合的构件[11]。
2.4 JavaScript脚本语言概述
JavaScript是一种基于对象和事件驱动并具有安全性能的解释型脚本语言，在Web应用中得到了非常广泛的应用。它不需要进行编译，直接嵌入在HTTP页面中，把静态页面转变成支持用户交互的动态页面。
- 5 -
XXX大学本科生毕业设计(论文)
ECMAScriptDOMBOM 图2.3 JavaScript组成
JavaScript适用于静态或动态网页，是一种被广泛使用的客户端脚本语言。它具有解释性、基于对象、事件驱动、安全性和跨平台等特点；它是一种采用小程序段的方式实现编程的脚本语言，也是解释性语言，提供了一个开发过程，同时，它也是一种基于对象的语言，在脚本环境中可以应用自己创建的对象与脚本的相互作用实现许多功能；JavaScript可以无需经过服务器端程序直接对客户端的输入做出响应，它不允许访问本地硬盘，不能将数据写入到服务器上，并且不允许对网络文档进行修改和删除，只能实现信息浏览或动态交互，具有安全性；JavaScript依赖于浏览器本身，只要浏览器支持JavaScript，JavaScript的程序代码就可以正确执行[3]。
随着Web2.0概念的普及，网站开发追求更人性化、更美观的页面效果。 Ajax是Asynchronous JavaScript and XML的缩写，它是几项技术按一定方式的组合, 包括使用 XHTML和CSS标准化呈现，使用 DOM 实现动态显示和交互，使用XML和XSLT进行数据交换与处理，使用XMLHttpRequest进行异步数据读取，最后用JavaScript绑定和处理所有数据，其中XMLHttpRequest,Javascript和DOM是Ajax技术的核心[13]。
Ajax引擎的主要技术:XMLHttpRequest在IE中是XMLHttp组件的一个对象, 实现为 ActiveX对象。它直接与服务器上的数据进行交互，这样就很容易实现不需要重新下载而获取所需要的数据的功能。为了安全, XMLHttpRequest对象请求的所有资源都必须与调用的脚本在同一域里，非IE浏览器基本上是创建自己的继承XML 的代理类, 把它实现为一个本地JavaScript对象。DOM是文件的结构描述的文档对象模型，它是个W3C规范，独立于平台和语言，定义了表示和修改文档所需要的对象以及这些对象的行为和属性和它们之间的关系。DOM 提供了标准的HTML和XML对象集，有标准的接口来访问并操作这些对象集。DOM有一组HTML和 XML的API，脚本语言和页面进行交互。W3CDOM提供的属性和方法可以轻松遍历XML结构，获得数据。开始时JavaScript和DOM很好地结合在一起,后来各自发展。在Ajax技术中,JavaScript是XMLHttpRequest和DOM交互的桥梁。它是一种描述语言,被嵌入HTML的文件中。JavaScript应用最多的就是表单验证,也可利用XMLHttpRequest和数据库联系起来[14]。
- 6 -
XXX大学本科生毕业设计(论文)
JavaScript是一种现阶段在Web页面中非常流行的脚本语言，可以说当今任何网站的页面中都有JavaScript的存在，它可以应用在不同种类的Web页面中，如JSP、PHP、ASP等。随着Ajax技术的日趋成熟，进入主流开发的市场，JavaScript的实现功能也更加丰富多彩。
2.5 数据库技术概述
JDBC是Java程序与数据库系统通信的标准API，它定义在JDK的API中，用过JDBC技术，Java程序可以非常方便地与各种数据库交互，JDBC在Java程序 与数据库系统之间架起了一座桥梁。
JDBC（Java Data Base Connectivity）是Java程序操作数据库的API，也是Java程序与数据库相互交互的一门技术。JDBC是Java操作数据库的规范，由一组用Java语言编写的类和接口组成，它对数据库的操作提供了基本方法，但对于数据库的细节操作由数据库厂商进行实现。使用JDBC操作数据库，需要数据库厂商提供数据库的驱动程序。Java程序与数据库相互交互的示意图如图2.4所示。
Java程序JDBC API数据库驱动数据库
图2.4 Java程序与数据库交互
通过图2.4可以看出，JDBC在Java程序与数据库之间起到了一个桥梁的作
- 7 -
