广东国内低代码平台技术

    为什么要做页面可视化搭建系统统一微前端架构各个微应用页面的样式和交互我们公司的供应链saas系统由多个部署、技术栈不统一的系统组合而成，这些系统的样式，交互存在差异，通过页面可视化搭建系统生成的页面底层使用同一套组件库，这可以满足样式，交互一致，并且面对之后的样式和交互变更支持批量修改缩短常规页面开发时间我们公司的供应链saas系统是一个toB系统，这里面存在数量可观的类似的页面，开发重复页面容易磨灭开发人员的积极性，整理各类页面的共同之处，通过可视化搭建系统来减少页面开发重复度，让开发人员集中精力开发逻辑复杂的页面整个可视化搭建系统分为三部分，分别是配置页(setting),视图页(view)和jsonschema。配置页生成jsonschema，视图页消费jsonschema写在前面使用codemirror实现在可视化界面上编辑自定义行为的代码接口地址只填写以/开头的相对路径，视图页在运行的时候决定接口所在的环境使用cool-path实现按字段路径取值、按字段路径修改值使用newFunction在视图页将jsonschema对应的字符串转化成对象或者函数可创建的页面类型有：列表、详情、表单。详情和表单页的设计思路差别不大，列表页与另外两种页面差别比较大。低代码指的是通用型开发平台，它具有一个通用性非常高的底座，和一个相对完善的插件机制。广东国内低代码平台技术

    functionurl获取枚举数据或者UI组件数据的接口地址stringitems组件的子组件的配置字段arraytriggerType字段校验时机stringvisible字段是否可见booleaneventsUI组件的事件Objectx-props字段的扩展属性objectx-component字段的UI组件名stringx-component-props字段UI组件的属性objectx-linkages字段联动arrayx-rules字段规则objectx-props数据属性属性名描述类型style字段的UI组件的style样式objectclassName字段的UI组件的classNamestringlabel字段的UI组件的枚举label取值路径stringvalue字段的UI组件的枚举value取值路径stringbuttonType按钮的操作类型stringrender自定义组件的显示内容functionbuttonSubmitUrl提交按钮的接口地址stringpaging列表是否分页booleanx-rules数据属性属性名描述类型format字段值类型stringrequired是否必填booleanpattern正则RegExp,stringmax大长度numbermin小长度numberlen长度numbermaximum大数值numberminimum小数值numbermessage错误文案stringformat的可选值：url，邮箱，手机号，金额，数字x-linkages字段联动属性名描述类型可选值type联动类型Stringlinkage:hidden,linkage:disabled。河北js低代码平台推荐快速、轻便应用AI解决业务问题，逐渐成为企业数字化转型的热思考。

    分别是：提交(即：将表单数据提交到服务器)，重置(即：将表单组件的值重置为初始状态)，自定义(即：自定义按钮的点击事件处理程序)。在下面只介绍提交和自定义这两种类型。提交操作通常在将表单数据提交到服务器之前，我们需要对表单数据进行校验，只有所有的数据符合要求才能将表单数据提交到服务器，否则将错误语显示到界面上。为了满足这个需求，我们需要在按钮提交事件的处理程序中访问到所有的表单数据以及表单组件的数据校验规则，由于表单数据保存在Vuex中，并且存放数据校验规则的jsonschema在视图页中全局共享，所以在提交事件处理程序中能够很容易拿到想要的数据。需要注意的是，如果某个表单组件的数据没有通过校验，它错误信息要显示在表单组件所在的位置，这就意味着消费错误信息的位置和生成错误信息的位置不相同。我将对错误信息进行操作的方法收集到单独的模块中。简化代码如下：/***表单错误收集器**/importVuefrom'vue'exportconsterrorCollector=newVue({data(){return{errorObj:{}}},methods:{clearError(){{}},delError(name){consterrorObj={...}deleteerrorObj[name]},setError(name,value){{...[name]:value}},initFieldError。

    是系统的功能之一。该功能涉及到的数据组织步骤和功能点非常多，表结构也非常复杂。配载工作台上线后即替代了原来基于Excel建立的工作流程，使之更加流畅、简单。操作员终于告别了繁琐的Excel手工操作。（数据查询页面：配载工作台）图表（地图）页面：配送终端检索通过集成百度地图API，终端检索页面能精确对物流客户的配送终端进行经纬度分析，帮助操作人员以快的速度完成配载工作，提高了调度配载的精确程度，降低了对市内路径、地址熟悉程度的高要求。（图表页面：配送终端检索）移动端：出库与绩效查询借助移动端APP，客户脱离了原有的纸质单据模式。所有作业通过操作员工的手机APP上传到服务器，管理人员能时间得知员工的整体工作进度和排名。此外，手机APP还为客户"摘果出库"的生产组织方式提供了强有力的支撑，通过数字化的方式对员工的工资结构进行，实现多劳多得、计件收益。（移动端：出库与绩效查询）活字格的价值北京驭梦的总经理高守成表示，在选择活字格作为开发工具之前，也曾评估过若干国内快速开发工具。评估结果显示，这些产品在部署方式、开放程度、价格政策、产品服务等各方面与活字格存在差距。低代码产品大多为私有云部署，需要从业务架构开始梳理到技术应用架构设计。

    考虑到操作的便利性和员工培训成本，紫薇地产明确要求该功能模块，能够嵌入用友U8+中使用。面对客户的迫切需求，作为紫薇地产的IT服务提供商，睿智时代综合考虑人力资源投入以及开发成本，决定采用搭载有用友U8+深度集成解决方案的活字格企业个性化应用低代码开发平台，为紫薇地产开发该功能模块。终交付的房产资源管理模块是嵌入到用友U8+中的若干页面，科目、凭证等数据与用友U8+总账模块打通，用户只需要登录U8+即可直接完成房产资源管理相关的操作。量身定做的业务功能，熟悉的界面交互，赢得了客户的高度认可。下面是部分页面截屏。作为低代码开发领域的产品，活字格由西安葡萄城信息技术有限公司自主研发，提供可视化设计器，让开发人员和业务人员可以快速构建美观、易用的Web应用程序，使用者可以灵活拖动各个图形化控件，构建业务流程、逻辑和数据模型等。负责紫薇地产项目开发与交付的朱经理表示，在引入活字格之前，睿智时代一般将客开项目外包给专门做软件开发的公司，使用纯代码开发的方式完成。在深入了解活字格低代码开发平台后，公司申请成为了西安葡萄城的应用开发合作伙伴，抽调了原来实施、运维的同事，成立了专门使用活字格等快速开发工具做客开的团队。低代码的用户定位是专业开发者，适用于有技术开发能力的IT人员或交付人员。河北js低代码平台推荐

低代码是企业数字化发展的强大助力，不仅可以让我们工作高效地运行，还能很大程度保证团队目标的达成。广东国内低代码平台技术

    除此之外这个页面可视化搭建系统需要为多个部署的系统生成页面，所以在全局配置区域要选择后端接口的所属系统，如下图：列表视图页中从jsonschema中得到接口所属系统标识符，再根据视图页的运行环境动态生成接口的域名并不是所有的列表页都存在按钮、filterStatus和搜索框，在这三个区域可以根据实际情况进行配置。按钮配置在配置按钮的时候必须选择按钮的操作类型，目前可选的操作类型有：上传、导出、自定义，不同操作类型的按钮需要填写的配置项有所不同。在这里以导出为例，不同的列表页导出之后需要进行的后续操作有所差异，所以配置人员可以自定义导出之后的回调函数，为了减少配置人员对参数顺序的记忆成本，在codemirror代码编辑器中只能写函数体中的内容，配置页将jsonschema保存到服务器之前会将代码编辑器中的内容包裹在函数中，简化代码如下：if('upload'){'function(vm,content){'+toSwitch()+'}'}else{'function(vm){'+toSwitch()+'}'}当再次编辑函数体的内容时，需要将函数中的函数体取出，简化代码如下：consttoSwitch=(func)=>{constmatchResult=().match(/(?:\/\*[\s\S]*?\*\/|\/\/.*?\r?\n|[^{])+\{([\s\S]*)\}$/)constbody=。广东国内低代码平台技术

首汇信息技术河北有限公司属于商务服务的高新企业，技术力量雄厚。公司是一家有限责任公司企业，以诚信务实的创业精神、专业的管理团队、踏实的职工队伍，努力为广大用户提供***的产品。公司业务涵盖信息化中台系统规划，中台ERP服务平台，价格合理，品质有保证，深受广大客户的欢迎。首汇信息技术自成立以来，一直坚持走正规化、专业化路线，得到了广大客户及社会各界的普遍认可与大力支持。