如何设计实现 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.