1、第 13章 Web建模 13.1 Web建模的基本概念 13.2 Web应用系统的体系结构 13.3 Web建模扩展 WAE 13.4 Rose的 Web建模使用说明 13.5 Web建模实例 13.1 Web建模的基本概念 Web 应用程序正变得越来越复杂，越来越重要。为了帮助管理这种复杂性，需要为 Web 应用程序建模。在尝试用 UML 为 Web 应用程序建模时，很明显它的一些构件不能与标准的 UML 建模元素一一对应。为了让整个系统使用同一种建模表示法，必须扩展 UML。 Web建模考虑两个问题 如何表示 Web应用系统的体系结构 如何表示 Web应用系统一些特有的概念： Web页、超
2、链接、表单 Web应用系统和传统的分布式应用系统的区别 在连接的永久性方面的区别 客户机形式的区别 Web建模时， Web页面作为对象处理 Web建模的关键是把对象正确划分到服务器端或客户端，同时构建 Web页面的元素建模。 13.2 Web应用系统的体系结构 浏览器 Action Servlet (Controller) JSP页面 (View) request response Action Bean forward return action router dispatch request 业务 对象 (Model) access access/ modify 13.2 Web应用系统的
3、体系结构 MVC框架（ Model-View-Controller） 模型提供了数据的内部表示 视图负责显示数据 控制器负责对用户的输入或内部事件进行解释，决定要做的处理步骤和处理内容，控制模型和视图做相应的改变 模型（ Model） 视图（ View） 控制器（ Controller） 13.2 Web应用系统的体系结构 例如，计算机时间显示，可以是数字形式、图形形式、声音形式 时间控制器负责对计算机内部表示的时间模型进行控制 时间模型 时间的数字显示 时间控制器 13.3 Web建模扩展 WAE UML是一种通用的可视化建模语言，适用于各种软件开发方法、软件生命周期的各个阶段、各种应用领域
4、以及各种开发工具。但在对 Web应用进行建模时，它的一些构件不能与标准 UML建模元素一一对应，因此必须对 UML进行扩展。 利用 WAE（ Web application extension for UML）对 Web建模。 13.3 Web建模扩展 WAE 13.3.1 服务器页 13.3.2 客户机页 13.3.3 关联 13.3.4 关联 13.3.5 表单 13.3.6 关联 13.3.7 框架集 13.3.8 关联 13.3.9 和 关联 13.3.10 Session和 JavaBean建模 13.3.11 Servlet建模 13.3.1 服务器页 Web页面建模分为服务器页和
5、客户机页，以便把应用系统中的表示逻辑和业务逻辑分开。 服务器页（ Server Page）是能访问服务器资源的对象。 特点是可以与服务器上的各个组件进行通信，完成业务功能，然后向用户显示处理结果 用版型 表示 L o g i n( fr o m d e m o )Lo gi n( fr o m d e m o )L o g i n( fr o m d e m o )Icon形式 Label形式 Decoration形式 13.3.2 客户机页 客户机页（ Client Page）是客户机上运行的HTML格式的页面。 他们通常用于数据表示，不包括太多的业务逻辑，并不直接访问服务器上的业务对象。
6、用版型 表示 T i t le( fr o m d e mo )T i tle( fr o m d e m o )T i t le( fr o m d e m o )13.3.3 关联 关联是一个单向关联，表示服务器页和客户机页之间的关系，即服务器页创建客户机页 一个服务器页可以创建多个客户机页，一个客户机页只能由一个服务器页创建 13.3.4 关联 关联描述两个客户机页之间或一个客户机页到一个服务器页的超级链接。 13.3.4 关联 HomePage类产生的代码 Introduction类产生的代码 13.3.5 表单 Web页的基本数据输入机制是表单。表单中不包含操作（业务逻辑）。 表单在
7、 HTML文档中用 标记来定义。每个表单都会指明它自身要提交到哪一页。 表单用版型 表示 F o r m 113.3.5 表单 一个客户机页可以包含一个或多个表单 13.3.5 表单 表单包括许多表单元素，它们全用 HTML 标记表示。最常用的标记是 、和 。 输入标记多种多样，它可以是一个文本字段、复选框、单选按钮、按钮、图像、隐藏字段等。 分别用版型 、 和 表示。他们作为表单的属性存在。 13.3.5 表单 13.3.6 关联 关联描述表单和服务器页之间的关系，表示表单提交给服务器页。 13.3.6 关联 CdOrders_Client代码 13.3.7 框架集 Web应用扩展定义了版型
8、 Frameset 和 Target 以及关联关系版型 Targeted link来实现对框架的建模。 Frameset 直接映射到 HTML的 标记。 Target 表示当前 Web页引用的其它 Web页或框架。 Targeted link 是指向另一个 Web页的超级链接，其上有两个标注值，它们指定目标或页所属的框架集行列；目标链接关联关系上的标注值“ Target”用于确定显示页的 target。 13.3.7 框架集 论文框架集由两个框架 Content和目录组成 13.3.8 关联 JSP中的指令用带有 、等版型的关联表示 用版型为 的单向关联描述服务器页和客户机页或两个服务器页之间
9、的包含关系，即 jsp的 include指令 13.3.8 关联 Menu的代码 L o g i nM e n uT i t l e13.3.9 和 关联 用 或 单向关联表示重定向问题。 在 JSP中，使用版型 在 ASP中，使用版型 13.3.9 和 关联 Menu的代码 M e n u C d O r d e r sL o g i n C o O r d e r s_ C l i e n t13.3.10 Session和 JavaBean建模 在 JSP页面的规范中，可以设置属性。属性用属性名和属性值对来表示。 Session属性表示是否使用 session 13.3.10 Sessi
10、on和 JavaBean建模 双击 13.3.10 Session和 JavaBean建模 使用版型为 关联表示一个 JSP页面使用 JavaBean。 Lo gi n _C l i en t( f r o m L o g in )Lo gi nV a l i d at eL og i n B ea n13.3.11 Servlet建模 Servlet是用 Java语言编写的、运行于服务器端的程序，他接受来自客户端的请求，并将处理结果返回给客户端。 编写 Servlet类通常继承 GenericServlet类或HttpServlet类。在 Rose中，分别用版型为或 的类来表示。 Tools Java/J2EE New Servlet 13.4 Rose的 Web建模使用说明 步骤： 设置默认模型语言为 Web Modeler。 Tool Option Notation 创建虚拟目录。 Web Modeler New Virtual Directory 13.4 Rose的 Web建模使用说明 创建服务器页或客户机页。 Web Modeler New Server Page（ Client Page） 创建表单。添加表单元素。 Web Modeler New HTML Input
