zoukankan      html  css  js  c++  java
  • Silverlight企业应用快速开发平台框架设计(三)分析页面模型

    前面分析了常用的5个页面部件

    正常情况下有这5个部件就足够了

    但是前面的5个部件,单独使用都没有任何意义,可以将这5个部件比作原材料,

    那么我们要加工成我们需要的<<通用页面模型>>(成品)

    我们一般情况下到底需要哪些通用的页面模型呢?

    我这边总结归纳了,一般企业数据库应用系统开发80%的页面模型,如下图:

    UI1、列表模型

          一个项目几乎60-80%都是这样的画面

          根据查询条件、查询出结果显示在列表上,同时提供些操作功能

         基本构件如下图:

        

    示例:

    如上图的示例:就是典型的列表画面

    主要有三部分组成

    1、顶部的功能按钮 ----对应的前面分析的部件就是 “功能部件”

    2、中间部分是查询输入框----对应的前面分析的部件就是“查询部件”

    3、下面部分是列表显示功能-----对应的前面分析的就是“列表部件”

    UI2、编辑页面模型:

             实现数据的新增和修改功能的页面

             提供最基本的用户录入控件

             提供功能按钮实现人机交互,比如说 保存、复制、删除等等

    部件构成图如下: 

         真实示例:

     如上图所示的编辑页面模型在一个项目中是非常常见的

     既然重复率这么高,我们有必要抽象出这样的一个页面模型

     将公用的部分封装在这个模型中,不一样的地方,通过配置手段来搞定

     这样我们开发出这样一个页面模型,就能应对整个项目中您肯能面对的10个,20个甚至更多的这样的编辑画面

     具体如何实现后面会探讨,在这里  我们找到了需要抽象的页面模型

    UI3、列表编辑模型

           这是一个简单组合模型

           构成如下图:

     示例:

     如上图,这就是一个列表编辑页面:

     其实就是讲UI1和UI2整合在一个画面中

     在我们的软件开发过程中,可能需要这样的维护画面

     通常复杂的、维护内容较多的页面,我们都是点击新增或者点击修改,跳转到、或者弹出一个新的画面进行数据维护

     一些简单的画面,客户可能需要像上图一样 直接在同一页面实现所有的增删改查功能

     UI3 的构成是 UI1+UI2

          具体UI2保存成功后肯定要刷新UI1 列表页面模型中的数据,这里面的数据协调机制由UI3来完成。

    UI4、树形页面模型

          前面也分析了树形部件,那它的使用场景呢?别急 看下图

          UI4-树形页面模型构成:    

    示例演示:

     如上图的功能菜单维护就是典型的树形模型画面

     UI4-树形页面模型 主要是用来实现有父子关系的资料维护功能

           如左侧使用树形部件来显示数据,这样比较直观

           右侧,我们不会重复开发代码,我们直接使用UI2-编辑页面模型

         

           如果<<UI2-编辑页面模型>>是成品的话,这个话 对的,它的确可以作为最终的用户使用页面

           但是同时<<UI2-编辑页面模型>>也可以看做是半成品,如在<<UI4树形页面模型>>中就是一个组件构成

           能够如此方便的实现嵌套,这都完全得益于Silverlight的强大之处

           UIElement可以随意的套来套去

    UI5-关系页面模型    

      关系页面模型:顾名思义就是用来维护关系的一种特殊页面

                          比如说维护一个用户对应的角色

                          一个用户可以有多个角色

                         通常我们在这样的画面中提供角色的数据列表控件,供勾选,选中就是当前维护的这个用户的角色

    解释一下:如上图  编辑部件,就是用来显示,当前正在维护的对象

                             查询部件,用来检索查询,比如说查询角色,可以输入特定的查询条件来定位角色

                             列表部件,查询出来的结果,供选择

    也许,留意的同学会发现这个所谓的关系页面模型和  UI3列表编辑页面非常相似的

    对的 大体一样,唯一不一样的是 这里的列表部件,查询后,要自动勾选中那些已经数据要设置的对象了的数据行

    UI6-复合模型

          其实你也接触了一个简单的复合模型UI3-列表编辑模型

          这里讲的复合页面模型,是一个更加复杂的,功能更加强大的页面模型

          上述总结的所有页面模型 都可以被 复合模型来使用。

       构成图:

    示例:

    如上图的程序 就是一个复合的页面模型的典型应用

    首先它组合了 :如上图的归并关系表头: UI2 编辑模型

             组合了:如上图的归并后料件:UILIST 模型

             等等

    好了废话不多说,至此我们分析总结出了我们需要重点开发的如上的6个页面模型

    开发完这个6个页面模型,这样就能解决80%的软件编码问题

    所以按照上面的分析

    我们会重点开发如下图的5个部件

    用上述的5个部件组件我们的页面模型

    有如上图红色框线中控件就是我们总结的一系列页面模型,使用它我们就能实现80%软件无需编码,全部使用配置来实现。

    我们使用同一配置开发平台进行软件配置定义,最终软件配置开发平台会产出XML, 

    然后将这个XML交个上述页面模型,页面模型会根据XML中描述定义,自动生成画面。无需手动进行代码开发。

  • 相关阅读:
    Azkaban的使用
    Azkaban安装
    Kafka 启动失败,报错Corrupt index found以及org.apache.kafka.common.protocol.types.SchemaException: Error reading field 'version': java.nio.BufferUnderflowException
    Kafka 消费者设置分区策略及原理
    Kafka利用Java API自定义生产者,消费者,拦截器,分区器等组件
    zookeeper群起总是有那么几个节点起不来的问题解决
    flume 启动agent报No appenders could be found for logger的解决
    Flume 的监控方式
    Flume 自定义 组件
    Source r1 has been removed due to an error during configuration java.lang.IllegalArgumentException: Required parameter bind must exist and may not be null & 端口无法连接
  • 原文地址:https://www.cnblogs.com/godmodel/p/2318607.html
Copyright © 2011-2022 走看看