【Microi 吾码】探索 Microi 吾码低代码开发平台：高效开发的新利器

宝码香车

3328人浏览 · 2024-12-09 13:47:19

宝码香车 · 2024-12-09 13:47:19 发布

Microi 吾码

📚一、Microi 吾码平台简介

Microi 吾码简介jian

Microi 吾码平台是一款功能强大的低代码开发平台，其发展历程丰富且技术不断迭代更新。平台始于 2014 年，最初基于 Avalon.js 开发，2018 年使用 Vue 进行重构，到 2024 年开源了Vue3 版本。
Microi 吾码平台拥有强大的技术框架，采用.NET8 + Redis + MySql/SqlServer/Oracle + Vue2/3 + Element-UI/Element-Plus 的组合，为开发者提供了坚实的技术基础。

📚二、平台具有众多优势特点，包括但不限于以下方面：

Microi 吾码优势特点

无限制：不限制用户数、表单数、数据量、数据库数量等，为企业提供了广阔的发展空间。
跨平台：基于.NET8，支持 gRPC 以实现跨开发语言通信，提高了平台的通用性和灵活性。
跨数据库：支持 MySql5.5+、SqlServer2016+、Oracle11g+，并且支持读写分离/分库分表，可扩展更多数据库类型，满足不同企业的数据库需求。
分布式：支持分布式部署，可与 Docker、K8S、Jenkins、Rancher、CICD 等技术结合，提高系统的可靠性和可扩展性。
分布式缓存：支持 Redis 哨兵，提高数据的访问速度和系统的性能。
分布式存储：支持阿里云 OSS、MinIO、亚马逊 S3 等存储介质，可扩展更多存储介质，满足企业对大数据存储的需求。
集成丰富组件：集成消息队列（RabbitMQ）、搜索引擎（ES）、MongoDB 等组件，为企业提供了全面的解决方案。
界面引擎：界面自定义，满足企业个性化的界面需求。
SaaS 引擎：三种 SAAS 模式，支持数据库级别隔离多租户、TenantId 租户隔离、独立组织机构数据隔离。
表单引擎：支持扩展组件、自定义 vue 组件嵌入表单、二次开发调用表单引擎，支持 V8 引擎事件，灵活实现复杂业务逻辑。
接口引擎：集成 Google V8 引擎，支持使用 JavaScript 在线编写后端接口，支持 get、post 请求，支持响应文件、读取文件等。
模块引擎：支持多表关联、查询列、不显示列、统计列、可搜索列、可排序列、动态 V8 按钮、复杂 where 条件、接口地址替换、支持多种嵌入模式。
模板引擎：表单/表格支持在线 html 模板渲染。
数据库管理：支持一键加载第三方数据库，在接口引擎中访问任意数据库。
Office 引擎：本地设计 office 模板，根据模板进行导出、打印。
工作流引擎 v4：由表单引擎、接口引擎驱动，历经多个版本的发展，功能强大且灵活。
细粒度权限控制：细化到每张表、每个字段、每个菜单、每个 V8 按钮、每个接口的权限控制，保障系统的安全性。
单点登录：支持隐藏左侧、顶部，支持第三方系统单点登录低代码平台、低代码平台单点登录第三方系统。
微信公众平台：多公众号配置、多小程序配置、模板消息配置。
移动端：开放 100%源代码，可打包小程序、h5、安卓 app、ios。
报表引擎：支持虚拟表格、echarts 报表，报表支持自定义增删改。
微服务：支持前端微服务，目前 vue2 基于 qiankun，vue3 基于 MicroApp。
任务调度：自定义定时任务，可执行接口引擎、定制开发 dll。
聊天系统：支持在线聊天、消息通知。
采集引擎：全能采集引擎，可在接口引擎中采集网页、mvvm 渲染前、mvvm 渲染后、所有接口请求。
飞书：使用接口引擎打通飞书接口，支持消息通知等。
多语言：前后端均支持多语言管理，在线配置多语言。

📚三、技术架构与目录

技术架构与目录

📘1. 技术框架

