From TSDK To DPL

基于TMS的本地模板开发工具

Transcript

1. From TSDK To DPL 2012.07.31
2. About Me 邦彦 http://mangguo.org
3. 什么是 DPL ？
4. 什么是 DPL ？ 基于 TMS 的本地模板开发工具 强化模块机制，实现模板（页面） 模块化开发和使用
5. 现状 TMS 模块 ? TSDK 模板包 ?
6. TMS 模块 外观定制困难 模块 assets 管理混乱 全局 combo 、外联、内联 模块 JS 书写要求高 缺少统一的开发调试环境
7. TSDK 模板包 外观定制困难 模板无法升级，依赖源代码 模板包粒度大，复用笨拙 简易模块化
8. DPL 优势 支持 less ，可定制外观皮肤 预知模块使用情况，静态资源按需加载 统一模块脚本初始化 控制器，为性能优化提供先决条件 本地开发调试环境
9. DPL 优势 模板可以无缝升级 模块为最小颗粒，低耦合，高复用 模块数据可模拟 可扩展性好
10. 工作流程 客户端（ DPL ） 开发模块、搭建模板、上传下载 服务端（ TMS ） 解析配置、组装代码、生成页面
11. 模板酱紫用 TMS 服务端 TMS 页面 （仅有配置） 上传 本地模板包 私有模块库 TMS 模板 （解包、入 库） 生成 升级（更新 attribute ）
12. header content layout region footer module layout region module region module module module
13. 模板 2 私有模块库 模块类型 公共模块库 模板 1 私有模块库 模板 N 私有模块库 … 私有模块库
14. 模块引用 模板中的模块引用关系 私有模块库 新建模块 已有模块 拷贝 引用 存储 公共模块库
15. 模块皮肤设置 less 模板 JSON 配置表单
16. 模板搭建 新建或插入 模块 调整 保存配置 （ attribute ） 预览模板 设置模块皮肤
17. 模板 attribute 模板结构配置 布局 区块（坑位） 模块
18. 模板渲染 解析配置 （ attribute ） 渲染布局 渲染模块 模板代码 tms 标签解析 应用模拟数据
19. 模板脚本初始化 模块统一初始化 new S.dpl['module'](box, module) ;
20. 模块控制器、懒加载 p4p,hesper,tbskip…
21. thx.