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

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

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

那好吧,姑且就这么叫吧

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

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

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

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

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

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

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

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

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

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

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

好像没有什么特别的。

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

引入了一个 EditArea.html

里面的内容就是

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

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

为什么要这么做,看下图

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

这是另外的一个页面:

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

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

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

不仅仅是用于复用模式下

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

例如下图:

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

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

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

相关推荐