Microi 吾码平台采用了先进的技术框架，即.NET8 + Redis + MySql/SqlServer/Oracle + Vue2/3 + Element-UI/Element-Plus。
.NET8 为平台提供了强大的后端支持，确保系统的稳定性和高效性。Redis 作为分布式缓存，极大地提高了数据的访问速度，优化了系统性能。而 MySql、SqlServer 或 Oracle 等数据库的选择，为不同企业的需求提供了灵活性，同时支持读写分离和分库分表，可扩展更多数据库类型。
在前端方面，Vue2/3 结合 Element-UI/Element-Plus，为用户带来了良好的交互体验和美观的界面设计。

📘2. 目录

🔖Microi 吾码平台的源码目录结构清晰：

包括 Dos.ORM（数据库组件源码）
Dos.ORM.MySql（数据库组件 mysql 插件源码）
Dos.ORM.NoSql（数据库组件 nosql 插件源码）
Dos.ORM.Oracle（数据库组件 oracle 插件源码）
Dos.Common（常用开发类库源码）
Microi.net.Api（.NET8 后端框架源码，提供 api 接口）
Microi.Cache（后端分布式缓存插件源码）
Microi.Captcha（后端验证码组件插件源码）
Microi.gRPC.Client（后端 gRPC 客户端测试源码）
Microi.gRPC.Java（后端 gRPC 客户端 java 测试源码）
Microi.gRPC.Server（后端 gRPC 服务端源码）
Microi.HDFS（后端分布式存储插件源码）
Microi.Job（后端任务调度插件源码）
Microi.Model（后端实体类源码）
Microi.MQ（后端消息队列插件源码）
Microi.Office（后端 office 相关处理插件源码）
Microi.ORM（后端数据库差异化处理源码）
Microi.SearchEngine（后端搜索引擎源码）
Microi.Spider（后端采集引擎插件源码）
Microi.WeChat（后端微信插件源码）
Microi.V8Engine（后端 V8 引擎扩展源码）
Microi.SystemBase（后端系统基础管理，将会被 FormEngine 表单引擎全面替换后而废弃）
microi.vue2.pc（前端 PC 传统界面框架源码，element-ui + webpack + vuex + node14）
microi.vue2.qiankun（基于 qiankun 的 PC 前端 vue2 微服务框架源码）
microi.vue2.uniapp（基于 uview 的 vue2 移动端版本（已停更））
microi.vue3.os（前端 PC 操作系统框架源码（个人版），element-plus + vite5 + pinia + node18）microi.vue3.os.build（前端 PC 操作系统框架（免费开源版））
microi.vue3.tuniao（基于图鸟 UI 的 vue3 移动端版本源码）、
microi.vue3.uni-ui（基于 uni-ui 的 vue3 移动端版本（暂未开源））
lib（后端需要用到的 dll 引用）
Microi.net 前端扩展（PC 前端 vue2 框架源码需要用到的扩展）等。

🔖建议

⚠️本地编程建议使用 vs code（后端.NET8 也是一样），需安装 C#、C# Dev Kit、.NET Install Tool 插件。

🔖演示帐号

⚠️演示帐号为[demo]，密码为[demo123456]，提供动态配置，有中英文版本切换。

总的来说，Microi 吾码平台以其强大的技术框架、丰富的功能和持续的更新，为企业提供了高效、灵活的低代码开发解决方案。

📚三、功能模块详解

📘1. 界面引擎

界面引擎

🔖试用地址与集成方式。

试用地址：Microi吾码界面引擎试用地址为https://microi.net/page-engine。
npm组件集成方式：npm i microi-pageengine@latest，必须是Vue3 + Vite项目，任意页面即可集成。代码示例如下：

<template>
  <!-- 页面设计器 -->
  <formDesigner :remoteObj="remoteObj"/>
  <!-- 页面渲染器 -->
  <!-- <formRenderer :remoteObj="remoteObj"/> -->
