基于模型管理的调研

Posted 2021-10-01 sp42a

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了基于模型管理的调研相关的知识，希望对你有一定的参考价值。

引言

模型概念本身比较抽象，试举一个例子：现实世界中水、空气……根本组成的是原子，有不同的原子结合各种规则构成了客观多彩的世界。

模型也是利用这个原理，定义不同的属性和逻辑（规则）映射客观事物，多个组合在一起构成计算机里面的对象。

与 Web 开发中的 MVC 的 Model 类似，但会加强很多。

需求、要点分析

模型的目标至少具备如下信息：

UI（前端信息）：组件类型，长度，验证信息，是否必须输入等等；
DBMS（数据库创建，操作信息）：表的增删改查等等，各张表的关联；
WorkFlow（业务流程）：可以创建业务流程，决策者的权限，附件信息等等；
Rules（业务规则）：复杂的业务逻辑推荐直接代码或脚本实现

围绕以上信息提出下面建模手段：

表单建模：通过可视化的方式灵活创建页面表单、查询列表，提供丰富的基本控件；
数据建模：基于元数据模型驱动开发的思想，提供灵活、稳定的元数据模型建模与管理，通过数据实体、属性、关系等元数据配置响应业务需求变化；
流程建模：提供子流程、会签、跳转、退回、撤销等多种流程操作；

模型是从前台到后台包办的，例如我有一个 User 模型，当我创建一个新的 user 时，user 上的字段验证等方法是前后端通用的，由框架自动帮我区别前后端环境。这样利于代码复用

模型不但与前端框架没有耦合，跟后端的 ORM 甚至数据库也没有耦合，但可以与他们轻松结合使用。

存在的问题

模型如何存储，JSON/XML？
数据实体如何绑定到 UI、报表

参考文献

国内低代码平台

全栈平台

页面搭建

仅包含前端部分的 low code 平台

MAKA
易企秀
上线了
兔展
稿定设计
壹伴
创客贴
点石
京东-通天塔
- 京东商城活动页面构建系统——通天塔
阿里-imgcook
转转-魔方
- 持续迭代的电商可视化运营页面生成系统
人人贷-活动运营平台
- 活动运营自动化平台实践
美团-乐高
- 美团外卖前端可视化界面组装平台 —— 乐高
百度-h5
- 前端即服务-通向零成本开发之路
政采云-鲁班
- 前端工程实践之可视化搭建系统（一）
携程-民宿CMS
- 活动专题系统搭建过程中我的一些思考
携程-乐高
- 干货 | 已配置4000+页面，携程前端组件化探索之“乐高”运营系统
知乎-Versatile Editor
- 「可视化搭建系统」——从设计到架构，探索前端领域技术和业务价值
阿里-bi designer
360 - 即视
http://h5.dooring.cn/

店铺装修

非独立页面，依附于业务系统存在的页面搭建

