基于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数据库，实现数据的存储、修改、删除等功能。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
关键 词：ＭＶ Ｃ模式 ；Ｗｉ 系统 ；浏览器 ：ＪｖＳ ｒ ｔ ｋ ｉ ａ ａｃｉ ｐ
Ｗ ｉｉ ｓｇ ｎ ａ ｉａ ｉｎ Ｂａ ｅ ｎＪ ｖ Ｓ ｒｐ ａ ｔｒ ｋ ｉｎ ａ ｄ Ｒｅ ｌ ｔ ｓ ｄ ｏ ａ ａ ｃ ｉ ｔ ｔｅ ｎ Ｄｅ ｚ ｏ Ｐ
＿
｛
通过在服务器端定义细粒度 的、容 易处理的对象 ，为
从数据库到客户端传播数据定义一条清晰 的路径 。
／ ｊｘ调用服 务器端 方法 ，并指定 回调 函数 ，用 ／ａ Ａ 于更新返回后 的用户界面更新
）
首先 ，从数据库创建了一个服 务器 端对象模 型。 这样 ，就可 以将数据读入对 象，修 改它 ，然后保存数
所示：
开发的分工和应用程序 的模块化 。
① 基金 项 目： 沙市节 能专 项资金 长 收稿 时间：００１．９收到 修改稿 时 间： １—２０ ２ １．０２ ； ２ ０１－６ ０
Ｅ ｐｒ ｎｅ ｘｈｎ ｅ经 验交 流 ２ ７ ｘｅｉ ｃｓ ｃａｇ ｅ Ｅ ０
计 算 机 系 统 应 用
从这个角度上看，除了在服务器 端建立 一个模型， 我们 还需要在客户端也实现一个业务领域 的模型 。 在服务器 端，已经有很多框架来实现对象． 关系映 射（ Ｒ ，它 们能够 很方便地使得服 务器 端的对 象模 Ｏ Ｍ）
型 能够与数据库之 间双 向交互。为了在客户端为业务 领域建模 ，我们仍然可 以利用服 务器端 的 Ｏ Ｍ 框 架， Ｒ
ＬＩ ＹｅＨｕ ， ＡＮＧ ｉ－ ｎ ， Ａ Ｕ ・ ｉ Ｗ ＪａＹａ ｇ Ｗ Ｎ Ｇ — ｉ Ａｎ Ｌ
（ ｌ ｇ ｆ ｎｏｍａｉｎＳ ｉｎ ｅａ ｄＥｎ ｉｅｒｎ ， ｎｒｌ ｏ ｔ ｉｅｓｔ， ａ ｇ ｈ １ ０ ３ Ｃｈｎ ） Ｃｏｌ ｅｏ ｆ ｒ ｔ ｃｅ ｃ ｎ ｇｎ ｅｉ ｇ Ｃｅ ｔ ｕｈＵｎｖ ｒｉ Ｃｈ ｓ ａ４ ０ ８ ， ｉａ ｅ Ｉ ｏ ａＳ ｙ ｎ
｛
一
ｔｌ： ｔｒｍＯ ｊｃ（ ｓ，ｔ ｅ， ） ｉｅ ｅ ｏ ｂｅｔ ｅｃ ” ｎ ” ” ｔｇＦ ｄ ｉ ”，
ｔｐ：ｅ ｒｍＯ ｊｃ ｄ ｓ，ｔ ｅ，’ ｙ ｅ ｔ ｏ ｂｅｔ ｅｃ ” ｐ ” ） ｇＦ （ ｙ …，
在传统的 Ｗｅ ｂ应用程 序中， 所有的智能处理 都位
于服务器端， 客户 端 仅 仅 是显 示 服 务 器 处 理 后 的 结果 ，
２ ＭＶＣ在ＡＳ ． Ｔ 台的实现 ＰＮＥ 平
应用 程序可分为三个部分：客户端、服务器端和 数据库 。客户端 负责接受用户操作并处理界面 ，服务
技术的重 要组成部分 ，因此它也从 以往 的 “ 玩具 ”语 言 一 跃 成 为 Ｂ Ｓ 架 构 中客 服 端 的 主 角 ， 而 利 用 ／
…０ ｔ，
摘
要：ＭＶ Ｃ模式常被应用于大型 的 Ｂ Ｓ ／ 应用程序开发 ，它提供 了一个结构 化的模型，实现 了软件开发的分工
和应用 程序的模块化 。深入研 究了一个 Ｗｉｉ系 统在客户端 浏览器 中 的设计 与实现 ，在 实现过程 中完全使 用 ｋ ＪｖＳ ｒ ｔ ａ ａｃｉ 并结合 ＭＶ 模式，使得整个应用程序具有较 高的系统 性，由于使用 了模块分割提高了代码复用率， ｐ Ｃ
ｓ ｓｅ ’ ｅ ｉ ｎ ａ ｄ ｒ ａｉａｉ ｎ ｉ ｌ ｎ ’ ｏ ｅ ， ｎ ｔｅ ｐ ｏ ｅ ｓｏ ｅ ｌｚ ｔ ｎ ｔｆ ｌｙ ｕ ｅ ａ ａ ｃ ｉｔａ ｄ ｃ ｍ ｂ ｎ ｓ ｙ ｔｍ Ｓｄ ｓｇ ｎ ｅ ｌｚ ｔｏ ｎ ｃｉ ｔＳｂｒ ｗｓ ｒ ｉ ｒ ｃ ｓ ｆｒ ａｉａ ｏ ．Ｉ ｕ ｌ ｓ ｓＪ ｖ Ｓ ｒｐ ｎ ｏ ｉ ｅ ｅ ｈ ｉ
】 ， ｇ ｔｕｅｄｆｎ ｔ ｎ）ｒｔｒ ｔｉ． ． ｂ ｔｎ ｅＰ ｒｌ ： ｃｉ （｛ｅｕ ｎ ｈｓ ｓ ｓ ｉｇ ｕ ｏ ｊｄ ｕ ｒ
（ ｉ ｇｔｒｆ （ ｉ．ｙ ｅ．ｎ ｔ ；， ｔ ｓ ｅ ｅ ｘｔ ｓ ｔ ）ｅ ｇ ）｝ ｈ． Ｐ ｉ ｈ ＿ｐ １ ｈ ｇｔ ｒｆｎｔ ｎ ｒ ｕｎｔ ｓ ａｐ ； ｅ ｌ ｃｉ Ｏ｛ ｔｒ ｉ＿ ｐ ｘ｝ Ｕ ： ｕ ｏ ｅ ｈ． ， ｇｔｉｅｆｎｔ ｎ）ｒ ｕｎ ｅ ｔ ： ｃ ｏ （ ｅ ｒ Ｔｌ ｕ ｉ ｛ｔ
Ａｂｓｒ ｃ ：Ｍ ＶＣ ｔ ｒ ｓｕｓ ａｌ ｓ ｄ ｆ ｒｌｒ ｅ ｓ ａｅＢ／ ｐ ｌ ａ ｏ ｅ ｅｏ ｍｅ ｔ Ｉ ｓ ｐ ｌ ｓａｓｒ ｃｕ ｅ ｏ ｕｌ， ｎ ｔａ ｔ ｐａｔ ｎ ｉ ｕ ｌ ｕ ｅ ｏ ａｇ ・ｃ ｌ Ｓ ａ ｐｉ ｔ ｎｄ ｖ ｌ ｐ ｎ ． ｔ ｕ ｐｉ ｔｕ ｔ ｒ ｄｍ ｄ ｅ ａ ｄ ｅ ｙ ｃｉ ｅ
１ 概ｊ
Ｗｉ ｌ ｄ一词来源于夏威夷语 的 “ ｅ ｅ ｅ ｅ ” ｗ ｅ ｅｗ ｅ ｅ ， ｋ ｋ
在基于 Ｗｅ ｂ应用的软件 开发中，ＭＶＣ模式被广 泛 应用 。该模式 的核心思 想［ ｌ １ 是将程 序 分成相对独 ， ２
立 ，而又能协同工作的 ３个 部分 ：模 型、视 图、控制 器 。降低模块 之间的耦合，为大型可扩展 的 Ｗｅ 应用 ｂ
ｌａ： ｎｔ ｎｄ ｓ）ｔ ｓ ａｐ ＝ｄｓ； ｏｄｆ ｃ ｏ （ｅｃ｛ ｉ． ｐ ｘ ｅｃ｝ ｕ ｉ ｈ 一 ，
ｇ ｔ ｒｆ ： ｎ ｔ ｎｔｐ ） ｅＰ ｅ ｘｆ ｃｉ （ ｅ ｛ ｉ ｕ ｏ ｙ
ｒｔｒ ｉｉ ｏ ｆ ．ｅＣ ｍｐ ｎ ｎＰｅ ｘｔｐ ） ｅｕ ｎＷ ｌ ． ｎ ｇｇ ｔ ｏ ｏ ｅ ｔｒｆ （ ｅ； （Ｃ ｉ ｉ ｙ
Ａａ ｊｘ应用中，我们依然需要在服务器端建立模型，因
为 一些 资源 只能在服务器端获得（ 如数据库 资源 ） 。然
而 ，为 了使客户端具有快速 的响应 性，我们希望 客户 端浏览器 也能维护一部分业务模 型。另一方面 ，如果 客户端在处理用户交互的时候仅仅 做出非常简单 的决 定 ，我们可 以编写少量代码 来处理 ，但 是不可能充分 利用 Ａ ａ ｊｘ应用 中智能客户端 的长处， 系统仍然会 反应
ｃ ｌＳ ｒ ｅ ： ｋ ｐ ｓ（ｏ ｔ ａｌ ｅ ｖ ｒ ｗｉｉ ｏ ｔ ｓ ｐ Ｘｍ１ ）
＿
迟钝 。所 以，如果需要客户端针对 自身做 出更 加重要
的决定 ，那么它就有必要知道一些业 务领 域的事情 。
ｔｉ＿ ｔ ．ｐａｅ ｈｓ ｔｌ ｒ ｌ ．ｉｅ ｅ ｃ
Ａｌ ” ， ｔ ）ｅ ｌｃ ／ｌ ” ” ＆ｇ； Ｊ ｌ ＜” ＆ｌ ”． ｐａｅＥｌ ＞ ， ｔ ）， （ ” ；ｒ （ ” ”
２１ 模 型 的设 计 与 实 现 ．
， ／ 解析来 自服务器端的 Ｘ ＭＬ字符 串 ｗｋＤ ｔ， ｉ ａ 返 ｉ ａ
回一 个 ＪｖＳ ｒ ｔ 象 ｄ ｓ ａａ ｃｉ 对 ｐ ｅｃ
ｒ ｔｒ ｅ ｃ ｅｕ ｎｄ ｓ
）
Ｗ ｉ ｉ ｏ ｅ ． ｍ ａ ｅｐ ｏ ｏ ｙ ｅ＝ ｋ ． ｄ １Ｋｌ ｇ ．ｒ ｔ ｔｐ Ｍ
ｌ１
ＪｖＳｒ ｔ打交道 ，而 与特定 于浏览器的功能毫无关 ａ ａｃｉ ｐ
系。
ｆ ｎ ｔ ｎ ｗｉ ｉ Ｒ ｃ ｉ （ ｋＤａ ） ｕ ｃ ｏ ｋ ｉ ｅ ｅｖ ｗｉｉ ｔ ｅ ａ
— —
ｗ ｅ 服备器 ｂ
敬据 库服务 器
｛
图 １ 应用程序系统架构 该应用的独特之处在于： 客户端 Ｗｉｉ ｋ 引擎的核心 完全用 Ｊｖ Ｓｆ ｔ 写， ａａ ｃ ｐ 编 ｉ 同时借鉴了 Ｐｏｏｙ ｅ Ｓ ｒｔｔｐ 类库 ， Ｊ 以便支持面向对象 的编程风格 ，并结合 ＭＶ 模式 ， Ｃ 使之在客户端实现 。
它指一种超文本实现的技术，用 以实现超 文本系统。 这种超 文本系统支持面 向社群 的协作式写作，同时也 包括一组支 持这种写作的辅助工具【。与其它超 文本 ４ 】
系统相 比，ｗｉｉ ｋ 有使用方便及 开放 的特 点，这种 方便
开发提供一个结构化的模型［，非常适合多类型用 户， ３ 】
ｗｉｈ Ｍ ＶＣ ｐ ｔ ｒ ． Ｓ ｉ ｍ ａ ｅ ａｌ ｈｅ ｐ ｌ ａｉ ｎ ｐ ｏ ｒ ｍ ｉ ｈ ｒ ｓ ｔｍ ａ ｃ ｔ ａｔ ｎ ｏ ｔ ｅ ｋｓ ｌ ｔ ａ ｐ ｃ ｔｏ ｒ ｇ ａ ｈ ｇ ｅ ｙｓｅ ｔ ．Ａｔ ｔｅ ａ ｅ ｔ ｅ ｔｒ ｄ ｃ ｓ ｈｅ ｉ ｉ ｓ ｍ ｍ ，ｉ ｅ ｕ ｅ ｔ ｈ ｉ
ｈｔ： ｔｌ ｐｌ ｗｗｖ ・ ａｏｇ ａ ．Ｓ ． ． Ｃ － ｒｃ
２１ ０ １年 第 ２ 卷 第 ７期 Ｏ
的差异 ，我们往往不得不针对特定的浏览器编 写脚本
般
端 器 ｌ 务口
ｏ Ｒ Ｍ
语言 。但是在 编 写客户 端模 型 的时候 ，我们纯 粹与
ｓ。
结粜 ——
ｒａ ｚｓ ｏ ｗ ｅ ｅ ｅ ｐ ｅ ｔ ｂｓａｅ ｓ ｅ ｐ ｌ ａ ｏ ’ｍｏ ｕａ ｚｔ ｎ Ｔ ｉ ｐｐｒ ｎｄｐｈｓ ｄ ｓ ＫＩ ｅｌ ｅ ｆ ａ ｖｌ ｍ ｎ’ｊ — ｒ ｌａ ａ ｐ ｃｔ ｎＳ ｄ ｌ ｉａ ｏ ． ｈｓ ａｅ ｅｔ ｕ ｉ ＷＩ ｉ ｓｔ ｒ ｄ ｏ Ｓｏ ｈ ａ ｗ ｌｓ ｉ ｉ ｒ ｉ ｉ ｔ ｅａ
２１ ０ １年 第 ２ Ｏ卷 第 ７期
ｈｔ：ｗ ｗ． ｓ ． ｇｃ ｔ ／ ｗ ｃ—ｏ ． ｐ／ －ａ ｒ ｎ
计 算 机 系 统 应 用
基于 Ｊ ｖＳｒ ｔ ａａ ｃｉ ｐ ＭＶＣ模式 的 Ｗｉｉｒ， ｋ。 … ， 一 Ｌ
刘 烨 辉 ，王加 阳 ，王 安莉
（ 中南大 学 信 息 科 学 与工 程 学 院 ， 长 沙 ４ ０ ８ ） １０ ３
器端维护客户端和数பைடு நூலகம்库之间的通信 ，其 中客户端采
用 ＪｖＳ ｒ ｔ ａ ａｃｉ 向服务器端发送 Ａ ａ ｐ ｊｘ请求 。本文将着重
ＪｖＳ ｒ ｔ ａ ａ ｃ ｐ 实现的 ＭＶＣ模式使得用户界面、用户操作 ｉ
和 具体 的业务逻辑（ 后台的数据库） 分离， 能够 实现软件