中后台应用开发中的低代码平台设计思路

新知榜官方账号

2023-10-10 10:48:42

中后台应用开发中的低代码平台设计思路

中后台应用主要用于信息的查询、展示和修改，并把数据变更持久化到数据库中。产品形态可以被收敛为UI模式一致的标准化组件库，比如AntDesign、AntV等通用UI库是中后台产品前端开发的事实标准。在低代码平台中，所见即所得的组装中后台应用，代替纯手工的代码编写，可以大幅提升开发的效率和质量。

基于业界优秀的前端基础组件，进行低代码平台的开发，成本和难度基本可控，其关键工作是低代码平台底层规范的设计，即实现低代码平台的领域专用语言（下面简称“DSL”）。

应用解构

一个中后台应用主要有表单页、列表页、详情页3种页面形态，粗粒度总结如下：

表单页面主要包含表单组件和选择组件两种；
列表组件主要包含过滤组件、表格组件、分页组件3种，其中表格组件可以包含单元格组件。
详情页面主要包含列表组件和图表组件。

在典型的中后台开发过程中，前端工程师的工作可以分为应用的静态组织部分和状态的动态转移部分两大类。如上图所示，中后台应用的组织结构，是一棵典型的树形结构：应用组织结构由应用、页面、组件3层结构组合而成；应用通过RouteChildren组织页面，并且RouteChildren支持递归组织多层次路由，页面支持递归组织多层Layout布局；页面通过Template组织组件；组件管理内部状态的转移和行为事件的响应。

DSL和SDK设计

这个思路最大的优势是：和大家熟悉的Vue事实规范保持了一致，DSL是一个新库，也是一个6年的成熟项目。同时满足了基本的向前兼容性要求——当未来的对低代码平台产生新的需要，只需要选择另外一部分类定义进行规范化。

应用规范设计

应用规范如下图所示，包含元信息和路由结构2部分组成。路由和页面通过PageID外联；页面通过路由传递状态（数据）——整个应用中，可配置状态的传递仅通过路由完成；路由的层次虽然跟菜单的层次是两个相互独立的信息，为了简化，可以把路由信息作为菜单信息来使用。

页面规范设计

页面规范如下图所示，主要包含元信息和页面结构两部分，分为布局页面（比如主导航部分）和落地页面（详情部分、列表部分）两种，布局页面页面可以嵌套，落地页面被包含在布局页面中。

组件规范

组件规范如下图所示，需要遵循Vue的SFC规范，元信息主要包含组件标识、属性描述、规范版本3部分。

组件节点依赖关系

基于VueCompiler-Core，封装了如下7类节点，其依赖关系如下：每个**NodeDSL均对应一个**Node类，前者是PlainObject、后者是编辑器程序中操作DSL的类，这4个基本类中均支持下面4个方法：构造方法，参数为部分DSL格式的PlainObject；更新方法，参数为部分DSL格式的PlainObject序列化方法，返回相应DSL格式的Plainobject，用于数据库的存储；反序列化方法，参数是完整DSL格式的PlainObject，将当前对象实例进行更新，用于二次编辑。

进一步思考

从工程执行的角度，低代码的目标是提效，不是把前端工程师的工作量转移给后端工程师、产品经理、测试老师等，而是和原有工作整合后的提效和提质——其本质是重复工作的标准化和自动化，把前端工程师从生产过程中下沉于基建和物料库建设来支撑提效；或把高复杂度工作降低出错的概率。

从用户的视角，低代码有两层含义：更简单的配置，而不是深奥代码的可视化编写；更少量的配置，而不是复杂代码的可视化重复。

本页网址：https://www.xinzhibang.net/article_detail-16153.html

寻求报道，请

关键词

中后台应用低代码平台 DSL Vue 组件库

分享至微信：

相关工具

Inworld

开发和创建AI虚拟角色并与其互动

YouChat AI

AI搜索对话工具

百度AI伙伴

百度最新上线的AI搜索对话工具

通义千问

阿里巴巴最新推出的类ChatGPT响应人类指令的大模型

天工AI助手

昆仑万维与奇点智源联合研发的对标ChatGPT的大语言模型

Forefront

免费版基于GPT-4的AI聊天机器人

slide美[slaɪd]滑动；幻灯片toslidedownahill从山上滑下

slide美[slaɪd]滑动；幻灯片toslidedownahill从山上滑下这是一张我放给他们看的幻灯片。在产品经理与市场的角度下，幻灯片是一种非常有效的工具，可以用于演示产品或服务的特点和优势，同时也可以用于营销和宣传。在使用幻灯片时，需要注意以下几点：幻灯片的内容要简洁明了，不宜过于复杂。幻

分类标签 slide美滑动

11-29 22:13

Python编程与低代码平台的结合使用

