前言
前面我们已经了解了系统中的HTML组件，现在我们就可以开始用这些组件来设计页面了，他们就像是一块块小积木，我们要盖起高楼大厦。
两种页面容器组件
我们将关联性较强的多个HTML组件放到一个容器组件中便于统一处理，这就行成了一个区块。多个区块顺序放到一个页面中，变组成了一个页面。基本上就是这个样子：
区块的设计重在熟练掌握这两个容器组件：
- Dynamic Container - 相对定位，高度自适应
- Static Container - 绝对定位，需要指定高度
使用WebEditor制作页面
通过DevToolBar创建新页面或者编辑已有的页面。DevToolBar不显示的问题 - 使用Developer模式运行。使用Applist页面讲解基本使用。
使用Sublime Text开发页面
同样这里使用Applist页面进行讲解基本使用，我们有个基本的对比。开发过程演示讲解。
两种方式的对比
- 直观性，所见即所得
- 操作难易程度
- 调试，问题排查
- 代码格式化
- 开发速度
未来页面设计系统构想
使用Angularjs重新构建前端部分，没错，就是重构我们的系统。
- VRM - 只负责ajax请求的处理，只返回json数据
- html - 视图部分将独立出来
- javascript - JS也将独立出来
- BootStrap - 引入css框架，简化布局
- 通用模块组件化
后端开发培训
下一节我们将介绍后端开发：stingray后端开发
posted @ 2017-02-14 21:45 by Mark