您可以捐助,支持我们的公益事业。

1元 10元 50元





认证码:  验证码,看不清楚?请点击刷新验证码 必填



  求知 文章 文库 Lib 视频 iPerson 课程 认证 咨询 工具 讲座 Modeler   Code  
会员   
   
 
     
   
 订阅
  捐助
基于EA进行Web应用建模
 
王玉、俎涛 (火龙果软件工程)
552 次浏览     评价:  
 2020-7-23
 

为什么需要Web建模

在Web应用繁多的当下,用户对应用程序的要求越来越高,需求难度的不断加大,系统复杂度不断加深,因此对业务人员和web设计、开发人员的要求也越来越高。针对这些原因,使用Web建模可以帮助我们更好的进行Web应用程序开发,如下就是一个Web建模示意图:


如下是基于Web建模的类的说明字典:

 序号  类  说明
 1.  Form  表单,用于为用户数据输入创建 HTML 表单。
 2.  Web Page  Web 页面,客户端页面。
 3.  Servlet
 Servlet,获取服务器数据向Web页面发送数据
 4.  JSP Page  JSP页面,java服务器页面
 5.  Server  服务器,系统中管理资源并为用户提供服务的计算机软件。
 6.  Boundary  边界,系统的边界。

如下是基于Web建模生成的类之间的关系目录:

 序号  起点类  关系  终点类
 1. 登陆Servlet  Deployment  Web服务器
 2. 注销Servlet  Deployment  Web服务器
 3. 注销JSP  Dependency  注销Servlet
 4. 注销Web页面  Association  注销JSP
 5. 注销Servlet  Association  注销Web页面
 6. 登陆Servlet  Association  登陆Web页面
 7. 登陆Web页面  Association  登陆JSP
 8. 登陆JSP  Dependency  登陆Servlet
 9. 登陆Web页面  Association  登陆表单
 10. Web服务器 CommunicationPath  DB服务器

 

Web建模有什么

在EA中提供了丰富的Web应用建模的元素,可以帮助用户建立Web应用程序模型。这些元素通常是以图形图标显示而非常见的构造型,注意:这些构造型仅适用于Class元素。

下面展示了部分图形图标及构造型:

 

接下来我们对Web模型中所有的相关的元素和关系进行介绍:

 关系列表  说明

Node :节点
Server:服务器
Component:组件
Web Page:web页面
ASP Page:ASP页面
JSP Page:JSP页面
Servlet: Java Servlet
Script Library:脚本库
XML Document:XML文档
Server Page:服务器页面
Client Page:客户端页面
Form:表单
Frameset:框架
Target :目标
JavaScript Object: JavaScript对象
Clientscript Object:客户端脚本对象
Input Element:输入元素
Select Element:选择元素
Text Area Element:文本域元素

 

 关系列表  说明

Link :链接
Targeted Link:目标链接
Frame Content:框架内容
Submints:提交
Builds:创建
Redirect:重定向
IIOP:联网内部对象请求代理协议
RMI:远程方法调用,用于实现远程过程调用的Java API

 

如何建立web应用模型

那么,如何建立web应用模型呢,下面,我们以一个基于JSP的登陆模型进行讲解.

Web应用的建模过程如下:

1. 首先建模客户端和服务的分布
2. 然后建模客户端和服务器上的Web页面
3. 最后建模从客户端请求再到服务器响应的Web页面交互过程


如下是操作界面截图:


如下是web应用建模的详细说明:

 

Web应用的部署说明:

节点 部署的内容
客户端 表单:
  • 登录表单
  • Web Page:
  • 登录Web页面
  • 注销Web页面
  • 服务端 服务器:
  • Web服务
  • 数据库服务器
  • Server Page:
  • 登录JSP
  • 注销JSP
  • 服务端组件:
  • 登录Servlet
  • 注销Servlet
  •  

    在模型中,由系统边界(boundary)将模型中的内容划分为客户端和服务端,如下采用顺序图对登录界面的交互过程进行说明:

     

    具体的交互过程如下:

    1. 用户在客户端的Web页面表单中输入信息发出登陆请求;
    2. 服务器端的JSP接收客户端请求;
    3. JSP页面将接收的请求转化为Servlet;
    4. Servlet向web服务器发送客户端请求;
    5. Servlet接收Web服务器针对请求的响应内容;
    6. Servlet将接收的响应数据发送到Web页面;
    7. web页面向客户显示登陆是否成功的结果。

     

    有了如上的Web应用的建模,Web的动态页面、页面跳转这些很容易让人头晕的关系就可以清晰的描述出来了,对web应用的开发很有帮助。

    EA中如何进行Web建模

    如下是使用EA进行web建模的操作界面截图:

     

    具体的交互过程如下:

    1. 首先打开或新建一个模型。
    2. 在模型中添加图,类型选择Analysis。
    3. 在Analysis的下级菜单中选择Web Models,然后找到对应的图类型创建。
    4. 创建元素时,可在Web Modeling工具箱中选择元素进行创建。
    5. 除了在工具箱选择元素外,还可创建Class元素,通过修改其构造类型来设置网页图标。

     

     

    如果您希望了解更多信息:

    下载 pdf版:《基于EA进行Web应用建模》

    本文使用的建模工具为EA,可以下载试用版http://tool.uml.com.cn/ToolsEA/download.asp

     

     

     

    后记

    希望您读了此文后有所受益。

    如果您有经验乐于分享,欢迎投稿给我们。

    如果您对我们的培训、咨询和工具感兴趣:

  • 课程:基于UML和EA进行分析设计
  • 课程:MBSE(基于模型的系统工程)  
  • 课程:基于模型的需求管理)方法与实践
  • 课程:基于SysML和EA进行系统设计与建模  
  • 课程:企业架构建模
  • 课程:系统架构建模方法与案例
  • 课程:领域驱动的建模与设计
  • 课程:基于模型的设计
  • 课程:业务建模与业务分析
  • 建模工具:EA
  • 基于模型的需求管理工具:iSpace
  • 咨询方案:MBSE(基于模型的系统工程)
  • 咨询方案:基于UML的模型驱动的开发
  • 欢迎联系我们: 俎涛 Zutao@uml.net.cn

       
    552 次浏览     评价: 订阅 捐助
     
    相关文章

    UML概览
    UML图解:用例图(Use case diagram )
    UML图解:活动图(activity diagram )
    UML图解:类图(class diagram )
     
    相关文档

    UML统一建模语言参考手册
    网上商城UML图
    UML建模示例:JPetStor
    UML序列图编写规范
     
    相关课程

    UML与面向对象分析设计
    UML + 嵌入式系统分析设计
    业务建模与业务分析
    基于UML和EA进行系统分析设计
    最新课程计划
     
    最新文章
    iPerson的过程观:要 过程 or 结果
    “以人为本”的工程哲学
    企业架构、TOGAF与ArchiMate概览
    UML 图解:顺序图( sequence diagram )
    UML 图解:对象图( class diagram )
    最新课程
    基于UML和EA进行系统分析设计
    UML+EA+面向对象分析设计
    基于SysML和EA进行系统设计与建模
    UML + 嵌入式系统分析设计
    领域驱动的建模与设计
    更多...   
    成功案例
    某电信运营供应商 应用UML进行面向对象分析
    烽火通信 UML进行面向对象的分析设计
    西门子 UML与嵌入式软件分析设计
    航天科工某子公司 从系统到软件的分析、设计
    深圳某汽车企业 模型驱动的分析设计
    更多...