低代码最近几年真是站在了风口处,只要是能减少代码编写的,都冠上了“低代码”,好像只有低代码才能代表软件开发,其实低代码由来已久、怎么样理解低代码最合适呢?
低代码实现方式从十几年前到目前一直没有改变过,改变的是具体的技术,从javascript、vml、svg到目前的vue、react、canvas,但原理及实现架构设计没有多少改变,主要还是分为页面驱动、模型驱动。
{
"formConfig": {
"label-width": "80px"
},
"fields": [{
"isRender": true,
"isShow": true,
"isAnalysis": true,
"children": [],
"__layoutConfig__": {
"style": "",
"props": {
"span": 24
},
"attrs": {},
"on": {},
"userDefineProps": {}
},
"__formItemConfig__": {
"props": {
"label": "活动名称",
"rules": [],
"required": true
},
"prop": "name"
},
"__controlConfig__": {
"props": {},
"attrs": {},
"userDefineProps": {}
},
"tagName": "el-input",
"__layout__": "colFormItem",
"id": 1593757474090,
"model": "name",
"name": "单行文框",
"tagIcon": "input",
"controlPanel": "el-input",
"uuid": "el-input-0",
"sortNum": 0
}],
"formApiValid": []
}
{
"formConfig": {
"label-width": "80px"
},
"fields": [{
"isRender": true,
"isShow": true,
"isAnalysis": true,
"children": [],
"__layoutConfig__": {
"props": {
"span": 24
},
"attrs": {},
"on": {},
"userDefineProps": {}
},
"__formItemConfig__": {
"props": {
"label": "学历",
"rules": []
},
"prop": "random50"
},
"__controlConfig__": {
"props": {},
"attrs": {},
"userDefineProps": {
"optionType": "static",
"optionCollection": [{
"label": "高中",
"value": "1"
}, {
"label": "专科",
"value": "2"
}]
}
},
"tagName": "LElSelect",
"__layout__": "colFormItem",
"id": 1594263810269,
"model": "random50",
"name": "选择框",
"tagIcon": "select",
"serviceName": "LElSelect",
"controlPanel": "LElSelect",
"uuid": "LElSelect-3",
"document": "https://element.eleme.cn/#/zh-CN/component/select",
"sortNum": 0
}],
"formApiValid": []
}
低代码实现方式主流程就是设计页面、流程、业务需求规则等等,然后再还原,供最终使用者使用,真正落地使用到的技术都相差不大,基本的开发方式也就是文章中提到的页面驱动或者是模型驱动,但在具体开发过程中还是需要考虑很多问题的,比如:数据怎么保存、权限怎么设计、如何多业务系统相互融合、数据如何再利用、公有云&私有化如何部署等等问题,都是需要根据具体问题具体设计的解决方案的。
原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。
如有侵权,请联系 cloudcommunity@tencent.com 删除。
原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。
如有侵权,请联系 cloudcommunity@tencent.com 删除。