Python编程与低代码平台的结合使用在某些情况下,Python编程确实可以取代低代码自动化平台，甚至提供更强大的功能。但两者也有各自的优势，更好的方式是结合使用:Python的优势：更强大的编程能力，可以实现更复杂的逻辑和算法更高的灵活性和定制化，可以满足特定需求对数据和API的更深入的控制和管理

分类标签 Python编程低代码平台自动化系统

10-10 10:46

阿里通信与达摩院推出AI云通信解决方案

在9月22日举行的云栖大会云通信分论坛上，阿里通信与达摩院联合推出了AI云通信解决方案，致力于用智能通信能力为消费者和中小企业提供订购数字服务的首选互联网平台，赋能数字产业。据介绍，本次发布的AI云通信解决方案包括AI语音和AI短信两个基础产品，运用了达摩院TTS语音合成能力、ASR语音识别能力和N

分类标签 AI云通信达摩院阿里通信

09-14 10:34

人工智能时代：AI替代人还是人替代不会使用AI的人？

最近社交网络上人们最关心的话题之一就是：我的工作会不会被AI取代？从最初的聊天机器人，到秒出图的AI绘画应用，再到各类AI专业小模型产品的研发，大批内容生产从业者都在面临人工智能带来的“替代”挑战。ChatGPT-4发布刚过半月，金融圈就推出了第一款行业AI应用BloombergGPT。“传统权威领

分类标签人工智能AI替代就业创新

09-14 10:32

人工智能到底是统计学还是综合学科？诺贝尔经济学奖获得者与科学家们的观点不一

人工智能到底是统计学还是综合学科？近日，2011年诺贝尔经济学奖获得者托马斯·萨金特（ThomasJ.Sargent）在一场演讲中对人工智能（AI）的定义，引发了经济学家和人工智能科学家之间如何定义AI的讨论。在北京举办的世界科技创新论坛上表示，作为经济学理性预期学派的领袖人物，萨金特表示：人工智能

分类标签人工智能统计学学科算法计算力数据

09-14 10:31

阿里巴巴成为全球十大创新力企业之一

阿里巴巴成为全球十大创新力企业之一全球主要企业的“创新力”排行榜近日在日本出炉。在排名前十的企业里，阿里巴巴占据一席之地，成为唯一一家入选的中国企业。据《日本经济新闻》报道，这份榜单由市值最高的150家全球企业和168家日本本土企业的财报数据分析得出，以创新决策速度为主的“组织力”、显示技术开发能力

分类标签阿里巴巴创新力企业排名

09-14 10:28

用百度AI和微软AI对比翻译，哪个翻译的更好？

用百度AI和微软AI对比翻译，哪个翻译的更好？在现今全球化的时代，翻译已经成为了必不可少的一项技能。然而，随着机器翻译技术的不断发展，越来越多的人开始使用AI进行翻译。而在这个领域中，百度AI和微软AI是两个备受瞩目的平台。为了探讨哪个平台的翻译更加准确，我们进行了一系列的实验比较。我们先使用了百度

分类标签百度AI微软AI对比翻译

09-08 22:54

ChatGPT基础上的AI服务正在全球迅速涌现

韩国AI创业企业Upstage制作的基于KakaoTalk的聊天机器人‘AskUp’自5日问世后，4天时间使用者就突破了4万人。最近话题很高的chat机器人AIChatGPT虽然只能在OpenAI的英文网站上使用，但是AsukakaoTalk为了使用它，将其链接到了KakaoTalk上。另外，利用O

分类标签 ChatGPTAI服务OCR

08-29 22:55

人工智能会让创造性工作者变得多余吗？

美国《华尔街日报》网站1月9日发表题为《人工智能会让创造性工作者变得多余吗？》的文章，作者是克里斯托弗·里德，文章编译如下：ChatGPT让一些人质疑人工智能（AI）是否会让人类的创造力变得多余。该聊天机器人程序于去年11月由开放人工智能研究中心发布，能够比大多数人更好地针对自然语言提示快速编写出可

分类标签人工智能创造性工作者AI

08-29 22:51

8款实用又强大的论文辅助工具推荐

一、文献部落文献部落是一个免费下载文献的学术导航网站，汇总最新免费下载国内外文献的网站，为广大学生提供最便捷的文献下载方法。优点：英文文献下载网站应有尽有，包括百度学术、文科、知网等网站文献免费下载，涵盖了众多国外的文献查询网站，如X-MOL、Zlibrary、SJ、Libgen等每个网站的侧重点都

分类标签论文辅助工具文献管理数据处理学术交流写作排版翻译工具

08-27 16:28

ChatGPT Midjourney 文心一言文心一格 bing新必应 Stable diffusion 稿定设计墨刀AI mastergo Adobe Firefly runway