基于JavaScript MVC模式的Wiki设计与实现
基于javascript的个人博客系统的设计与实现
基于JavaScript的个人博客系统的设计与实现摘要：个人博客已经成为重要的媒体和信息传播平台。
为了让用户加强感情交流和进行知识分享，我设计并制作了用来展示用户情感态度、生活观点、学习经验的个人博客。
该设计使用了JavaScript、MySQL、B/S等语言和技术，搭建了平台的总体框架，实现了用户注册、登录和个人信息管理、博客日历、热门文章、文章分类、好友链接等主要功能。
达到了构建网络交流平台的目的。
关键词:个人博客；MySQL；JavaScriptAbstract: The personal blog has become an important platform for media and information dissemination. For enhancing emotional communication and knowledge sharing with users，I have designed and made this personal blog which is about attitudes, values and learning experiences of users. This design used Java development language, MySQL database and B/S technology for making system frame and realizing the user registration, the user login and the personal information management, the blog calendar, the hot article, the article classification, the friend link and other functions. And then,the purpose of constructing network communication platform has been achieved.Keywords:Personal blog; MySQL;JavaScript目录摘要 (Ⅰ)Abstract (Ⅰ)目录 (Ⅱ)1 绪论 (1)1.1 选题目的和意义 (1)1.2 选题依据 (1)2 系统开发技术的介绍 (2)2.1 Java介绍 (2)2.2 JavaScript介绍 (2)2.3 数据库介绍 (3)2.4 B/S介绍 (3)3 系统分析 (3)3.1 系统功能需求分析 (3)3.2 前台功能需求分析 (4)3.3 后台管理需求分析 (4)4 系统设计 (5)4.1 运行架构 (5)4.2 博客系统设计 (5)4.2.1 前台模块设计 (5)4.2.2 后台模块设计 (6)4.2.3 数据库结构设计 (6)5 系统实现 (9)5.1 系统前台功能的具体实现 (9)5.1.1 登陆界面 (9)5.1.2 系统的主界面 (11)5.1.3 用户留言界面 (13)5.1.4 留言列表设计界面 (13)5.2 系统后台功能的具体实现 (14)5.2.1 前台展示修改界面 (15)5.2.2 修改密码界面 (15)6 系统测试 (16)6.1 系统测试目的 (16)6.2 测试范围 (16)总结....................................................................................... 错误！未定义书签。
JavaScript客户端MVC框架用法
JavaScript客户端MVC框架用法15 年前，许多人都使用 Perl 和 ColdFusion 之类的工具构建网站。
我们经常编写可以在页面顶部查询数据库的脚本，对数据应用必要的转换，以及在同一个脚本底部显示数据。
这类架构适合于向网站添加简单的“Contact us” 表单。
然而，随着应用程序变得更加复杂，这种方法无法进行相应的扩展来处理更大的复杂问题。
大部分 Web 应用程序现在已经对模型-视图-控制器 (MVC) 架构进行了标准化，使用单独的代码实现业务逻辑、显示逻辑和用户交互（路由）逻辑。
涌现出从 Spring MVC 到 Rails 的各种框架可以帮助您快速实现基于 MVC 的 Web 应用程序。
JavaScript客户端MVC框架详解不同框架用法三联几年前，jQuery 是用于构建客户端 JavaScript 应用程序的主流库。
然而，随着应用程序中的 JavaScript 的复杂性日益增加，jQuery 成为一项处理复杂性的必要不充分技术。
例如，用于待办事项 (to-do) 列表的单页面应用程序可以包含一个紧急待办事项列表、一个完整的待办事项列表、一个当日待办事项列表，以及一个过期待办事项列表。
在删除某个待办事项时会怎样？如果任务很紧急但已过期，您可能需要手动编写代码来从视图中的三个或四个不同位置中删除该事项。
如果删除某个对象后需要您删除或更改屏幕上显示的其他相关对象，这样复杂性就会变得无法控制。
客户端 MVC 框架旨在解决此类问题，并且大多数框架都表现出色。
但是您如何从许多 JavaScript 客户端 MVC 框架中选择合适的框架。
本文将从较高的层面简要介绍其中一些最流行的框架。
以及如何针对给定的用例选择合适的框架。
Backbone.js在使用率方面，Backbone 是目前为止最流行的客户端 MVC 框架。
它被广泛应用于各个开发社区，Rails 开发人员对它的采用率一直较高，并出现了许多广受欢迎的资源，比如 thoughtbot（一家备受尊敬的 Rails 咨询公司）推出了Backbone on Rails（参见参考资料）。
基于JavaScript的UI库的设计和实现
摘要伴随着Web2.0的发展，以及Ajax的普及应用，尤其HTML5、CSS3的兴起，使JavaScript这门与众不同的语言，让越来越多的用户体验到Web动态交互的无穷魅力，但是大量的开发人员并没有真正了解过JavaScript的语言内涵，而只是生搬硬套，从而影响软件整体的性能和开发速度。
基于JavaScript的UI库——Qui，针对用户界面设计了一些常用的底层方法和UI模块，在结合现有的JavaScript框架的基础上，采用工厂和原型组合的设计模式，开发出更小巧、更快速、更简单的Qui库。
底层方法大致包括：CSS Selector、Event事件、Browser检测及其他底层方法等；在此基础上开发的User Interface模块，主要包括：交互(Interaction)、部件(Widgets)、动画(Animation)等。
利用简单的实现原理，让大家能更快速的了解JavaScript，进而实现代码的重复利用。
本系统实现了用户界面中最常用的模块，同时拥有着丰富的代码注释及原理说明，让开发者能轻而易举的从Qui库中选取和修改相应的模块，从而实现自己个性化的代码。
此外在Qui库的基础上，开发了相关的示例页面，供开发人员下载和参考，让越来越多的人了解JavaScript，参与共享和交流。
【关键词】JavaScript 用户界面交互部件动画ABSTRACTAccompanied by the development of Web2.0 and Ajax popularity of applications, especially to HTML5、CSS3, the rising of JavaScript distinctive language, so that more and more users to experience the endless charm of the dynamic interaction, but a lot of Technical staffs don’t truly understand the JavaScript language connotation, but only mechanically, thus affecting the whole development and performance of the software.The JavaScript UI library - Qui, designed for the user interface of the underlying methods and UI module, combined with existing JavaScript framework based on the use of the factory and prototype combination meter model, develop a smaller, faster easier Qui library. The underlying method generally includes: CSS Selector Event Object, the Browser Tests and other low-level methods; on this basis to develop the User Interface module, including: Interaction, Widgets, Animation and others. To use one simple principle, so that we can more quickly understand JavaScript, in order to achieve code reuse.The system most commonly used modules in the user interface display, has a code comments and the principle of description, so that developers can easily from Qui library, select and modify the corresponding module in order to achieve their own personalized code. In addition, the Qui library on the basis of, the development of the sample page for developers to download and reference, so that more and more people understand JavaScript and participate in the sharing and exchange.【Key words】JavaScript User Interface Interaction Widgets Animation目录第一章绪论 (1)第一节项目背景 (1)第二节项目研究目的及意义 (1)第三节项目介绍 (2)第四节开发调试工具 (2)一、D reamweaver CS5 (2)二、Z end Studio 9.0 (3)三、F irebug (3)四、F iddler (4)五、各种浏览器 (4)第五节本章小结 (5)第二章系统分析 (6)第一节需求分析 (6)第二节系统功能点分析 (6)一、C SS Selector (7)二、E vent对象 (7)三、其他 (8)四、交互 (8)五、部件 (8)六、动画 (8)第三节结构分析 (9)第四节调用流程分析 (11)第五节本章小结 (12)第三章系统设计 (13)第一节系统设计目的 (13)第二节系统设计原则 (13)第三节系统设计步骤 (14)第四节系统设计重难点 (14)一、统一入口 (14)二、C SS查询器 (14)三、D om继承 (15)第五节本章小结 (15)第四章开发实现 (16)第一节实现原理 (16)第二节代码设计 (16)第三节编码规范 (17)第四节单元测试 (18)第五节本章小结 (19)第五章系统实施与运营维护 (21)第一节概述 (21)第二节系统测试 (21)一、功能性测试 (21)二、兼容性测试 (28)三、性能测试 (32)四、安全测试 (33)第三节系统运营 (33)第四节系统维护 (35)第五节本章小结 (35)结论 (36)致谢 (37)参考文献 (38)附录 (39)一、英文原文 (39)二、英文翻译 (44)第一章绪论第一节项目背景随着web2.0的发展，以及Ajax的普及应用，客户端的用户界面的展示越来越重要。
javascript设计模式核心原理与应用实践
javascript设计模式核心原理与应用实践 JavaScript设计模式是一种在JavaScript中编写可重用且可扩展代码的方式。设计模式可以帮助开发人员解决常见的问题，并提供一种优雅的解决方案。
在本文中，我将介绍四种常见的JavaScript设计模式，包括单例模式、工厂模式、观察者模式和模块模式，并提供这些模式的应用实践。
1.单例模式 单例模式是一种创建对象的方法，它只能创建一个实例。在JavaScript中，我们可以使用闭包来实现单例模式。
实际应用： ```javascript var Singleton = (function var instance; function createInstanc var object = new Object("I am the instance"); return object; } return getInstance: function if (!instance) instance = createInstance(; } return instance; } }; })(; var instance1 = Singleton.getInstance(; var instance2 = Singleton.getInstance(; console.log(instance1 === instance2); // 输出：true ``` 2.工厂模式 工厂模式是一种创建对象的方法，它通过一个工厂函数来创建对象。在JavaScript中，我们可以使用构造函数或者类来实现工厂模式。
实际应用： ```javascript function Car(make, model, year) this.make = make; this.model = model; this.year = year; function CarFactory( {} CarFactory.prototype.createCar = function (make, model, year) return new Car(make, model, year); }; var factory = new CarFactory(; var car1 = factory.createCar("Toyota", "Corolla", 2024); var car2 = factory.createCar("Honda", "Civic", 2024); console.log(car1.make); // 输出："Toyota" console.log(car2.model); // 输出："Civic" ``` 3.观察者模式 观察者模式是一种对象间的发布-订阅模式，其中一个对象（称为主题）维护其依赖者（称为观察者）的列表，并在状态发生变化时通知它们。
web前端之MVC的JavaScript Web富应用开发一：MVC和类解析
web前端之MVC的JavaScript Web富应用开发一：MVC和类开篇：本书以assert() 和assertEqual() 函数来展示变量的值或者函数调用的结果。
assert() 是一种快捷表述方式，用来表示一个特定的变量（revolves to true）。
这在自动化测试中是一种非常常见的模式。
assert() 可以接收两个参数：一个值和一个可选的消息。
如果运行结果不是真值，这个函数将抛出一个异常：var assert = function(value, msg) {if ( !value )throw(msg || (value + " does not equal true"));};assertEqual() 是表示一个值等于另外一个值的另一种表述。
它和assert() 类似，但接收两个值。
如果这两个值不相等，则这个断言失败：var assertEqual = function(val1, val2, msg) {if (val1 !== val2)throw(msg || (val1 + " does not equal " + val2));};本书不会教给你JavaScript 是一门什么样的语言，你可以阅读本人其它的博客进行学习，但是本书将会向你展示如何搭建复杂的JavaScript 应用，教你创造不可思议的网络用户体验。
增加结构：构建大型的JavaScript 应用的秘诀是不要构建大型JavaScript 应用。
相反，你应当把你的应用解耦成一系列相互平等且独立的部分。
开发者常犯的错误是创建应用时使用了很多互相依赖的部分，用了很多JavaScript 文件，并在HTML 页面中用大量的script 标签引入这些文件。
这类应用非常难于维护和扩展，因此无论如何都应当避免这种情况的发生。
开始构建你的应用的时候，花点精力来做应用的架构，会为最终结果带来意想不到的改观。
浅析JavaScript MVC 框架在Web 开发中的应用
浅析JavaScript MVC 框架在Web 开发中的应用作者：代庆梅来源：《电脑知识与技术》2014年第10期摘要：为实现Web开发中客户端代码的可读性、易测试、可维护性和可扩展性，介绍和分析JavaScript MVC框架的基本结构和设计模式。
以Backbone.js框架为例，通过实际应用开发中的部分代码演示了JavaScript MVC框架在Web开发中的应用，并阐述了Web开发中的其他注意事项。
关键词：JavaScript MVC框架；DOM；Backbone.js中图分类号：TP311 文献标识码：A 文章编号：1009-3044（2014）10-2242-04Abstract： The basic structure and design pattern of JavaScript MVC framework are introduced and analyzed to achieve the client code readability， testability， maintainability and scalability in Web development. Taking the Backbone.js framework as examples， the codes of JavaScript MVC framework in Web Development are demonstrated and other precautions are elaborated in practical application.Key words： JavaScript MVC Framework； DOM； Backbone.js1 问题的提出在传统的B/S软件开发中，服务器端进行业务逻辑和数据处理，客户端进行HTML页面显示，其中客户端JavaScript主要用于改善用户体验。
javascript 设计模式系统讲解与应用
JavaScript设计模式系统讲解与应用一、介绍设计模式是一种被广泛应用于软件开发的指导思想，它提供了解决特定问题的经验和方法。
在JavaScript中，设计模式可以帮助我们构建可维护、可扩展且可重用的代码。
本文将详细介绍JavaScript中常用的设计模式，并从实际应用的角度去解释它们的使用场景和优缺点。
二、单例模式2.1 什么是单例模式单例模式是一种只允许创建一个实例的设计模式。
它能够保证一个类只有一个实例，并提供一个全局访问点。
2.2 使用单例模式的场景•需要保证全局只有一个实例的对象，比如全局的配置信息对象。
•需要对资源进行集中管理的场景，比如线程池等。
2.3 实现单例模式的方式•饿汉式：在类加载时就创建实例对象，并提供静态方法返回该实例对象。
缺点是无法延迟实例化。
•懒汉式：在需要获取实例对象时才进行实例化，并提供静态方法返回该实例对象。
缺点是多线程下可能创建多个实例。
三、工厂模式3.1 什么是工厂模式工厂模式是一种通过工厂方法来创建对象的设计模式。
它提供了一种封装对象创建过程的方式，并通过工厂方法来统一创建对象的接口。
3.2 使用工厂模式的场景•需要根据不同的条件创建不同的对象。
•需要隐藏对象的创建细节，只需要通过工厂方法获取对象即可。
3.3 实现工厂模式的方式•简单工厂：通过一个工厂类来创建对象，客户端只需要调用工厂方法即可获取对象。
缺点是不满足开闭原则。
•工厂方法：将对象的创建交给子类来完成，通过一组工厂类来创建不同类型的对象。
满足开闭原则，但需要创建多个工厂类。
•抽象工厂：提供一个接口来创建一系列相关或依赖对象的工厂。
比如创建一个数据库连接，同时需要创建对应的操作对象。
四、装饰者模式4.1 什么是装饰者模式装饰者模式是一种在不改变对象自身结构的情况下动态地给对象增加新的功能的设计模式。
它是通过将对象嵌套在另一个对象中来实现功能的扩展。
4.2 使用装饰者模式的场景•需要为对象动态地添加额外的功能，而且还可以动态地撤销添加的功能。
基于MVC模型的网上书店系统设计与实现
基于MVC模型的网上书店系统设计与实现网上书店系统是指通过互联网提供图书销售服务的一个在线商店。
本文将介绍基于MVC模型的网上书店系统的设计与实现。
一、系统需求分析1. 用户需求分析：该系统主要面向图书爱好者，包括读者、图书经销商等，具有方便快捷的在线购买、浏览书籍的功能。
2. 系统功能需求分析：系统应具备浏览、搜索、购买、支付、注册等功能，同时应有管理员系统，负责管理图书信息、订单、用户信息等。
3. 性能需求分析：系统应具备良好的用户体验。
网站应具有快速响应能力，同时应有完善的订单跟踪与退换货系统。
二、系统设计1. 系统架构设计：该系统采用MVC设计模式，将业务分为模型（Model）、视图（View）和控制器（Controller）三部分。
2. 模块设计：（1）图书浏览模块：用户可以在该模块浏览网站上的全部图书，也可以根据书名、作者等条件进行搜索。
（2）购物车模块：购物车是存储用户选择的图书，用户可以在购物车中查看商品信息、修改商品数量、删除商品等操作。
（3）订单模块：订单模块主要负责用户的订单管理，浏览订单、下单、修改收货地址等操作。
（4）用户管理模块：该模块主要负责用户相关信息的管理，包括用户注册、登录、个人信息管理等操作。
（5）管理员模块：管理员负责对网站的所有系统资源进行管理，包括图书信息管理、订单管理、用户信息管理等。
3. 数据库设计：（1）用户信息表：用于存储用户注册信息，包括用户名、密码、电子邮件地址等。
（2）图书信息表：用于存储图书信息，包括图书名称、作者、出版社等。
（3）订单信息表：用于存储订单信息，包括订单编号、下单时间、购买书籍的数量、购买金额、收货地址等。
3. 系统实现1. 系统底层框架：采用Spring框架，并结合SpringMVC实现系统的控制器部分。
2. 系统前端：采用HTML、CSS、JS、JQuery等前端技术，实现网站的页面展示、交互等功能。
3. 数据库：采用MySQL数据库，实现数据的存储、修改、删除等功能。
javascript设计模式
【Javascript设计模式1】-单例模式《parctical common lisp》的作者曾说，如果你需要一种模式，那一定是哪里出了问题。
他所说的问题是指因为语言的天生缺陷，不得不去寻求和总结一种通用的解决方案。
不管是弱类型或强类型，静态或动态语言，命令式或说明式语言、每种语言都有天生的优缺点。
一个牙买加运动员，在短跑甚至拳击方面有一些优势，在练瑜伽上就欠缺一些。
术士和暗影牧师很容易成为一个出色的辅助，而一个背着梅肯满地图飞的敌法就会略显尴尬。
换到程序中, 静态语言里可能需要花很多功夫来实现装饰者，而js由于能随时往对象上面扔方法，以至于装饰者模式在js里成了鸡肋。
讲javascript设计模式的书还比较少. Pro javaScript Design Patterns.是比较经典的一本，但是它里面的例子举得比较啰嗦，所以结合我在工作中写过的代码，把我的理解总结一下。
如果我的理解出现了偏差，请不吝指正。
一单例模式单例模式的定义是产生一个类的唯一实例，但js本身是一种“无类”语言。
很多讲js设计模式的文章把{}当成一个单例来使用也勉强说得通。
因为js生成对象的方式有很多种，我们来看下另一种更有意义的单例。
有这样一个常见的需求，点击某个按钮的时候需要在页面弹出一个遮罩层。
比如点击登录的时候.这个生成灰色背景遮罩层的代码是很好写的.问题是, 这个遮罩层是全局唯一的, 那么每次调用createMask都会创建一个新的div, 虽然可以在隐藏遮罩层的把它remove掉. 但显然这样做不合理.再看下第二种方案, 在页面的一开始就创建好这个div. 然后用一个变量引用它.这样确实在页面只会创建一个遮罩层div, 但是另外一个问题随之而来, 也许我们永远都不需要这个遮罩层, 那又浪费掉一个div, 对dom节点的任何操作都应该非常吝啬.如果可以借助一个变量. 来判断是否已经创建过div呢?看起来不错, 到这里的确完成了一个产生单列对象的函数. 我们再仔细看这段代码有什么不妥.首先这个函数是存在一定副作用的, 函数体内改变了外界变量mask的引用, 在多人协作的项目中, createMask是个不安全的函数. 另一方面, mask这个全局变量并不是非需不可. 再来改进一下.用了个简单的闭包把变量mask包起来, 至少对于createMask函数来讲, 它是封闭的.可能看到这里, 会觉得单例模式也太简单了. 的确一些设计模式都是非常简单的, 即使从没关注过设计模式的概念, 在平时的代码中也不知不觉用到了一些设计模式. 就像多年前我明白老汉推车是什么回事的时候也想过尼玛原来这就是老汉推车.GOF里的23种设计模式, 也是在软件开发中早就存在并反复使用的模式. 如果程序员没有明确意识到他使用过某些模式, 那么下次他也许会错过更合适的设计 (这段话来自《松本行弘的程序世界》).再回来正题, 前面那个单例还是有缺点. 它只能用于创建遮罩层. 假如我又需要写一个函数, 用来创建一个唯一的xhr对象呢? 能不能找到一个通用的singleton包装器.js中函数是第一型, 意味着函数也可以当参数传递. 看看最终的代码.用一个变量来保存第一次的返回值, 如果它已经被赋值过, 那么在以后的调用中优先返回该变量. 而真正创建遮罩层的代码是通过回调函数的方式传人到singleton包装器中的. 这种方式其实叫桥接模式. 关于桥接模式, 放在后面一点点来说.然而singleton函数也不是完美的, 它始终还是需要一个变量result来寄存div的引用. 遗憾的是js的函数式特性还不足以完全的消除声明和语句.【Javascript设计模式2】-简单工厂模式简单工厂模式是由一个方法来决定到底要创建哪个类的实例, 而这些实例经常都拥有相同的接口. 这种模式主要用在所实例化的类型在编译期并不能确定，而是在执行期决定的情况。
基于MVC模式的网上购物系统的设计与实现的开题报告
基于MVC模式的网上购物系统的设计与实现的开题报告一、选题背景及意义：随着互联网的迅猛发展，网络购物已经成为人们日常生活中非常普遍的一种消费方式。
传统的线下购物已经逐渐被网上购物所取代，网上购物系统的用户覆盖面越来越广泛。
本次课程设计拟设计并实现一个基于MVC模式的网上购物系统，系统将包含用户注册、登录、购物车功能、商品搜索以及订单管理等功能。
系统的实现基于Web技术，采用Java语言作为开发语言，并应用Spring框架、Hibernate框架等技术，旨在帮助学生深入理解MVC模式的设计思想和具体实现方法，并锻炼学生的分析与设计能力。
二、设计思路及方法：该网上购物系统采用MVC（Model-View-Controller）设计模式，MVC是一种将应用程序划分为三个核心职责的架构：模型（Model）、视图（View）和控制器（Controller）。
1. 模型（Model）：用于处理数据及相关的业务逻辑，向控制器提供数据。
2. 视图（View）：用户操作的界面，以可视化的方式展现数据给用户。
3. 控制器（Controller）：负责连接模型和视图，接收用户的操作指令，并作出相应的响应。
其中，模型（Model）采用Spring框架进行设计，视图（View）采用JSP页面进行实现，控制器（Controller）采用Spring MVC框架作为实现基础。
具体实现过程如下：1. 数据库设计：根据系统需求，设计数据模型，包括用户信息表、商品信息表、购物车表、订单表等。
2. 模型（Model）层的设计：首先定义实体类，即JavaBean，然后采用Hibernate框架提供的注解进行对应表结构信息的映射，实现与数据库的交互。
3. 视图（View）层的设计：采用JSP页面并配合CSS、JavaScript 等技术实现用户操作界面的展示效果。
4. 控制器（Controller）层的设计：采用Spring MVC框架，设计相应的控制器类，并注入所需的Bean，实现各种功能的业务逻辑处理。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
关键 词：ＭＶ Ｃ模式 ；Ｗｉ 系统 ；浏览器 ：ＪｖＳ ｒ ｔ ｋ ｉ ａ ａｃｉ ｐ
Ｗ ｉｉ ｓｇ ｎ ａ ｉａ ｉｎ Ｂａ ｅ ｎＪ ｖ Ｓ ｒｐ ａ ｔｒ ｋ ｉｎ ａ ｄ Ｒｅ ｌ ｔ ｓ ｄ ｏ ａ ａ ｃ ｉ ｔ ｔｅ ｎ Ｄｅ ｚ ｏ Ｐ
＿
｛
通过在服务器端定义细粒度 的、容 易处理的对象 ，为
从数据库到客户端传播数据定义一条清晰 的路径 。
／ ｊｘ调用服 务器端 方法 ，并指定 回调 函数 ，用 ／ａ Ａ 于更新返回后 的用户界面更新
）
首先 ，从数据库创建了一个服 务器 端对象模 型。 这样 ，就可 以将数据读入对 象，修 改它 ，然后保存数
所示：
开发的分工和应用程序 的模块化 。
① 基金 项 目： 沙市节 能专 项资金 长 收稿 时间：００１．９收到 修改稿 时 间： １—２０ ２ １．０２ ； ２ ０１－６ ０
Ｅ ｐｒ ｎｅ ｘｈｎ ｅ经 验交 流 ２ ７ ｘｅｉ ｃｓ ｃａｇ ｅ Ｅ ０
计 算 机 系 统 应 用
从这个角度上看，除了在服务器 端建立 一个模型， 我们 还需要在客户端也实现一个业务领域 的模型 。 在服务器 端，已经有很多框架来实现对象． 关系映 射（ Ｒ ，它 们能够 很方便地使得服 务器 端的对 象模 Ｏ Ｍ）
型 能够与数据库之 间双 向交互。为了在客户端为业务 领域建模 ，我们仍然可 以利用服 务器端 的 Ｏ Ｍ 框 架， Ｒ
ＬＩ ＹｅＨｕ ， ＡＮＧ ｉ－ ｎ ， Ａ Ｕ ・ ｉ Ｗ ＪａＹａ ｇ Ｗ Ｎ Ｇ — ｉ Ａｎ Ｌ
（ ｌ ｇ ｆ ｎｏｍａｉｎＳ ｉｎ ｅａ ｄＥｎ ｉｅｒｎ ， ｎｒｌ ｏ ｔ ｉｅｓｔ， ａ ｇ ｈ １ ０ ３ Ｃｈｎ ） Ｃｏｌ ｅｏ ｆ ｒ ｔ ｃｅ ｃ ｎ ｇｎ ｅｉ ｇ Ｃｅ ｔ ｕｈＵｎｖ ｒｉ Ｃｈ ｓ ａ４ ０ ８ ， ｉａ ｅ Ｉ ｏ ａＳ ｙ ｎ
｛
一
ｔｌ： ｔｒｍＯ ｊｃ（ ｓ，ｔ ｅ， ） ｉｅ ｅ ｏ ｂｅｔ ｅｃ ” ｎ ” ” ｔｇＦ ｄ ｉ ”，
ｔｐ：ｅ ｒｍＯ ｊｃ ｄ ｓ，ｔ ｅ，’ ｙ ｅ ｔ ｏ ｂｅｔ ｅｃ ” ｐ ” ） ｇＦ （ ｙ …，
在传统的 Ｗｅ ｂ应用程 序中， 所有的智能处理 都位
于服务器端， 客户 端 仅 仅 是显 示 服 务 器 处 理 后 的 结果 ，
２ ＭＶＣ在ＡＳ ． Ｔ 台的实现 ＰＮＥ 平
应用 程序可分为三个部分：客户端、服务器端和 数据库 。客户端 负责接受用户操作并处理界面 ，服务
技术的重 要组成部分 ，因此它也从 以往 的 “ 玩具 ”语 言 一 跃 成 为 Ｂ Ｓ 架 构 中客 服 端 的 主 角 ， 而 利 用 ／
…０ ｔ，
摘
要：ＭＶ Ｃ模式常被应用于大型 的 Ｂ Ｓ ／ 应用程序开发 ，它提供 了一个结构 化的模型，实现 了软件开发的分工
和应用 程序的模块化 。深入研 究了一个 Ｗｉｉ系 统在客户端 浏览器 中 的设计 与实现 ，在 实现过程 中完全使 用 ｋ ＪｖＳ ｒ ｔ ａ ａｃｉ 并结合 ＭＶ 模式，使得整个应用程序具有较 高的系统 性，由于使用 了模块分割提高了代码复用率， ｐ Ｃ
ｓ ｓｅ ’ ｅ ｉ ｎ ａ ｄ ｒ ａｉａｉ ｎ ｉ ｌ ｎ ’ ｏ ｅ ， ｎ ｔｅ ｐ ｏ ｅ ｓｏ ｅ ｌｚ ｔ ｎ ｔｆ ｌｙ ｕ ｅ ａ ａ ｃ ｉｔａ ｄ ｃ ｍ ｂ ｎ ｓ ｙ ｔｍ Ｓｄ ｓｇ ｎ ｅ ｌｚ ｔｏ ｎ ｃｉ ｔＳｂｒ ｗｓ ｒ ｉ ｒ ｃ ｓ ｆｒ ａｉａ ｏ ．Ｉ ｕ ｌ ｓ ｓＪ ｖ Ｓ ｒｐ ｎ ｏ ｉ ｅ ｅ ｈ ｉ
】 ， ｇ ｔｕｅｄｆｎ ｔ ｎ）ｒｔｒ ｔｉ． ． ｂ ｔｎ ｅＰ ｒｌ ： ｃｉ （｛ｅｕ ｎ ｈｓ ｓ ｓ ｉｇ ｕ ｏ ｊｄ ｕ ｒ
（ ｉ ｇｔｒｆ （ ｉ．ｙ ｅ．ｎ ｔ ；， ｔ ｓ ｅ ｅ ｘｔ ｓ ｔ ）ｅ ｇ ）｝ ｈ． Ｐ ｉ ｈ ＿ｐ １ ｈ ｇｔ ｒｆｎｔ ｎ ｒ ｕｎｔ ｓ ａｐ ； ｅ ｌ ｃｉ Ｏ｛ ｔｒ ｉ＿ ｐ ｘ｝ Ｕ ： ｕ ｏ ｅ ｈ． ， ｇｔｉｅｆｎｔ ｎ）ｒ ｕｎ ｅ ｔ ： ｃ ｏ （ ｅ ｒ Ｔｌ ｕ ｉ ｛ｔ
Ａｂｓｒ ｃ ：Ｍ ＶＣ ｔ ｒ ｓｕｓ ａｌ ｓ ｄ ｆ ｒｌｒ ｅ ｓ ａｅＢ／ ｐ ｌ ａ ｏ ｅ ｅｏ ｍｅ ｔ Ｉ ｓ ｐ ｌ ｓａｓｒ ｃｕ ｅ ｏ ｕｌ， ｎ ｔａ ｔ ｐａｔ ｎ ｉ ｕ ｌ ｕ ｅ ｏ ａｇ ・ｃ ｌ Ｓ ａ ｐｉ ｔ ｎｄ ｖ ｌ ｐ ｎ ． ｔ ｕ ｐｉ ｔｕ ｔ ｒ ｄｍ ｄ ｅ ａ ｄ ｅ ｙ ｃｉ ｅ
１ 概ｊ
Ｗｉ ｌ ｄ一词来源于夏威夷语 的 “ ｅ ｅ ｅ ｅ ” ｗ ｅ ｅｗ ｅ ｅ ， ｋ ｋ
在基于 Ｗｅ ｂ应用的软件 开发中，ＭＶＣ模式被广 泛 应用 。该模式 的核心思 想［ ｌ １ 是将程 序 分成相对独 ， ２
立 ，而又能协同工作的 ３个 部分 ：模 型、视 图、控制 器 。降低模块 之间的耦合，为大型可扩展 的 Ｗｅ 应用 ｂ
ｌａ： ｎｔ ｎｄ ｓ）ｔ ｓ ａｐ ＝ｄｓ； ｏｄｆ ｃ ｏ （ｅｃ｛ ｉ． ｐ ｘ ｅｃ｝ ｕ ｉ ｈ 一 ，
ｇ ｔ ｒｆ ： ｎ ｔ ｎｔｐ ） ｅＰ ｅ ｘｆ ｃｉ （ ｅ ｛ ｉ ｕ ｏ ｙ
ｒｔｒ ｉｉ ｏ ｆ ．ｅＣ ｍｐ ｎ ｎＰｅ ｘｔｐ ） ｅｕ ｎＷ ｌ ． ｎ ｇｇ ｔ ｏ ｏ ｅ ｔｒｆ （ ｅ； （Ｃ ｉ ｉ ｙ
Ａａ ｊｘ应用中，我们依然需要在服务器端建立模型，因
为 一些 资源 只能在服务器端获得（ 如数据库 资源 ） 。然
而 ，为 了使客户端具有快速 的响应 性，我们希望 客户 端浏览器 也能维护一部分业务模 型。另一方面 ，如果 客户端在处理用户交互的时候仅仅 做出非常简单 的决 定 ，我们可 以编写少量代码 来处理 ，但 是不可能充分 利用 Ａ ａ ｊｘ应用 中智能客户端 的长处， 系统仍然会 反应
ｃ ｌＳ ｒ ｅ ： ｋ ｐ ｓ（ｏ ｔ ａｌ ｅ ｖ ｒ ｗｉｉ ｏ ｔ ｓ ｐ Ｘｍ１ ）
＿
迟钝 。所 以，如果需要客户端针对 自身做 出更 加重要
的决定 ，那么它就有必要知道一些业 务领 域的事情 。
ｔｉ＿ ｔ ．ｐａｅ ｈｓ ｔｌ ｒ ｌ ．ｉｅ ｅ ｃ
Ａｌ ” ， ｔ ）ｅ ｌｃ ／ｌ ” ” ＆ｇ； Ｊ ｌ ＜” ＆ｌ ”． ｐａｅＥｌ ＞ ， ｔ ）， （ ” ；ｒ （ ” ”
２１ 模 型 的设 计 与 实 现 ．
， ／ 解析来 自服务器端的 Ｘ ＭＬ字符 串 ｗｋＤ ｔ， ｉ ａ 返 ｉ ａ
回一 个 ＪｖＳ ｒ ｔ 象 ｄ ｓ ａａ ｃｉ 对 ｐ ｅｃ
ｒ ｔｒ ｅ ｃ ｅｕ ｎｄ ｓ
）
Ｗ ｉ ｉ ｏ ｅ ． ｍ ａ ｅｐ ｏ ｏ ｙ ｅ＝ ｋ ． ｄ １Ｋｌ ｇ ．ｒ ｔ ｔｐ Ｍ
ｌ１
ＪｖＳｒ ｔ打交道 ，而 与特定 于浏览器的功能毫无关 ａ ａｃｉ ｐ
系。
ｆ ｎ ｔ ｎ ｗｉ ｉ Ｒ ｃ ｉ （ ｋＤａ ） ｕ ｃ ｏ ｋ ｉ ｅ ｅｖ ｗｉｉ ｔ ｅ ａ
— —
ｗ ｅ 服备器 ｂ
敬据 库服务 器
｛
图 １ 应用程序系统架构 该应用的独特之处在于： 客户端 Ｗｉｉ ｋ 引擎的核心 完全用 Ｊｖ Ｓｆ ｔ 写， ａａ ｃ ｐ 编 ｉ 同时借鉴了 Ｐｏｏｙ ｅ Ｓ ｒｔｔｐ 类库 ， Ｊ 以便支持面向对象 的编程风格 ，并结合 ＭＶ 模式 ， Ｃ 使之在客户端实现 。
它指一种超文本实现的技术，用 以实现超 文本系统。 这种超 文本系统支持面 向社群 的协作式写作，同时也 包括一组支 持这种写作的辅助工具【。与其它超 文本 ４ 】
系统相 比，ｗｉｉ ｋ 有使用方便及 开放 的特 点，这种 方便
开发提供一个结构化的模型［，非常适合多类型用 户， ３ 】
ｗｉｈ Ｍ ＶＣ ｐ ｔ ｒ ． Ｓ ｉ ｍ ａ ｅ ａｌ ｈｅ ｐ ｌ ａｉ ｎ ｐ ｏ ｒ ｍ ｉ ｈ ｒ ｓ ｔｍ ａ ｃ ｔ ａｔ ｎ ｏ ｔ ｅ ｋｓ ｌ ｔ ａ ｐ ｃ ｔｏ ｒ ｇ ａ ｈ ｇ ｅ ｙｓｅ ｔ ．Ａｔ ｔｅ ａ ｅ ｔ ｅ ｔｒ ｄ ｃ ｓ ｈｅ ｉ ｉ ｓ ｍ ｍ ，ｉ ｅ ｕ ｅ ｔ ｈ ｉ
ｈｔ： ｔｌ ｐｌ ｗｗｖ ・ ａｏｇ ａ ．Ｓ ． ． Ｃ － ｒｃ
２１ ０ １年 第 ２ 卷 第 ７期 Ｏ
的差异 ，我们往往不得不针对特定的浏览器编 写脚本
般
端 器 ｌ 务口
ｏ Ｒ Ｍ
语言 。但是在 编 写客户 端模 型 的时候 ，我们纯 粹与
ｓ。
结粜 ——
ｒａ ｚｓ ｏ ｗ ｅ ｅ ｅ ｐ ｅ ｔ ｂｓａｅ ｓ ｅ ｐ ｌ ａ ｏ ’ｍｏ ｕａ ｚｔ ｎ Ｔ ｉ ｐｐｒ ｎｄｐｈｓ ｄ ｓ ＫＩ ｅｌ ｅ ｆ ａ ｖｌ ｍ ｎ’ｊ — ｒ ｌａ ａ ｐ ｃｔ ｎＳ ｄ ｌ ｉａ ｏ ． ｈｓ ａｅ ｅｔ ｕ ｉ ＷＩ ｉ ｓｔ ｒ ｄ ｏ Ｓｏ ｈ ａ ｗ ｌｓ ｉ ｉ ｒ ｉ ｉ ｔ ｅａ
２１ ０ １年 第 ２ Ｏ卷 第 ７期
ｈｔ：ｗ ｗ． ｓ ． ｇｃ ｔ ／ ｗ ｃ—ｏ ． ｐ／ －ａ ｒ ｎ
计 算 机 系 统 应 用
基于 Ｊ ｖＳｒ ｔ ａａ ｃｉ ｐ ＭＶＣ模式 的 Ｗｉｉｒ， ｋ。 … ， 一 Ｌ
刘 烨 辉 ，王加 阳 ，王 安莉
（ 中南大 学 信 息 科 学 与工 程 学 院 ， 长 沙 ４ ０ ８ ） １０ ３
器端维护客户端和数பைடு நூலகம்库之间的通信 ，其 中客户端采
用 ＪｖＳ ｒ ｔ ａ ａｃｉ 向服务器端发送 Ａ ａ ｐ ｊｘ请求 。本文将着重
ＪｖＳ ｒ ｔ ａ ａ ｃ ｐ 实现的 ＭＶＣ模式使得用户界面、用户操作 ｉ
和 具体 的业务逻辑（ 后台的数据库） 分离， 能够 实现软件