如何设计实现 PC 站点搭建系统 - Schema

1. 个⼈人介绍洛洛尘（⼀一个混迹于江湖，专注于聊天的打字员。） 2019 ~ 现在政采云有限公司 2018~2019 迪⽕火科技有限公司（⼆二维⽕火） 2015~2018 ⼩小泰科技有限公司 2013~2015 虹软（杭州）科技有限公司

2. 分享⼤大纲业务场景 01 功能与设计 02 如何配数据 03 体系与扩展 04

3. ⼀一业务场景

4. 运营前端产品（需求排不上，求人不如求己）（复制粘贴工程师，工龄 3 年）（无奈的产品老哥） “ …今天新增了20个门户网站，页面还没着落呢，产品老哥，给 “ … … 每天都开发重复页面，做了一遍又一遍，复制粘贴，复制粘正在做xxx项目，需求优先级高，人员投入大，实在没有资安排一下？还有这个页面的图换一下，那边的加一张 banner，这贴，复制粘贴，我太难了，这不，又来20个。还有各种各样的小源排你的需求了，这样吧，4月底，一定给你安排上。 …” 里的活动也该更新了，还有那边的坑位换一批商品，都是小需需求，明日复明日，需求何其多！！ …” 求，是不是很快就能做完？安排，安排上！！…” 5

5.

6.

7. ⼆二功能与设计

8. 站点⻚页⾯面数据组件权限

9.

10.

11.

12.

13.

14.

15.

16. 三重点：如何配数据？

17. JSON Schema

18. JSON vs JSON Schema 扩展？约束？

19. label （主题⾊色、账号...） value (6) key (字段名) placeholder type (input、switch…) data zz(下拉框的选项)

20. 属性的定义

21. 数据红⾊色 187****1234

22. 扩展类型 Upload Date TreeSelect TextArea Color RichEditor

23. String Number TextArea Boolean Date Object Upload Url Select Color TreeSelect RichEditor Array Two- dimension al Array

24.

25. 将业务转化为数据

26.

27. 将数据转化为定义

28. 地名浙江省重庆市 … 江苏省图标 icon-zhejiang icon-chongqing … icon-jiangsu 链接 www.zhejiangsheng.com www.chongqingshi.com … www.jiangsusheng.com label = 地名地名 key = name type = String Array label = 图标图标 key = icon type = Select data = icon-1/icon2 描述 - - - -

29. 将定义规范成结构

30. + =

31. 总结

32. JSON Schema Models（数据） Props（结构） Object 初始数据初始数据初始数据基础类型 … 基础类型 Array 基础类型 Two-dimensional Array 基础类型基础类型

33. 四体系和扩展

34. 粒度元件组件模板应⽤用场景化单⻚页业务链路路营销类中台多端性 Web PC Web H5 Native ⼩小程序质量量性能检测代码检测容灾⽅方案数据侧 BFF 数据共享 ajax请求聚合智产能品化化

35. 政采云前端招聘技术 Leader 1 名 QA QA 技术专家 2 名资深⼯工程师 4 名移动端开发 8 名投递邮箱： ZooTeam@cai-inc.com 2020 年年 1 ⽉月前端早早聊⼤大会

36.