手记

[开源] 一款中后台方向的可视化低代码平台

一、简介

  • Marsview 是一款中后台可视化低代码平台,开发者可以创建项目、页面和组件,支持事件交互、接口调用、数据联动和逻辑编排等,开发者还可通过微前端框架 microApp 快速集成到自己的业务系统中。
  • 项目采用了MIT License协议
    1. 被许可人权利
      • 该协议赋予被许可人广泛的权利,包括使用、复制、修改、合并、出版发行、散布、再许可和销售软件及其副本的权利,并且可以授予他人同等权利。这意味着开发者可以自由地对基于 MIT 协议的软件进行各种操作和利用,以便更好地满足自己的需求,也有利于软件的传播和改进。
    2. 被许可人义务
      • 在软件的所有副本中都必须包含版权声明和许可声明。这是为了确保软件的来源和使用权限能够被清晰地标识和追溯,保护原作者的权益
    3. 适用范围
      • MIT 协议适用于几乎所有类型的软件,包括商业软件和专有软件。这使得它在商业领域和开源社区中都得到了广泛的应用。许多商业公司会选择使用 MIT 协议来发布自己的开源项目,以便在享受开源带来的优势的同时,能够保持对自己软件的商业控制权。
    4. 兼容性
      • MIT 协议具有较高的兼容性,可与其他许可协议并存,并且与 GPL 兼容。这意味着在一个项目中,如果部分代码使用了 MIT 协议,其他部分代码使用了其他兼容的协议,那么这些代码可以在同一个项目中共同存在和使用。

二、项目界面展示

三、功能介绍

  • 微服务: 如果你是传统的 Vue 项目,想使用此平台,可以先在平台搭建一个页面发布到 PRD 环境,最后通过微服务集成进来。
  • 项目: 项目配置(主题色、菜单布局、系统 Logo、面包屑…)、完整的 RBAC 的权限管理。
  • 后端提供 JAVA 和 Koa 两个版本,数据库为 Mysql。
  • 权限: 项目和页面支持开发者和访问者权限配置,项目还支持菜单、按钮级别的 RBAC 控制。
  • 页面: 页面创建、页面主题、页面配置、组件拖拽、样式配置、事件流配置、逻辑编排、接口配置。 页面支持通过微服务的方式集成到传统项目中,无论你是 Vue 还是 React。
  • 回滚: 平台发布后的页面支持一键回滚。
  • 事件流: 通过事件流可以完成高难度的业务逻辑编排,比如:组件联动、组件显隐、组件禁用、自定义逻辑处理、接口调用、路由跳转等。
  • 权限: 项目和页面支持开发者和访问者权限配置,项目还支持菜单、按钮级别的 RBAC 控制。
  • 环境: 平台支持三套环境,STG、PRE 和 PRD,页面只有发布到对应环境后,才可以在用户端访问到该页面。
  • 接口: 接口统一管理,全局拦截器、返回结构修改等。支持 GET、POST、PUT、DELETE 等请求方式,支持接口动态参数传递。
  • 自定义组件: 当平台提供的组件满足不了需求时,可以自定义开发业务组件,平台会在线编译,上传到云端,同时在编辑器界面自定义组件中可以点击进行加载。

项目说明

目录 说明
packges 前端项目,包括 4 个子服务
packges/admin 项目访问端
packges/editor 编辑器端
packages/materials 组件物料 ,仅供 admin 使用
packages/docs 低代码使用文档
backend 后端服务,包括 2 个版本
backend/java JAVA 版本
backend/koa KOA 版本
backend/koa/config 项目配置文件
backend/sql 数据库脚本

四、 开发环境

  • node:18以上版本

  • 使用pnpm作为依赖管理工具

  • npm install -g pnpm

  1. 安装 MySQL 数据库,执行backend/db.sql脚本

  2. 启动 Node 后端

cd backend/koa

pnpm i

pnpm run dev

注意:运行前需要修改 koa/config.js 配置文件。

  1. 启动前端
# 安装依赖(安装依赖时间如过长,请先配置镜像源)
pnpm i
# 修改 .env.development 文件
VITE_BASE_API = 'http://localhost:5000/api'
# 启动编辑器
pnpm start:editor

五、源码地址

opencode源码网:code.open1024.top

0人推荐
随时随地看视频
慕课网APP