浅谈低代码可视化平台 opentallk

u？ u低代码、无代码的区别？录 uu低代码平台的技术路线uuuu什么是低代码平台？u “低代码开发平台”，简称LCDP(Low-CodeDevelopmentPlatform)，是通过少量代码或零代码就可以快速生成新应用，实现业务应用的快速交付的应用平台。u 零代码平台，它们都属于APaaS（应⽤平台即服务）低代码开发平台的作用使⽤平台通过“拖拉拽”的⽅式，来创建完整的应⽤程序。低代码开发平台代替了数千⾏具实现持续的系统协作u什么是低代码平台？uuuuuuu低代码、⽆代码的区别？低代码平台与无代码平台皆能降低开发门槛、快速响应业务需求，但两种开发平台性能和面向人员有所差别低代码平台：通过⾃动代码⽣成和可视化编程，只需要少量代码，即可快速搭建各种应⽤零代码平台：零开发经验的业务⼈员通过拖拽等⽅式，⽆需编写代码，即可快速搭建各种应⽤u 低代码与无代码相同点:01 开箱即用02 01 开箱即用02 可视用户界面03提升开发效率低代码、⽆代码的区别？u 低代码与无代码不同相同点u什么是低代码平台？u低代码、无代码的区别？u发展历程 u低代码平台的技术路线u低代码⾏业市场u低代码可视化应用u探讨u总结发展历程u低代码开发平台起始于20世纪80年代4GL“第四代编程语言”。特征：你只需要告诉他们该做什么，怎么做是语言问题。例如：特征：你只需要告诉他们该做什么，怎么做是语言问题。例如：SQL就有第四代的特征，你只要告诉DBMS要得到什么，至于如何得到，如何使用索引，如何连接多个表这些步骤就不要你操心了。4GL特征：用针对指令的符号代替二进制代码。第三代编程语言C、C++、pascal、特征：为完成一个任务你不仅要告诉计算机你要做什么，而且要告诉计算机如何一步一步的作。例如：现在常用的编程语言。特征：面向机器。第二代编程语言汇编语言第一代编程语言机器语言u 2014年，ForresterResearch提出低代码平台的概念，中国低代码市场进入发展期；2018年，西门子收购低代码企业Mendix、美国低代码独角兽企业Outsystem获得1.5亿美元的融资，此次收购事件以发展历程u什么是低代码平台？u低代码、无代码的区别？u发展历程u低代码平台的技术路线 u低代码⾏业市场u低代码可视化应用u探讨u总结低代码平台的技术路线低代码平台源⾃于集成开发环境（IeedDeveopetvoe，IDE）在具体实现上，⽬前形成了两种技术路径：⼀是将数据与储存结构合⼀的表单驱动低代码平台的技术路线- 表单驱动表单驱动：将数据与储存结构合⼀表单驱动以数据为核⼼，通过拖拽构建数据表⽅式展开业务分析设计。适合⼈事⾏政、资料归档、OA审批、客户管理等简单任务，少⼉编程，对完好，可以做到完全去IDE化，像搭积⽊⼀样按流程构建程序逻辑，更贴近“⽆代码”开发低代码平台的技术路线- 模型驱动模型驱动：数据与逻辑完全分离、各⾃独⽴模型驱动对软件所涉及到的功能进⾏建模，以应⽤开发平台为核⼼，承载各种开发⼯具和复杂逻辑，并将其可视化，辅以少量代码。适合作为开发者u什么是低代码平台？u低代码、无代码的区别？u发展历程u低代码平台的技术路线u低代码⾏业市场 u低代码可视化应用u探讨u总结低代码⾏业市场根据⽬标⼈群对象的使⽤平台，低代码产品⼤体分为两类：uIT⼈员的开发⼯具型u业务⼈员的业务复⽤型应⽤开发平台SAAS

业务复⽤型 开发⼯具

在线IDEDSL组件代码库低代码⾏业市场- 国内低代码平台u什么是低代码平台？u低代码、无代码的区别？u发展历程u低代码平台的技术路线u低代码⾏业市场u低代码可视化拖拽平台的应用 u探讨u总结低代码可视化的应⽤-有派积分低代码可视化的应⽤-有派积分编辑器的实现思路：componentData维护编辑器中的数据。把组件通过拖拽事件，拖拽到画布上进行移动布局，使用push(componentDatav-forcomponentData，通过is低代码可视化的应⽤-有派积分拖拽：组件列表拖拽到画布将组件列表中的组件拖拽到画布中，关键事件：dragstart事件，在拖拽刚开始时触发。它主要用于将拖拽的组件信息传递给布。drop事件，在拖拽结束时触发。主要用于接收拖拽的组件信息。handleDragStart(e){e.dataTransfer.setData('index',arget.dataset.index)}

handleDrop(e){e.preventDefault()e.stopPropagation()constcomponent=deepCopy(componentList[e.dataTransfer.getData('index')])this.$mit('addComponent',component)}低代码可视化的应⽤-有派积分移动：组件在画布中移动画布设为相对定位position:relative，然后将每个组件设为绝对定位absolute， 通过监听三个事件来进行移动：mousedown事件，在组件上按下⿏标时，记录组件当前的位置，即css中的lefttopmousemove事件，每次⿏标移动时，都⽤当前最新的left和top减去最开始的lefttop，从⽽计算出移动距离，再改变组件位置。mouseup事件，⿏标抬起时结束移动。低代码可视化的应用-有派积分- 流程设计u什么是低代码平台？u低代码、无代码的区别？u发展历程u低代码平台的技术路线u低代码⾏业市场u低代码可视化应用u探讨 u总结探讨低代码开发平台会给开发⼈员带来威胁吗？u低代码开发不会取代传统的软件开发，但它将改变在某些领域中的软件开发，改变那些重复的低效业务，