2024-11-26-Microi吾码--开源低代码平台,程序员必备开源框架

2024-11-26 约 4920 字预计阅读 10 分钟

https://bing.ee123.net/img/rand?artid=144050762

Microi吾码 | 开源低代码平台，程序员必备开源框架

文章目录

【博主推荐】Microi吾码开源低代码平台，程序员必备开源框架，几行代码直接配置快速建站，快来搭建自己的应用 ，Microi吾码低代码平台，大型互联网应用、定制软件开发、智能硬件、跨行业通用软件产品。期待您的加入！！！目前已涉猎网站，小程序，APP，大屏可视化，智能管理系统等各行各业领域平台。可以让你快速建立自己的产品应用，打造属于自己的系统。今天要隆重介绍下这款插件 Microi.Net-界面设计引擎，因为本人有幸受邀参与了Microi吾码-开源低代码平台Vue3版本的开发，今后会与原创团队共同维护和完善该项目。

1.1 Microi吾码介绍

下面以图文的方式简单介绍一下 Microi吾码 ，让你对这个平台有一定的了解。

1.2 Microi吾码项目部分效果图

Microi.Net-界面设计引擎主要解决了低代码平台页面如何快速设计的痛点。下面咋们一起来欣赏一下项目效果图。

设计引擎分为设计器和渲染器两个核心组件:

🔸
设计器
负责快速构建精美的页面,比如首页,动态看板,大屏等,采用极简的设计理念,傻瓜式操作,对开发人员的技术要求大大降低.
🔸
渲染器
负责渲染,以数据驱动页面展示.以往可能这部分工作都是前端或UI来完成的,现在普通的后端开发人员或者运维和销售角色都可以胜任.大大降低了团队研发的成本.

图1：官网演示效果

图2：官网演示效果2

图3：官网演示效果3

图4：官网演示效果4

图5：v1.x教育管理系统

图6：v2.x房地产平台-表单查看

图7：v2.x房地产平台-二次开发

图8：v2.x跨境物流系统

图9：v2.x人事管理系统图10：v3.xOA办公系统

图11：v1.x手机端3合1截图

图12：v4.x流程引擎

图13：手机端效果图

图14：手机端效果图

图15：手机端效果图

1.3 Microi吾码上新活动

目前我是吾码合伙人，如果想购买Microi吾码开源框架会员版，可以报我的CSDN 名 “xcLeigh” 或者在合伙人优惠码那里填写【 xcLeigh-1126 】即可享受大额减免优惠。

演示地址：

下载地址：

版本区别
免费开源版 ：包含平台90%以上源代码【前后端框架源码、所有插件源码、移动端uniapp源码等】
个人版 ：额外包含【Web操作系统源码、表单设计器源码、流程设计器源码、聊天系统源码】，与企业版无任何功能差别
企业版 ：提供更多的培训、咨询等售后服务，详见：

1.4 Microi吾码产品优势