shopify
有赞-微页面
淘宝店铺装修

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-GlOUMtkS-1631254781896)(https://badges.frapsoft.com/os/v3/open-source.svg?v=103)]

阿里-飞冰
阿里-formilyjs
- MegaLayout - 下一代Formily表单布局解决方案
阿里-gaea-editor
- 可视化在线编辑器架构设计
阿里-sula
blockVisualEditor
pager
运满满-码良
- 如何设计高扩展的在线网页制作平台
X-Page-Editor
Vue-Layout
antd-visual-editor
pipeline-editor
- 【第1524期】页面可视化搭建工具技术要点
panel-magic
- 基于 Angular 的小程序可视化编辑器 Panel-Magic 的实现解析
百度外卖-blocks
- 百度外卖如何做到前端开发配置化
Esview
gen
bee gen pro
百度-amis
- Ovine：基于 amis 补全了路由、权限相关的组件
- 爱速搭
唯品会-ams
vue-admin
鲁班 H5
华炎魔方
h5-factory
- 一个简单易用的电商活动页面生成系统
vision
brick-design
随心秀
yh5
rxeditor
activity-YD
layoutit
Ramiko
- 使用 React 构建页面可视化搭建工具
jeecg-boot
sparrow-js
- 实时输出前端代码，折腾大半年的开源项目 sparrow-js
Tefact: Tefact 轻量级无代码/低代码，H5、表单编辑器
星搭: 星搭无代码平台，快速构建中后台、小程序
好未来晓黑板go-zero微服务框架: 你不需要懂微服务，懂业务就行
cube：快速搭建中后台页面
react-visual-design: 基于react的h5组件搭建
Web Designer
h5maker
pl-drag-template
form-generator：Element UI表单设计及代码生成器
form-render：通过 JSON Schema 生成标准 Form，基于React
Vue Json Design
rebuild
W5 SOAR
Moria - Lowcode development platform
nocobase

https://github.com/blocks/blocks
https://github.com/frappe/frappe
https://github.com/ipselon/structor
https://github.com/vigetlabs/colonel-kurtz
https://github.com/BuilderIO/builder
https://github.com/vuegg/vuegg
https://webcodesk.com/
https://github.com/odoo/odoo
https://github.com/imgcook/imove

办公/管理系统 a.k.a no-code

声明式编程

“Probabilistic scripts for automating common-sense tasks” by Alexander Lew

行业综述

技术点

国外

https://www.honeycode.aws/
https://developers.google.com/appmaker
https://powerapps.microsoft.com/zh-cn/
https://www.zoho.com/creator/
https://www.salesforce.com/
https://www.appian.com/
https://bubble.io/
https://www.adalo.com/
https://thunkable.com/
http://www.vvveb.com/vvvebjs/editor.html
https://www.forestadmin.com/
https://mobirise.com/
https://paperbits.io/
https://builderx.io/
https://grapesjs.com/
https://reactstudio.com/
https://www.wix.com/
https://university.webflow.com/
https://www.squarespace.com/
https://www.framer.com/
https://www.figma.com/
https://www.mendix.com/zh/
https://www.outsystems.com/
https://retool.com/
https://www.quickbase.com/
https://layoutit.com/
https://www.claris.com/zh/filemaker/
FoC 聊天记录：https://marianoguerra.github.io/future-of-coding-weekly/history/?fromDate=2017-06-13&toDate=2017-06-14&channel=general&filter=

一切改进都是源自于人类的缺陷

How we think

人脑是串行的，无法有效并行思考多条线索
- 人脑不适合思考并行执行的多线程
  - 【单线程】把共享变量的编程模式改成事务整体提交的模式
- 人脑不适合思考同时呈现在屏幕上的多个独立的业务流程
  - 代码是按发生时间组织的，在一起的代码未必是逻辑上有关联的业务流程
    - 【按业务切分文件】阅读者应该可以按照自己的任务目标来跟踪索引，而不是默认一个按钮点击引起的处理逻辑都一定要写在一个大文件里
    - 【按变更频率切分文件】业务变更是阅读的首要原因，代码应该按照业务变更的频率来组织。会同时变更的代码应该放在一起
- 人脑很难管理多份独立可变的状态，本质上每个独立变化的状态就是一个独立的线程
  - 驱动状态数量熵增的三大因素：
    - 因为交互体验的要求，从后端到富客户端到3d动画，状态被复制多份，越来越靠近展示层
    - 因为硬件物理的约束，内存从CPU统一寻址，到异构计算，CUDA，每个硬件核都有一层自己的内存
    - 因为数据量的增长，从统一的OLAP从库，到Data Lake，Data Mart，数据被复制成越来越份，流水线越来越长
  - 对抗状态数量熵增的手段：
    - 【声明式数据联动】减少独立变化的状态，用表达式来表达 derived state
    - 【全局虚拟数据层】借鉴Unix的统一文件抽象，引入一层统一的虚拟数据层。尽可能把状态转化成 cache
- 人脑很难理解新增对原有行为的剧烈变化，更习惯逐层稳定叠加。也就是人更希望“控制变量”
  - css 最大的难度在于不正交，新增一条对规则会引起意想不到的效果
    - 【局部化布局】swiftui 的 HStack/VStack/ZStack 布局规则数量少，每条规则作用都是局部的稳定的叠加
  - 性能优化往往需要破坏局部性，因为局部的自治容易引起重复劳动
    - 【局部化IO】系统自动实现 I/O 的批量等可以自动化做的全局优化
    - 【局部化IO】业务写成自治的，但是可以附加额外的手工全局调优。而不是强制要求把业务逻辑从局部抽出去

How we perceive

人眼只能在狭窄的感受野里获得信息
- 人对时间的感知是来自于对空间的感知
- 人希望在一个屏幕内从上往下的获取时间顺序上从早到晚的信息
  - callback 的编程方式破坏了屏幕上的顺序和时间顺序的直接映射关系
    - 【协程式IO】用协程取代 callback，把屏幕上的代码撸直
  - [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-JzFj71Lt-1631254781902)(https://via.placeholder.com/15/f03c15/000000?text=+)]通过 status 字段驱动的业务状态机破坏了屏幕上的顺序和时间顺序的直接映射关系
    - 【协程式业务流程】用协程取代 status 状态机，把屏幕上的代码撸直
- 因为感受野的限制，源代码没有空间展示所有的细节
  - 类型定义，内存分配等“细节”占用了大量的视觉区域
    - 【IDE细节隐藏】在文本上省略掉细节，由 IDE 进行补全，当鼠标移动上去的时候才展示出来
  - 人最习惯的空间整理方式仍然是层状的文件夹
    - 所有的“架构”设计，最终都是对文件夹和文件的设计。但是一个维度的静态索引（文件夹嵌套）无法满足所有可能的检索需求
      - 【IDE按需索引】由 IDE 来补全文件夹分类不能满足的索引需求，针对阅读者的任务来设计IDE索引
- 视杆细胞容易忽略形状和顺序的差异，但是对颜色更敏感
  - 语法高亮占用了宝贵的资源，但是并没有考虑阅读者的诉求
    - 【IDE按需高亮】对于不同的任务，阅读者希望找到的重点是不同的，语法高亮应该结合任务来做

How we collaborate

人与人之间最高效的沟通的方式是面对面的交互式声波震动
- 人类低下的沟通带宽根本上限制了一个团队的规模
  - 上线速度要求越快越好，但是加人带来的边际效益递减
    - 减少开会拉齐，团队应该尽可能地自治，而不是什么都要靠 feature team 横向拉通
      - 高内聚，低耦合
        【静态链接包】编程工具应该提供更多的组合可能，而不是所有的组合都要在运行时用面向对象的多态来实现
        【按变更频率切分包】分工应该按照变更频率来确定，分工应该是明确的
- 尽可能由最终用户，或者靠近最终用户的团队来解决问题，而不是长距离传递需求
  - 最终用户编程：直接让需求提出者自己来实现需求
    - 把“学习”内置到工具里，需要内置一个教学工具
      - 最终用户的编程工具开发难度高，成本高，投入超过了单个软件的回报
        【编辑器预制】把“公式编辑”，“店铺装修”等常见共性需求提前预制
    - 教学工具的目标是教学，而不是把自己标杆为更先进的生产力
      - 【教学内置】提供教学模式和生产力模式的无缝切换
  - 低代码编程：通过提前预制，把工作量前置，减少应用开发者的规模，从而可以在组织架构上把开发者内置到用户组织内部。与此相对应的是文档驱动的外包式开发。
    - “预制”来自于对共性需求的提前预判
      - 【非功能性需求云化】非功能性需求的实现，都是运行在相似的机器上
        操作系统
        k8s
        RPC 框架
      - 开发者都是人类
        编程工具
        沟通工具
      - 用户都是人类
        【SaaS组件】IM / 电话 / 短信
        【Ui组件】字处理器 / 表格
        【CRUD生成】惯用的展现和交互
        列表详情
        树状层级
        表格结构
        可拖拽白板
      - 【SaaS组件】相对稳定的业务流程
        登录注册
        支付
      - 行业内相对稳定的业务共性流程
        电商
        HR / 招聘
        销售管理 / CRM

How we learn

人的“归纳/理解/学习”能力高度依赖于可视化交互式地操纵与反馈
- 帮助应该放在任务执行的地方，与其说“可视化”，不如说是“可发现”
  - 【填空题变选择题】单独的语法手册是不好使的，必须提供界面上的按钮，把填空题变成选择题，这样才能启发学习
    - GUI 设计器 / 店铺装修
    - 公式编辑器
    - 审批 / 工作流设计器
    - trigger 流程设计器
- 人习惯于用手触碰一下对象，然后观测其反馈，从而归纳学习
  - 不可观测的行为无法学习
    - 生产环境的bug无法本地复现，我怎么找规律？
      - [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-wyB90r60-1631254781909)(https://via.placeholder.com/15/f03c15/000000?text=+)]【TestInProduction】tracing，大量的 tracing，流量回放
    - lowcode 平台的bug没有任何线索，除了找平台开发者，我能怎么办？
      - 不能要求用户了解所有的内部细节，“平台”要做到可依赖
      - 业务逻辑问题的定位和生产环境的bug定位一样，靠 tracing
  - 反馈太慢的行为给人的负面感受是指数增加的
    - 本地机器太慢了跑不起来，需要上公司的沙盒环境来复现问题
      - 【云IDE】
    - 改完了代码需要重新编译重新加载
      - 【LanguageServer】交互式开发的时候跳过不必要的编译
      - 【所见即所得】所见即所得的 GUI 开发，本质上就是用解释器执行，换取编译时间的缩减
      - 【HMR】重加载的时候保持页面状态

no code / low code / pro code

一切的改进都是源自于人类的缺陷

no code：自己编程给自己用，给用户的感觉是一个更强大的办公/实用软件。主要的手段是用图形化操作等方式降低学习曲线。no code 一定要面向非常固定的领域才能做到好用。
low code：编程给其他人用，为此创造了一个 citizen developer 的概念。主要的手段是平台预制好常见的需求，减少需要从头写的代码。low code 也要面向指定的领域才能让平台提前预测需求，但相比 no code 可以不把使用场景限定得那么死。
pro code：low code 的平台自己不会选择 low code 来创建这个平台本身，因为 low code 并没有降低从头构建一个系统的成本。但是 pro code 的平台自己会选择 pro code 来创建这个平台本身，比如 react 开发者会选择用 react 来创建自己的开发工具，因为 pro code 的工具和平台都是以从根本上降低从头构建一个系统的复杂度为目标的。

以上是关于基于模型管理的调研的主要内容，如果未能解决你的问题，请参考以下文章

结合工程实践选题调研分析同类软件产品

推荐算法工程师如何突破模型调研的瓶颈期？

A_Pancers团队作业4—基于原型的团队项目需求调研与分析

《JUST DO IT!》团队作业4-基于原型的团队项目需求调研与分析

《对不队》团队作业4—基于原型的团队项目需求调研与分析

开源APM应用性能管理工具调研