微搭低代码基础开发教程-编辑器介绍

公式编辑器：公式编辑用于字段值来源于其他字段或是来源于函数计算结果都可由公式编辑来完成编辑器函数库事件监听。

函数公式（DataOpter）是JVS核心通用的基础能力，用于动态的对数据进行加工，系统本质上是通过groove 的脚本实现的。接下来我们重点讲解函数公式 的核心功能。

前端社区里，低代码/无代码是被讨论的火热赛道。简单来说低代码就是通过编写少量代码的方式完成应用的开发及上线，而无代码是低代码的子集，不需要编写代码通过配置的方式即可完成整个应用的开发。目前集团内部的低代码平台已经有很多，比如JNPF、宜搭、云凤蝶等等，而通用的无代码搭建平台有简道云、明道云等。

什么是变量，变量是用来存储数据的容器，他通常运行在我们的内存中，方便程序的读取和调用。在JavaScript中，变量可以使用 var、let 或 const 关键字来定义。var：用于定义全局或函数作用域的变量。let：用于定义块作用域的变量。const：用于定义常量，值不能被重新赋值。低代码工具对这些概念再次进行了封装，以一种可视化的形式表达出来。打开我们的编辑器，在代码区就可以定义变量按照作用域的区分，分为当前页面和全局点击立即新建就可以看到微搭目前支持的几种变量的类型。

在日常教学过程中，发现有很多跨行业入门低代码开发的同学，准备按照自己的想法或者企业的需求开发小程序。因为是跨行业入门，所以对软件开发的各种技术概念还不是特别清楚。本篇的目的就是帮助入门者梳理一些基础概念。微搭提供了前端和后端代码的编辑，初学者可能对前端和后端不是特别了解，有时候会把这两个技术概念混淆，不知道代码需要写到哪里。一般我们指前端是和用户有交互的。比如在小程序里，你看到一个文章列表，如果我们想查看这篇文章的详细信息，我们自然要点击标题。那么点击标题就触发了一个点击事件，而这个事件是由我们自己控制的，

介绍微搭低代码问卷调查应用的创建方法

零基础入门低代码开发

低代码 = 可视化编辑器+组件库+JSON Schema+后端业务+DSL

自定义方法就是我们编写业务逻辑的地方，比如你要从数据库里查询数据，又或者根据不同的条件，跳转到不同的页面。这些都需要将逻辑写入到自定义方法中。自定义方法创建也比较简单，只需找到对应的页面，在handler旁边点击+号就可以创建创建成功后会生成代码模板，我们只需要按照自己的需求实现逻辑即可模板里的代码function里边有两个参数，这里的参数叫做入参，event表示事件对象，data表示调用事件是传入的参数。不同的组件这里的值不同。

​异行星低代码平台的公式引擎可以帮助非程序员快速实现一些简单的业务逻辑，类似Excel公式，它是从其他字段、表达式或值派生其值的一种算法，通过公式字段，可以帮助您根据其他字段自动计算一个字段的值。

今天教大家制作低代码可视化编辑器的原型模板~~~

文章目录1 文本编辑器实现拖放功能 1 文本编辑器实现拖放功能 文本编辑器中的拖放操作： 解决方案： 调用主窗口对象的setAcceptDrops成员函数。 重写dragEnterEvent函数并判断MIME类型。 重写dropEvent函数判断MIME类型后打开文件。 实现的关键代码如下： MainWindow::MainWindow() { setWindowTitle("Not...

学习使用微搭低代码已经半年有余，按照自己的构想也开发了一款会员管理小程序。但是一直是以H5的形式发布的，H5需要记住网站的地址，使用起来不太方便，于是花了一定的时间研究了一下如何发布成小程序。 小程序绑定 想要发布小程序的话，先需要绑定已经有的小程序，点击低码控制台的小程序开发认证模块 经过一番实验，要想绑定必须是同主体下的小程序，同主体意味着你需要使用当前微搭低码的微信账号注册小程序。注册之前你先需要将微信绑定银行卡。我们可以点击注册小程序按钮快捷注册 按照要求填写信息注册就可以了，注册完就需要进行绑

还在观望，尝试一下低代码带来不一样的编程体验

当前市面上的低代码产品对用户而言，使用过程中最直观体验到的即编辑器，程序员可以简单看做我们【写代码使用的IDE】，可以将其类比成作图工具中的画布。

微搭低代码目前开放了PC端功能，使用方法是需要在模板中心启用模板，模板创建成功后会自动增加PC端的组件库及创建需要的数据源。本文就结合目前官方提供的模板，按照示例程序自己搭建一遍。通过模板的搭建来熟悉官方组件库的用法。 创建页面 首先自己新建一个页面，我们需要按照官方模板的首页自己搭建一下。 官方首页逻辑解析 官方的首页其实就是起到一个引导的作用，通过大的图片来引导用户点击 然后我们切换到组件视图来分析一下首页都使用了哪些组件 它的布局组件使用了节点组件，节点组件就相当于我们html里的div，我画个

来自 「赵越」 同学的内部分享，文章示例代码：「https://github.com/shadowings-zy/mini-editor」，欢迎 Star。目录：编辑器功能拆分编辑器数据格式的定义项目代码结构重点逻辑的实现（画布渲染、属性联动、拖拽组件）与后台交互还可以优化的点「Oh, 对了，文末有福利！！！」一、写在前面低代码编辑器作为一种能够极大地提升开发效率的PaaS软件，近些年来一直收到各...