产品目标
1.通过“低代码”技术重塑系统开发方式
2.轻快实现任何重量级系统的复杂定制
3.万物皆可轻，启动轻代码程序革命
4.与其它低代码平台对比
Microi.net面向程序员、开发团队，暂不面向C端普通用户，可通过Google V8引擎javascript语法实现各种非常复杂的场景，如互联网、物联网、ERP等。
无任何限制（不限制用户数、表单数、数据量等等）
产品团队
1.研发部90%为技术开发人员，分为两组
2.Microi.net产品研发组
3.基于Microi.net进行二次定制开发组
4.提供稳定的更新与售后服务
技术架构
1.跨平台：.Net Core分布式架构，支持华为云、阿里云、腾讯云、亚马逊云、三大运营商云服务器等、本地化部署，提供框架源代码。
2.跨语言：提供Grpc协议源代码，支持Java、Pyhon等语言调用进行二次开发
3.提供前端主框架90%源代码；提供微服务框架100%源代码，支持Vue、ReactJS、AngularJs进行二次开发，私有化npm部署
4.Dos.ORM跨数据库支持（MySql[5.5、5.6、5.7、8.x]、Oracle[11g]、SqlServer[2005+]，分库分表、读写分离、多主同步），可扩展更多数据库。
5.多种SAAS模式，支持数据库级别隔离、TenantId租户隔离、独立组织机构数据隔离
6.分布式缓存Redis（哨兵）
7.分布式云存储、MinIO、亚马逊S3等
8.消息队列、高性能MongoDB日志系统
9.集成搜索引擎Solr/ES
10.Nginx、负载均衡、CDN全球加速
11.OAuth2.0、JWT 统一身份认证
12.Docker、K8S、Jenkins、Rancher、CICD
产品优势
1.表单引擎
丰富的组件：如下拉树、定制组件（支持表单引擎嵌入定制vue组件/定制vue组件嵌入表单引擎/无限嵌套）等
自由扩展组件
丰富的配置项
灵活的V8引擎事件，分为前端、后端事件
表单/表格模板引擎
一键加载第三方数据库表
2.Google V8引擎
JavaScript语法，可自由封装、扩展。
支持全局V8引擎
3.模块引擎
支持多表关联、查询列、不显示列、统计列、可搜索列、可排序列、动态V8按钮、复杂where条件、接口地址替换等
支持多种嵌入模式：iframe、微服务、组件、内置界面模板等
4.接口引擎
支持大量常用库，如：V8.Cache、V8.Http、V8.FormEngine等
支持自定义接口地址、支持分布式锁、匿名调用、权限控制、数据库事务等
5.数据源引擎
与接口引擎类似，新增sql数据源、接口数据源、普通数据源
6.数据库管理
一键加载第三方数据库
7.消息队列管理、分布式任务调度系统
与V8引擎结合
8.搜索引擎
选择性的将表、数据同步至ES搜索引擎
9.自定模板导出打印
本地设计office模板，根据模板进行导出、打印
10.聊天系统
仿微信界面实现内部聊天
11.第四代工作流引擎
第一代基于微软WWF、第二代参与ccflow研发、第三代基于微软最新WWF
第四代完全自主研发，由表单引擎、接口引擎驱动。
12.细粒度权限控制
细化到每张表、每个字段、每个菜单、每个V8按钮等
13.单点登陆
支持隐藏左侧、顶部。支持第三方系统单点登陆低代码平台、低代码平台支持登陆第三方系统。
14.集成微信公众平台
多公众号配置（不同集团分公司用户绑定不同公众号发送模板消息）
多小程序配置
模板消息配置
15.全模块由表单引擎驱动
16.小程序（uni-app）
开放100%源代码，可打包安卓、ios
❀ 成功案例
目前已有成功案例开发团队客户50家以上，而客户基于低代码平台研发的系统已应用到数百家企业。
①房地产互联网平台（仿贝壳）（大量的前端微服务定制）
②大型电器ERP（300+表，100+模块）（大量的后端定制）
③多个服装ERP（100+表，1个人1个月完成）（纯低代码平台实现的服装ERP系统）
④物联网智能家居（亿级数据量处理）、植物工厂智能硬件控制
⑤集团、国企OA系统
⑥停车场、潮汐检测、固定资产、CRM 等等平台
⑦四所大学实训课程

1.5 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 ：后端消息队列插件源码
前端扩展 ：PC前端vue2框架源码需要用到的扩展
Microi.Office ：后端office相关处理插件源码
Microi.ORM ：后端数据库差异化处理源码
Microi.SearchEngine ：后端搜索引擎源码
Microi.Spider ：后端采集引擎插件源码
Microi.WeChat ：后端微信插件源码
Microi.SystemBase ：后端系统基础管理，将会被FormEngine表单引擎全面替换后而废弃
lib ：后端需要用到的dll引用
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移动端版本（暂未开源）
npm组件发布-dos.fontawesome ：已将源码集成到microi.vue2.pc，无需再使用
npm组件发布-microi.services ：已将源码集成到microi.vue2.qiankun，无需再使用
本地编程建议使用vs code （后端.NET8也是一样），需安装C#、C# Dev Kit、.NET Install Tool插件

1.6 Microi吾码代码示例

iframe外挂形式集成

任何前端框架都可以集成，这种模式说白了就是百搭，它是无状态的,不依赖任何前端和后端,高内聚低耦合,可集成任意平台。

平台集成使用frame，把页面设计器嵌入到自己页面中,通过postMessage方式与父页面进行通信,父页面可以获取到设计器生成的页面JSON,也可以把token传给设计器。

VUE完整DEMO示例

<template>
  <div v-loading="loading" class="iframe-container">
    <iframe
      ref="myIframe"
      id="iframe"
      :src="src"
      frameborder="0"
      width="100%"
      height="730px"
      @load="onIframeLoad"
    ></iframe>
  </div>
</template>
 
<script setup>
import { ref, onMounted, onBeforeUnmount } from 'vue'
const loading = ref(true)
const src = ref('https://www.nbweixin.cn/autopage/')
 
