stingray 页面布局与设计

前言

前面我们已经了解了系统中的HTML组件，现在我们就可以开始用这些组件来设计页面了，他们就像是一块块小积木，我们要盖起高楼大厦。

两种页面容器组件

我们将关联性较强的多个HTML组件放到一个容器组件中便于统一处理，这就行成了一个区块。多个区块顺序放到一个页面中，变组成了一个页面。基本上就是这个样子：

区块的设计重在熟练掌握这两个容器组件：

1. Dynamic Container - 相对定位，高度自适应
2. Static Container - 绝对定位，需要指定高度
   
   

使用WebEditor制作页面

通过DevToolBar创建新页面或者编辑已有的页面。DevToolBar不显示的问题 - 使用Developer模式运行。使用Applist页面讲解基本使用。

使用Sublime Text开发页面

同样这里使用Applist页面进行讲解基本使用，我们有个基本的对比。开发过程演示讲解。

两种方式的对比

1. 直观性，所见即所得
2. 操作难易程度
3. 调试，问题排查
4. 代码格式化
5. 开发速度
   
   

未来页面设计系统构想

使用Angularjs重新构建前端部分，没错，就是重构我们的系统。

1. VRM - 只负责ajax请求的处理，只返回json数据
2. html - 视图部分将独立出来
3. javascript - JS也将独立出来
4. BootStrap - 引入css框架，简化布局
5. 通用模块组件化
   
   

后端开发培训

下一节我们将介绍后端开发：stingray后端开发

posted @ 2017-02-14 21:45 by Mark