啥是低代碼?感覺(jué)很熟悉的樣子
一、前言
2021 開(kāi)年“低代碼”成了熱門話題，各大云廠商都在加碼。作為普通企業(yè)的我們是否有也可以深度定制一套自己的“低代碼”平臺(tái)呢？
二、云廠商的低代碼平臺(tái)阿里推出了易搭，通過(guò)簡(jiǎn)單的拖拽、配置，即可完成業(yè)務(wù)應(yīng)用的搭建。旨在為廣大中小企業(yè)提供一套低成本的企業(yè)應(yīng)用搭建解決方案。應(yīng)用無(wú)縫植入釘釘企業(yè)工作臺(tái)，隨時(shí)隨地、高效協(xié)同。
圖片騰訊則是推出了微搭，通過(guò)行業(yè)化模板、拖放式組件和可視化配置快速構(gòu)建多端應(yīng)用（小程序、H5 應(yīng)用、Web 應(yīng)用等），打通了小程序、云函數(shù)。
圖片三、搭建我們自己的低代碼平臺(tái)？！回到前言中的問(wèn)題，我們是否可以基于開(kāi)源項(xiàng)目來(lái)快速搭建我們自己的低代碼平臺(tái)呢？答案是肯定的，目前已經(jīng)有很多非常不錯(cuò)的開(kāi)源項(xiàng)目，apijson、dataway 還有后面我要重點(diǎn)介紹的 magic-api 都是非常不錯(cuò)的低代碼開(kāi)源項(xiàng)目。下面大家請(qǐng)跟著我一起來(lái)看看今天我要推薦的三個(gè)低代碼開(kāi)源項(xiàng)目：百度 amis、h5-Dooring 和 magic-api。
3.1百度 amis（前端）
百度 amis 是一套前端低代碼框架，通過(guò) JSON 配置就能生成各種后臺(tái)頁(yè)面，極大減少開(kāi)發(fā)成本，甚至可以不需要了解前端。
圖片3.2 h5-Dooring（前端）
h5-Dooring，讓 H5 制作像搭積木一樣簡(jiǎn)單, 輕松搭建 H5 頁(yè)面, H5 網(wǎng)站, PC 端網(wǎng)站, 可視化設(shè)計(jì)。
H5 頁(yè)面拖拽生成：
圖片新建數(shù)字大屏：
圖片數(shù)字大屏效果：
圖片更多請(qǐng)查看官網(wǎng)http://h5.dooring.cn
3.3 magic-api（后端）
magic-api 是一個(gè)基于 Java 的接口快速開(kāi)發(fā)框架，編寫接口將通過(guò) magic-api 提供的 UI 界面完成，自動(dòng)映射為 HTTP 接口，無(wú)需定義 Controller、Service、Dao、Mapper、XML、VO 等 Java 對(duì)象即可完成常見(jiàn)的 HTTP API 接口開(kāi)發(fā)。
在線開(kāi)發(fā)調(diào)試 UI：
圖片四、magic-api 搭建自 magic-api 在開(kāi)源中國(guó)開(kāi)源，筆者一直在關(guān)注此項(xiàng)目。magic-api 搭建比較簡(jiǎn)單，跟著官方倉(cāng)庫(kù)快速開(kāi)始即可。
4.1 加入依賴
<!--?以?spring-boot-starter?的方式引用?-->
<dependency>
????<groupId>org.ssssssss</groupId>
????<artifactId>magic-api-spring-boot-starter</artifactId>
????<version>1.0.1</version>
</dependency>
4.2 添加配置
server.port=9999
#配置 web 頁(yè)面入口
magic-api.web=/magic/web
#配置文件存儲(chǔ)位置。當(dāng)以 classpath 開(kāi)頭時(shí)，為只讀模式
magic-api.resource.location=/data/magic-api
4.3 效果
圖片4.4 添加接口
圖片點(diǎn)擊執(zhí)行就可以看到效果，這里不做展示，magic-api 官方做了大量的各種各樣的功能演示，大家可以去體驗(yàn)體驗(yàn)。地址：http://140.143.210.90:9999/magic/web/index.html
圖片4.5 magic-api 核心之 magic-script
magic-api 底層使用的是作者（小東）自研的 magic-script 來(lái)執(zhí)行腳本，他是一個(gè)語(yǔ)法類似 js 的 JVM 腳本語(yǔ)言。作者開(kāi)發(fā)很多好用的功能， 其中的linq功能就是非常????的一個(gè)。
示例：
var?list?=?[{
????sex?:?0,
????name?:?'小明'
},{
????sex?:?1,
????name?:?'小花'
}]
return?select?*?from?list?t?where?t.sex?=?0
結(jié)果：
{
????"sex":?0,
????"name":?"小明"
}
5.1 加入 mica-bom 依賴
<dependencyManagement>
????<dependencies>
????????<dependency>
????????????<groupId>net.dreamlu</groupId>
????????????<artifactId>mica-bom</artifactId>
????????????<version>${mica.version}</version>
????????????<type>pom</type>
????????????<scope>import</scope>
????????</dependency>
????</dependencies>
</dependencyManagement>
5.2 mica-logging 無(wú)縫接入
mica-logging 的接入比較簡(jiǎn)單加入依賴即可：
圖片注意：更多配置，如 json 日志和 logstash 日志收集請(qǐng)查看 mica 文檔。
5.3 mica-captcha 驗(yàn)證碼
base64 驗(yàn)證碼：
圖片5.4 mica-ip2region ip 轉(zhuǎn)位置信息
圖片示例項(xiàng)目源碼：https://gitee.com/596392912/magic-api-example
從 mica 的接入可以看出，magic-api 的擴(kuò)展性非常好，更多的自定義配置和擴(kuò)展我們可以查看官方文檔：
圖片六、低代碼開(kāi)源前端：
amis（百度前端低代碼框架）：https://github.com/baidu/amis
Sortable：https://github.com/SortableJS/Sortable
碼良：https://gitee.com/ymm-tech/gods-pen
h5-Dooring：https://github.com/MrXujiang/h5-Dooring
后端：
apijson：https://github.com/Tencent/APIJSON
dataway：https://gitee.com/zycgit/hasor
magic-api：https://gitee.com/ssssssss-team/magic-api
七、總結(jié)基于 magic-api 等開(kāi)源項(xiàng)目我們也可以搭建自己的低代碼平臺(tái)。當(dāng)然開(kāi)發(fā)這個(gè)低代碼平臺(tái)我們還是需要些工作量，主要是打通 web ui 和后端接口的 api。筆者曾經(jīng)也經(jīng)歷過(guò)一個(gè)電商項(xiàng)目，很多活動(dòng)都是周五下午接到需求，周一就必須要上線。借助 magic-api 這類低代碼工具我們可以快速完成這類需求。最后，希望這篇文章對(duì)大家有所啟發(fā)。
超詳細(xì)的Sentinel入門，還不會(huì)就說(shuō)不過(guò)去了
Mybatis 九種數(shù)據(jù)庫(kù) sql 實(shí)操方式，九種都會(huì)常用
七種正確使用 Redis分布式鎖的姿勢(shì)，你學(xué)廢了嗎？
用動(dòng)圖講解 MySQL 索引底層B+樹(shù)，清晰明了多了
Jenkins Pipeline動(dòng)態(tài)使用Git分支名稱的技巧，可以觸類旁通的那種