</template>
<script setup>
//引入组件
import { formDesigner, EventBus, usePageEngineStore } from 'microi-pageengine'
//引入样式
import 'microi-pageengine/style.css'
//本地组件
import { useRouter } from 'vue-router'
import { createPinia } from 'pinia'
import { onMounted, onBeforeUnmount, ref } from 'vue'
//用自己的路由处理组件内部跳转,通过EventBus监听处理内部事件,主打一个自由自在,随心所欲.
const router = useRouter()
//状态机传参,npm包没包把pinia打包进去,正所谓巧妇难为无米之炊,给她传一个完事
const pinia = createPinia()
const pageEngineStore = usePageEngineStore(pinia)
//传入数据,这个数据不知道什么格式,可以在设计器拖拽几个组件查看下页面JSON,和渲染JSON一毛一样的
const remoteObj = ref({})
//模拟加载远程数据
const loadFormData = () => {}
onMounted(() => {
  //如果需要token,设置token,该token一经接收即刻存入pinia状态机,每次调用接口通过拦截器自动处理token头,无需每次手动写,持久化用的localStorage,可以F12查看
  pageEngineStore.setToken('')
  //下面这一大串监听,其实也可以写到一个事件里,通过key value 键值对来区分,暂时先这么着吧
  //监听保存页面JSON事件
  EventBus.on('saveFormJson', (saveFormJson) => {
    console.log('saveFormJson', saveFormJson)
  })
  //监听日历选择日期事件
  EventBus.on('calendarSelDate', (data) => {
    console.log('calendarSelDate', data)
  })
  //卡片更多跳转
  EventBus.on('cartMoreLink', (linkurl, linktype) => {
    console.log('cartMoreLink', linkurl, linktype)
    if (linktype === 'router') {
      router.push(linkurl)
    }
  })
  //链接组件跳转
  EventBus.on('linkWidget', (linkurl, linktype) => {
    console.log('linkWidget', linkurl, linktype)
    if (linktype === 'router') {
      router.push(linkurl)
    }
  })
  //鱼骨图跳转
  EventBus.on('fishWidget', (linkurl) => {
    console.log('监听fishWidget', linkurl)
    router.push(linkurl)
  })
  //步骤跳转
  EventBus.on('stepsWidget', (id, linkurl) => {
    console.log('监听stepsWidget', id, linkurl)
    router.push(linkurl)
  })
})
//销毁
onBeforeUnmount(() => {
  EventBus.off('saveFormJson')
  EventBus.off('calendarSelDate')
  EventBus.off('cartMoreLink')
  EventBus.off('linkWidget')
  EventBus.off('fishWidget')
  EventBus.off('stepsWidget')
})
</script>
<style>
.dark {
  background: #252525;
  color: white;
}
.light {
  background-color: white;
  color: black;
}
</style>

iframe模式集成方式：这种模式把低代码设计器当成一个在线工具，不依赖任何前端和后端，高内聚低耦合，可集成任意平台。平台集成使用Iframe，把页面设计器嵌入到自己页面中，通过postMessage方式与父页面进行通信，父页面可以获取到设计器生成的页面JSON，也可以把token传给设计器。数据通信使用 postMessage 方式，父页面(对接平台)通过 postMessage 向子页面发送数据，这里主要传token，子页面(页面设计引擎组件)使用 window.addEventListener 监听并接收数据。代码示例如下：

<template>
  <iframe ref="myIframe" id="iframe" src="https://www.nbweixin.cn/autopage/" frameborder="0" style="width: 100%; height: 100%"></iframe>
</template>
<script>
methods: {
  sendMessageToIframe() {
    const iframe = this.$refs.myIframe;
    // 要发送的数据
    const dataToSend = {
      pageEngineToken: "token 值"
    };
    // 使用 postMessage 发送数据给 iframe
    iframe.contentWindow.postMessage(dataToSend, "*");
  }
}
</script>

满足客户个性化需求，所有控件支持数据源配置。
Microi吾码界面引擎所有控件均支持数据源配置，可通过接口引擎来提供数据源。

📘2. 表单引擎

表单引擎

🔖支持扩展组件和自定义 Vue 组件嵌入表单。

