码迷,mamicode.com
首页 > 其他好文 > 详细

五、敏捷开发框架 初识组件式开发

时间:2020-06-02 09:39:46      阅读:68      评论:0      收藏:0      [点我收藏+]

标签:kms   组件   独立   页面   拆分   初识   表单验证   进入   保存   

敏捷开发框架初识组件式开发

可能这个叫法一定非常准确,但是的确实现了组件式的开发

那好吧,姑且就这么叫吧

 

下面讲讲这个页面的由来:

 

首先我们提供了一个功能检索的页面,用于查询所有的功能菜单

技术图片

这个页面的实现,QueryPage 太拿手了

技术图片

查询列表的所有功能全部搞定

点击【编辑】或者双击进入编辑画面

这就是典型的编辑页面模型

技术图片

 

技术图片

所有的代码,包括表单验证,数据加载、保存,全部实现。

好像没有什么特别的。

 

大家特别关注下 粉色框线部分的 引用

引入了一个 EditArea.html

里面的内容就是

技术图片

这样就能够实现设计内容的共享了。

为什么要这么做,看下图

技术图片

这是另外的一个页面:

其中红色框线部分是一模一样的,目前都是通过分部引用的方式加载的

 

技术图片

 

这只是个例子,未来通过大家的想象可以发挥非常大的作用

不仅仅是用于复用模式下

即使不是复用,也可以用来分解复杂页面的施工,将不同的部件组装整合成一个完整的部分

 

例如下图:

技术图片

将员工维护区域拆分成独立的页面开发,其实就是一个简单的查询页面模型

将上面的机构编辑区域独立开发,其实就是一个简单的编辑页面模型

五、敏捷开发框架 初识组件式开发

标签:kms   组件   独立   页面   拆分   初识   表单验证   进入   保存   

原文地址:https://www.cnblogs.com/godmodel/p/13029089.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!