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

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

可能这个叫法必定很是准确,可是的确实现了组件式的开发框架

那好吧,姑且就这么叫吧spa

 

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

 

首先咱们提供了一个功能检索的页面,用于查询全部的功能菜单htm

image.png

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

image.png

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

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

这就是典型的编辑页面模型表单验证

image.png

 

image.png

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

好像没有什么特别的。

 

你们特别关注下 粉色框线部分的 引用

引入了一个 EditArea.html

里面的内容就是

image.png

这样就可以实现设计内容的共享了。

为何要这么作,看下图

image.png

这是另外的一个页面:

其中红色框线部分是如出一辙的,目前都是经过分部引用的方式加载的

 

image.png

 

这只是个例子,将来经过你们的想象能够发挥很是大的做用

不单单是用于复用模式下

即便不是复用,也能够用来分解复杂页面的施工,将不一样的部件组装整合成一个完整的部分

 

例以下图:

image.png

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

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

相关文章
相关标签/搜索