Microi吾码表单引擎组件库支持二次开发自由扩展，可增加“显示天气”等自定义组件。定制表单设计里面可以任意嵌入自己开发的vue组件，嵌入的vue组件也能通过一句代码<DiyForm TableId="1" />来调用表单引擎二次开发。

🔖灵活实现复杂业务逻辑，如 V8 引擎事件。

Microi吾码表单引擎支持V8引擎事件，平台提供了非常丰富的前端事件、后端事件、键盘事件、值变更事件等等。比如表单提交前在“前端事件”中判断哪些字段必填、哪些字段填写不符合规则；在“后端事件”中判断更严格的数据校验，防止通过postman调用接口绕开前端验证。

📘3. 接口引擎

接口引擎

🔖支持多种请求方式和参数类型。

接口引擎支持Get、Post请求，无论通过get还是post，均能成功请求。支持form-data、payload-json请求，无论请求是form-data还是payload-json，均支持。V8.Param能接收form-data、payload/json、url三种参数类型。

🔖可解决复杂业务逻辑，如发送短信、实现微信小程序授权手机号登录。

接口引擎做为平台的亮点之一，能解决非常复杂的业务逻辑，统一管理定制接口。接口引擎由表单引擎驱动，可使用接口引擎发送第三方短信、阿里云短信，还可实现微信小程序授权手机号登录。具体实现可参考相关文档和示例代码。

📚四、成功案例展示

成功案例展示

📘互联网房地产成功案例

🔖基于 Microi 吾码的互联网房地产平台：

开发周期为 3 个月，开发人员 5 人以上，由 Microi 吾码官方团队开发。
平台高峰时拥有 400 多个线下门店、2000 多名房屋经纪人，总部有 100 多人，配置了 100 余个菜单模块、128 张物理表。
进行了大量的前端微服务定制开发和后端二次开发，表单引擎嵌入了 vue 定制组件，且定制组件还能二次调用表单引擎。
对接了阿里云隐私号，经纪人可绑定隐私号进行电话营销，平台还能记录通话语音内容。同时对接了 VR 设备，完整实现了 PC 端官网、平台管理系统、手机端 ios app、安卓 app、微信小程序、h5 等多端应用，并且实现了地图找房、地铁找房、画圈找房等功能。

🔖合房网：

合房网由陈挚于 1999 年在合肥创立，并在 2000 年初正式上线，成为中国最早的互联网房地产平台之一。最初专注于安徽省，后扩展到全国范围。
2000 年初，合房网不仅提供在线房地产信息，还整合了如抵押贷款、二手房免费评估等多项服务。与中国工商银行合作，为二手房买家创建了一个便捷的线上系统，大大简化了购房流程，提高了用户体验。
2012 年，陈挚成立了星空传媒控股集团，将合房网与其它平台整合。并推出了“左邻右里”这个 O2O 社区管理生态系统，涵盖了从物业管理到各种辅助服务。到 2015 年，该平台已经签约了全国超过 1000 个社区开发项目，用户超过 1000 万。2016 年，“左邻右里”被评为“年度最具投资价值社区 O2O 平台”，并迅速扩展至全国多个省市，成为房地产行业中一个新的增长点。

📘服装生产 ERP 成功案例

🔖基于 Microi 吾码的服装生产 ERP：

开发周期为 1 个月，开发人员为华经理和小金，由客户研发团队开发，Microi 吾码官方团队提供技术支持。
截止 2024 - 11 - 08，该 ERP 项目已配置 146 个菜单模块、141 张物理表，68 个接口引擎，总数据量已超过 1000 万。并且已开 80 个 SaaS 数据库，即已应用到 80 家服装工厂，该产品仍在销售递推中。
技术亮点为实现了动态尺码数据【行转列】，动态控制列的显隐，通过接口引擎实现逻辑非常复杂的裁床分包、裁床配比、分包明细、菲票明细生成算法。

🔖美戈尔衣业的 ERP 之路：

