中后台系统其实可以拆分成几个比较通用的场景:表单、表格、图表,
表单涉及到联动、校验、布局等复杂场景,是开发者的需要耗费精力去解决的点,
一套与之配套的技术框架和开发实践的落地方案。
设计开发是增加附加值的,无法单独存在,
技术必须长在业务之上。而连接更大的使命,就是找到更大的业务去产生更大的设计附加值
从业务视角看待,用户关注的是最终提供给终端用户的服务能力,用户不关心,你是大数据开发的,还是AI实现的,用户只要结果,告诉我,能不能用!
Web 是最贴近前端开发者的,无论是框架提供者,还是业务开发者都应该更多的从标准的角度思考问题,这样才能让业务代码有更多的可能性对于业务的开发者而言,「一码多端」才是效率最大化的主要表现为:人员成本,维护成本,跨端开发的学习成本,性能问题,线上审核发布的便利问题
首先要定义一个有效的问题,有痛点,有价值,有解决方案,定义了一个新的问题并给出了解决方案。
技术和时间方面的限制
真正解决用户的问题,第二需要持续的投入较多精力维护
这个场景下用户的问题是什么,我们以什么样的思路去解决这个问题,然后再反推我们的技术方案是什么
表单,流程表单,报表等办公类
报表搭建
流程搭建
DI报表,Data Intelligence,即数据智能
编辑器
发布
线上应用
分享
内嵌页面
数据调用
管理员负责搭建和管理,表单用户提交和审批,其他系统可以调用数据
完整的文档
长期维护的社群
表单领域多端一致
表单领域多端一致,搭建平台的对接成本,学习成本
前端框架统一,降低维护成本很高,组件间复用性低
PC端,H5端开发体验一致
- 技术统一,整合产品规范,降低重复劳动
- 支撑业务发展
- 版本迭代规划,业务方向聚焦
- 统一文档平台
- 研发流程,应用架构统一,代码发风格一致
- 代码规范,团队认同感
- 相似的代码风格,对 codereview和接手维护会更方便
- 沉淀技术栈,研发体系一致,包括
- 前端监控
- 自动埋点,上报sls日志,问题排查等。
- 变更应急
- 应急平台,故障列表,风险预警,封网管控
- 业务沉淀
- 组件沉淀:将页面模板,组件归类,产生前端PD理解一致的组件,页面模板库,上升到核心资产
- 统一术语规范,沉淀扩展已有前端组件库,提供专业的中台前端,设计,业务组件解决方案。
中后台表单规范
中后台页面的视觉一直以来不够重视,导致目前的UI问题比较突出:
- 原生 html 组件开发的页面
- 各种不同的 主题开发的页面
- antd 开发的 UI 页面
- 不同风格的表格、搜索、Tab 等视觉
解决
业务组件
统一的基础设计规范
统一的组件设计规范
统一的页面设计规范
风格的表格、搜索、Tab 等视觉
前端按领域划分,小而美,不要把一个应用做成巨型应用
一个平台可被所有业务复用,业务组件在平台内可被复用,减少重复开发成本
低耦合,高内聚:前端项目是多个特定业务小项目,业务单一,维护简单,多人协同开发成本较低。
前端加页面,后端加接口服务,通过配置中心配置就行
发布,回滚,通过修改配置中心就行
共用统一的前端组件库
每次开发一个中后台表单或者列表需求都要从零开发写代码,成本较大
大多数中后台系统都是由后端工程师维护的
产品功能频繁地变动,而有些变动可能只是加一个输入框或者改某个选择框的属性,但用源码的方式修改成本会很高
可视化搭建
搭建平台数不胜数,解决的问题也各不相同
通过强大的UI搭建能力提升页面编写效率的云端工作台。
5个后台项目的落地证明了目前这套从搭建到代码工作流的可用性
从头搭建页面的成本很大,对于后台场景,页面类型都比较固定,在现有模板上改比较从零开发效率高太多
缺少模板也会导致平台对新用户不够有吸引力
核心能力,丰富的素材与模板
接入素材中心
针对各类运营场景开发模板
对于水平差不多的团队,同类竞争或者同赛道的竞争很难分出优劣,尤其对于后来者更是如此。
因此在某些场景需要去探索新的方向实现弯道超车,但是如何找到新的方向,定义新的问题,进而解决这些问题是更加重要的。
表单物料
提高模板丰富度,用户基于官方模板可以快速地搭建出页面
覆盖中后台垂直领域 90% 以上的业务
表单基础属性,比如提交 URL、几个按钮以及按钮的操作
将 JSON 发布到后端生成一个 ID
前端请求 ID 取到 JSON
面向表单的场景搭建,快速地搭建出面向中后台垂直领域(如表单、列表等)页面需求
面向 PD 可视化场景搭建
表单系统的关键词
- 电子表单
- 表单可视化
- 表单驱动
- 表单引擎
- 小程序表单搭建
https://www.zhisheji.com/jiaocheng/1646784.html
https://musicfe.com/form/
https://www.jianshu.com/p/da2155fbddd9
https://www.uisdc.com/long-form-design-3
https://blog.csdn.net/chinahuyong/article/details/120760438
https://www.zhihu.com/question/421374988/answer/2060013947
https://blog.csdn.net/loulanyijian/article/details/125347261
https://www.vyouke.net/2496.html
https://cloud.tencent.com/developer/article/1352743
表单场景
查询表单
客户端动作
动态表单
用 json来描述表单;减少写表单的成本,提高开发效率
流程表单
制定标准或者约束
就像以前做活动页面,运营会在项目的各个阶段找你改这个改那个,
你的确有能力帮助运营一个个改完,但这是否是正确的方式?是否有更好的协作方式?
业务上的落地或者用户量一直处于一个相对低沉的阶段,最近一直在想如何去突破,没有一些成体系的结论,先把一些思考沉淀下来