const myIframe = ref(null)
 
//模拟数据库数据
const demoObj = {
  Id: 31908,
  Title: '测试标题',
  Number: 'page_31908',
  Desc: '这是一个空的页面模板',
  JsonObj: {} //对象或者字符串
}
 
// 监听 iframe 是否加载完成
const onIframeLoad = () => {
  console.log('Iframe 已加载完成')
  loading.value = false
  sendMessageToIframe()
}
 
const sendMessageToIframe = () => {
  // 要发送的数据
  const dataToSend = {
    iframeToken: 'token_test', //自定义token
    iframeFormData: JSON.stringify(demoObj), //页面JSON，新增的话JsonObj留空就行
  }
  // 使用 postMessage 发送数据给 iframe
  myIframe.value.contentWindow.postMessage(dataToSend, '*')
}
 
//监听iframe 内部透传事件
let pageengineEvent = null
pageengineEvent = function (event) {
  if (event.data) {
    switch (event.data.key) {
      //保存页面json
      case 'saveFormJson':
        console.log('已接到到来自iframe消息,saveFormJson', event.data.value)
        let obj = JSON.parse(event.data.value)
        console.log(obj)
        break
      //监听日历选择日期事件
      case 'calendarSelDate':
        console.log('已接到到来自iframe消息,calendarSelDate', event.data.value)
        break
      //监听日历选择日期事件
      case 'calendarSelDate':
        console.log('已接到到来自iframe消息,calendarSelDate', event.data.value)
        break
      //卡片更多跳转
      case 'cartMoreLink':
        console.log(
          '已接到到来自iframe消息,cartMoreLink 监听',
          event.data.value
        )
        break
      //链接组件跳转
      case 'linkWidget':
        console.log('已接到到来自iframe消息,linkWidget', event.data.value)
        break
      //鱼骨图跳转
      case 'fishWidget':
        console.log('已接到到来自iframe消息,fishWidget', event.data.value)
        break
      //步骤跳转
      case 'stepsWidget':
        console.log('已接到到来自iframe消息,stepsWidget', event.data.value)
        break
      default:
        break
    }
  }
}
window.addEventListener('message', pageengineEvent)
onMounted(() => {})
 
onBeforeUnmount(() => {
  window.removeEventListener('message', pageengineEvent)
})
</script>
 
<style lang="scss" scoped></style>

1.7 Microi吾码系列文档

Microi吾码官网：
演示地址：
Vue3试用地址（仅查询）：
Vue2传统界面试用地址（可操作数据）：
Gitee开源地址：
GitCode开源地址：
平台演示地址：
平台介绍：

1.8 给大佬的一句话

Microi吾码 低代码平台，大型互联网应用、定制软件开发、智能硬件、跨行业通用软件产品。期待您的加入！！！

亲爱的读者，无论前路如何漫长与崎岖，都请怀揣梦想的火种，因为在生活的广袤星空中，总有一颗属于你的璀璨星辰在熠熠生辉，静候你抵达。

愿你在这纷繁世间，能时常收获微小而确定的幸福，如春日微风轻拂面庞，所有的疲惫与烦恼都能被温柔以待，内心永远充盈着安宁与慰藉。

至此，文章已至尾声，而您的故事仍在续写，不知您对文中所叙有何独特见解？期待您在心中与我对话，开启思想的新交流。

————— 业精于勤，荒于嬉 —————

————— 行成于思，毁于随 —————

💞 带你实现畅游前后端

🏰 带你体验酷炫大屏

💯 带你体验不一样得介绍

🎀 带你体验高大上得邀请

① 🉑提供云服务部署（有自己的阿里云）；

② 🉑提供前端、后端、应用程序、H5、小程序、公众号等相关业务；

如🈶合作请联系我，期待您的联系。

注：本文撰写于 CSDN平台 ,作者： xcLeigh （ 所有权归作者所有） ，，如果相关下载没有跳转，请查看这个地址，相关链接没有跳转，皆是抄袭本文，转载请备注本文原地址。

亲，码字不易，动动小手，欢迎 点赞 ➕ 收藏 ，如 🈶 问题请留言（评论），博主看见后一定及时给您答复，💌💌💌

原文地址：（防止抄袭，原文地址不可删除）

68747470733a2f2f626c6f672e:6373646e2e6e65742f77656978696e5f34333135313431382f:61727469636c652f64657461696c732f313434303530373632