陕西美戈尔衣业有限公司成立于 1996 年，注册资金 1.2 亿元，是一家集自主开发、设计、制造、销售于一体的服装企业。主要产品为各类工业劳动保护服装，以及医用一次性防护服、隔离衣等医用服装，同时兼生产标志服、职业装、户外服等。
随着客户需求、产品工艺、销售渠道等日趋多样和复杂，美戈尔衣业选择基于企业一体化管理思想的智邦国际 ERP 系统。通过该系统，美戈尔衣业实现了企业内外资源数字化整合，全流程协同，可视化追溯。并能实时采集、无缝流转、多维分析客户需求，为客户提供更及时、更精准、更个性的服装方案和全程服务，进而打造适合每位客户的高效、协同、智能供应链和新服务。

📚五、使用教程

使用教程_部署方式

📘1. 一键安装使用

🔖CentOS7 一键安装脚本及注意事项如下：

目前暂未有针对 Microi 吾码平台的 CentOS7 一键安装脚本，但可以参考其他软件的安装方式，例如 OpenStack CentOS 7 一键安装脚本，其主要步骤如下：

yum update
yuminstall -y wget
#使用 wget 命令下载
wget -O /etc/yum.repos.d/CentOS-Base.repo http://mirrors.aliyun.com/repo/Centos-7.repo
yum update
注意：如果没有 wget 命令，请使用下面的命令
yuminstall -y vim
#设置主机名为 openstack
hostnamectl set-hostname openstack
#切换到 bash 脚本
bash
#禁用防火墙
systemctl disable firewalld
#停止防火墙
systemctl stop firewalld
#禁用网络管理器
systemctl disable NetworkManager
#停用网络管理器
systemctl Stop NetworkManager
#开机启动
systemctl enable network
#启动网络
systemctl start network
yum update
yum clean all
yum repolist all
yuminstall -y centos-release-openstack-steinyuminstall -y openstack-packstack
yum update
packstack --allinone
clear
echo"木沙江老师提醒你，您已经安装好了！"

📘2. 分布式存储配置

支持多种存储方式，可扩展更多配置项。Microi 吾码平台支持分布式存储，以满足不同的存储需求。在 CentOS7 上，可以使用 FastDFS 来实现分布式文件存储系统。

📚六、总结

Microi 吾码总结

Microi 吾码低代码开发平台具有显著的优势和广阔的未来发展前景。

📘1、优势

🔖强大的技术架构

采用.NET8 + Redis + MySql/SqlServer/Oracle + Vue2/3 + Element-UI/Element-Plus 的组合，为开发者提供了稳定、高效的开发环境。后端的.NET8 确保系统的稳定性，Redis 作为分布式缓存提高数据访问速度，多种数据库的支持满足不同企业的需求。前端的 Vue2/3 和 Element-UI/Element-Plus 则带来良好的交互体验和美观的界面设计。

🔖丰富的功能模块

无限制的特点让企业无需担心业务发展受限制。跨平台、跨数据库、分布式部署的能力提高了平台的通用性、灵活性和可扩展性。多种引擎如界面引擎、表单引擎、接口引擎等为企业提供了全面的解决方案，满足不同业务场景的需求。
例如，界面引擎支持自定义，满足企业个性化需求；表单引擎支持扩展组件和自定义 Vue 组件嵌入表单，灵活实现复杂业务逻辑；接口引擎支持多种请求方式和参数类型，可解决复杂业务逻辑。
工作流引擎功能强大且灵活，由表单引擎、接口引擎驱动，历经多个版本的发展。细粒度权限控制保障系统的安全性。单点登录、微信公众平台、移动端、报表引擎、微服务、任务调度、聊天系统、采集引擎、飞书集成、多语言等功能满足企业的多样化需求。

🔖成功案例丰富

互联网房地产成功案例和服装生产 ERP 成功案例展示了 Microi 吾码平台在不同行业的应用效果。开发周期短、开发人员少的情况下，能够实现多端应用、复杂功能和大规模数据处理。
开源社区活跃
拥有活跃的开源社区，提供丰富的文档教程和问题解答，持续更新维护。用户可以从社区中获取支持和灵感，促进平台的不断发展。