智能构建频道页

李瑞云

2018.03

目录

• snoobe
• jdf-cms
• 频道页开发总结

snoobe-智能构建平台

• snoobe是根据设计稿智能识别模块，然后根据模块自动编写 HTML 和 CSS的工具。
• 它分为智能布局和手动布局两种方式，相辅相成，能够帮助我们快速搭建页面。
• 目前主要用于频道页的开发。

操作步骤

1. 新建工程
2. 确定哪些模块使用snoobe
3. 设置模块大小、位置（ID、名称 语义化）
4. 设置布局（几栏 复用模板）
5. 选择容器
6. 发布 预览
7. 优化代码细节

操作演示

jdf-cms

jdf-cms是为解决CMS系统线上编辑不方便，数据录入繁琐等问题而开发的一款命令行工具。

它提供丰富且灵活的测试数据，能完全在本地开发完毕后一键上传CMS系统，在CMS系统预览效果。

使用指南

1. snoobe搭建完成的jdf工程
2. 将jdf-cms插件加入jdf编译过程
3. 新建CMS portal页面
4. 初始化jdf-cms相关配置（jdf-cms init，jdf-cms data  3c）
5. vm模板改成smarty模板或trimpath模板（语法后缀名）
6. widget增加cms相关配置（jdf-cms w -i existWidge）
7. 上传CMS系统（jdf o，jdf-cms u -a）

日常踩坑

• 本地变量与线上变量
• 使用CMS系统里面的模板后再上传显示缺少模块
• unit与ins的区别

CMS相关内容

1. 埋点规则

2. 商品池价格字段获取方式

3. 图片懒加载及降质方式
4. 频道页头尾系统

https://note.youdao.com/web/#/file/recent/markdown/WEB4cc460e4fdbd4985ff617f775d9eceae/

The end

thanks !