带你读《2022技术人的百宝黑皮书》——无代码生产新模式探索(2)

简介: 带你读《2022技术人的百宝黑皮书》——无代码生产新模式探索(2)

带你读《2022技术人的百宝黑皮书》——无代码生产新模式探索(1)https://developer.aliyun.com/article/1340597?groupCode=taobaotech


整体方案

image.png

 

协同模式升级:通过设计与前端的标准场景规范定义,沉淀场景物料,以场景为中心,产品围绕场景设计、页面围绕场景搭建、接口基于场景配置推导,改变各角色的生产关系,缩减转译环节,提高整体交付效率

 

研发模式升级:构建无代码UI生产能力基于场景无代码配置生产(包含联动交互、条件渲染,数据绑定等完整功能)页面并生成数据API需求描述,后端按要求提供及绑定API后完成研发。

 

 

 

产品标准及体验保障:基于标准场景页面全流程无代码研发,保障产品设计和技术实现的标准及产物质量。同一体系内都呈现一致的交互语言和产品调性,降低用户学习成本,提升业务使用体验。

 

技术架构

image.png

 

 

场景标准化

 

平台架构以场景为中心,产品围绕场景设计,页面基于场景搭建,API 数据结构根据场景定义。因此,要定义出场景,收敛并标准化沉淀。

 

首先场景是基于中后台常见的产品模式和功能板块拆解,对交互形式、接口数据结构进行标准化收敛后,提取出的功能高度收敛的场景物料和场景控件。

 

从技术上定义来看:

  1. 按UI体系原子化设计的粒度划分,场景物料属于模版粒度,比如,基础查询场景包含筛选表单、操作区、展示表格、翻页器,是页面内的大区块;场景控件属于组件和模块的粒度,比如员工选择器、日期展示组件等。
  2. 从能力上看场景物料和场景控件具有业务属性,内置了业务相关逻辑和API数据请求,比如:Fusion Table 是纯 UI 组件,AntD ProTable 封装了翻页、筛选等预设逻辑,查询场景物料还额外封装了接口请求处理,标准了场景所需要的接口及其数据格式即场景模型。

 

 

 

image.png

 

带你读《2022技术人的百宝黑皮书》——无代码生产新模式探索(3)https://developer.aliyun.com/article/1340594?groupCode=taobaotech

相关文章
|
前端开发 JavaScript Shell
如何免安装使用 Python?推荐 17 个在线的 Python 解释器!
如何免安装使用 Python?推荐 17 个在线的 Python 解释器!
2194 0
|
机器学习/深度学习 编解码 算法
yolo原理系列——yolov1--yolov5详细解释
yolo原理系列——yolov1--yolov5详细解释
2326 0
yolo原理系列——yolov1--yolov5详细解释
|
人工智能 搜索推荐 新能源
E-E-A-T²增强框架:AI时代GEO生成式引擎优化的信任破局之道
生成式AI时代,GEO优化已成企业数字化生存必答题。E-E-A-T²增强框架在传统经验、专业性、权威性、可信度基础上,新增“实体认证”维度,通过区块链存证与技术赋能,构建AI信任体系。孟庆涛率先实践,推动该框架落地15大行业,助力企业提升引用率、降低获客成本,引领GEO从流量竞争迈向信任价值竞争新阶段。
313 0
 E-E-A-T²增强框架:AI时代GEO生成式引擎优化的信任破局之道
|
Ubuntu Shell 芯片
配置udev规则
本文介绍了如何配置udev规则以解决USB设备别名问题,包括为特定USB设备创建别名、修改设备权限、重新加载udev规则以及设置Python包管理工具pip的镜像源以加速下载。
890 0
|
数据采集 边缘计算 缓存
|
运维 Java 虚拟化
《docker基础篇:1.Docker简介》,包括Docker是什么、容器与虚拟机比较、能干嘛、去哪下
《docker基础篇:1.Docker简介》,包括Docker是什么、容器与虚拟机比较、能干嘛、去哪下
704 12
|
机器学习/深度学习 监控 数据可视化
DeepSeek模型解释与可视化
深度学习模型常被视为“黑盒”,其决策过程难以理解,但在医疗、金融等高风险领域,理解模型决策至关重要。DeepSeek提供多种工具和方法,帮助解释和可视化模型的决策过程。本文介绍如何使用DeepSeek进行特征重要性分析、中间层可视化、局部解释(如LIME和SHAP)及训练过程监控,并通过代码示例详细讲解这些技巧,助力你掌握模型解释与可视化的方法。
|
JSON API 数据格式
Python中获取HTTP请求响应体的详解
本文介绍了如何使用Python的`requests`和`urllib`库发送HTTP请求并处理响应体。`requests`库简化了HTTP请求过程,适合快速开发;`urllib`库则更为底层,适用于性能要求较高的场景。文章详细演示了发送GET请求、处理JSON响应等常见操作。
844 3
|
前端开发 JavaScript 安全
前端JS实现密码校验键盘横竖、26字母、相同字母、相同数字、密码包含用户名、数字 字母不能连续 不能相同三个、不能横向 竖向 连续三个 包含字符、不能有中文符号
该 JavaScript 代码实现了一个严格的密码校验功能,确保密码满足多种安全要求,包括长度、字符类型、不包含中文及特殊字符、不与用户名相似等。通过多个辅助函数,如 `validateFormat` 检查密码格式,`isHasChinaCharFun` 检测中文符号,`getCharAll` 生成键盘组合,以及 `checkPasswordFun` 综合验证密码的有效性和安全性。此工具对于提高用户账户的安全性非常有用。
1067 0
|
JavaScript 前端开发 数据安全/隐私保护
【vue】 前端vue2 全局水印效果
【vue】 前端vue2 全局水印效果
1247 1