带你读《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 解释器!
1783 0
|
9月前
|
人工智能 前端开发 算法
大厂CIO独家分享:AI如何重塑开发者未来十年
在 AI 时代,若你还在紧盯代码量、执着于全栈工程师的招聘,或者仅凭技术贡献率来评判价值,执着于业务提效的比例而忽略产研价值,你很可能已经被所谓的“常识”困住了脚步。
5390 91
大厂CIO独家分享:AI如何重塑开发者未来十年
|
5月前
|
Linux API iOS开发
OpenClaw(“龙虾”)从部署到使用保姆级教程:两步部署+多免费模型API配置指南(Kimi-k2.5、MiniMax、GLM5、GPT)
2026年,OpenClaw(昵称“龙虾”)作为开源AI代理工具的核心代表,持续受到广泛关注。其通过自然语言指令驱动的自动化执行能力,成为提升工作效率的重要工具。但随着用户规模扩大,付费模型API的使用门槛逐渐提高,部分付费套餐甚至需要限时抢购,给普通用户带来不便。
4585 0
|
运维 Java 虚拟化
《docker基础篇:1.Docker简介》,包括Docker是什么、容器与虚拟机比较、能干嘛、去哪下
《docker基础篇:1.Docker简介》,包括Docker是什么、容器与虚拟机比较、能干嘛、去哪下
672 12
|
存储 Java 关系型数据库
学成在线笔记+踩坑(0)——面试问题
介绍你的项目、项目难点、表是怎么设计的?、断点续传是怎么做的?、如何保证任务不重复执行? 、任务幂等性如何保证、分布式锁的三种实现方式
学成在线笔记+踩坑(0)——面试问题
|
JavaScript 前端开发
vue配合axios连接express搭建的node服务器接口_简单案例
文章介绍了如何使用Express框架搭建一个简单的Node服务器,并使用Vue结合Axios进行前端开发和接口调用,同时讨论了开发过程中遇到的跨域问题及其解决方案。
421 0
vue配合axios连接express搭建的node服务器接口_简单案例
|
前端开发 JavaScript 安全
前端JS实现密码校验键盘横竖、26字母、相同字母、相同数字、密码包含用户名、数字 字母不能连续 不能相同三个、不能横向 竖向 连续三个 包含字符、不能有中文符号
该 JavaScript 代码实现了一个严格的密码校验功能,确保密码满足多种安全要求,包括长度、字符类型、不包含中文及特殊字符、不与用户名相似等。通过多个辅助函数,如 `validateFormat` 检查密码格式,`isHasChinaCharFun` 检测中文符号,`getCharAll` 生成键盘组合,以及 `checkPasswordFun` 综合验证密码的有效性和安全性。此工具对于提高用户账户的安全性非常有用。
1016 0
|
Java Windows
如何在windows上运行jar包/JAR文件 如何在cmd上运行 jar包 保姆级教程 超详细
本文提供了一个详细的教程,解释了如何在Windows操作系统的命令提示符(cmd)中运行JAR文件。
13065 1
|
JavaScript 前端开发 数据安全/隐私保护
【vue】 前端vue2 全局水印效果
【vue】 前端vue2 全局水印效果
1196 1
|
Ubuntu Linux Shell
【OpenCV】如何在Linux操作系统下正确安装 OpenCV
【OpenCV】如何在Linux操作系统下正确安装 OpenCV
1371 4