前言
在如今快速迭代的软件开发环境中,如何提升前端开发效率、降低重复劳动,成为许多团队关注的核心问题。低代码平台正是在这种背景下应运而生,它通过可视化拖拽、逻辑编排等方式,让开发者甚至非技术人员也能快速搭建出功能完整的页面或系统。Marsview 正是这样一款专注于中后台场景的低代码可视化搭建平台,它不仅开源免费,还提供了高度灵活的扩展能力,真正做到了"让搭建更简单,让开发更高效"。
项目介绍
Marsview 由 JackySoft 团队打造,目标用户主要是面向企业内部管理系统、运营平台、数据看板等中后台应用场景的开发者。平台支持从零开始创建项目、页面和组件,并通过图形化界面完成复杂的交互逻辑与接口对接。值得一提的是,Marsview 不仅可以独立部署使用,还能通过微前端框架 microApp 轻松嵌入到已有的 Vue 或 React 项目中,极大降低了技术栈迁移的成本。
项目功能
1、项目管理:支持主题色、菜单布局、系统 Logo、面包屑等基础配置,并内置完整的 RBAC(基于角色的访问控制)权限体系。
2、页面搭建:提供可视化拖拽编辑器,支持页面主题设置、组件布局、样式配置、事件流编排及接口调用。
3、权限控制:细化到项目、页面、菜单乃至按钮级别的权限分配,确保不同角色看到的内容和可执行的操作精准可控。
4、自定义组件:当平台内置的 50+ 组件无法满足需求时,开发者可上传自研组件,平台在线编译后即可在编辑器中使用。
5、接口管理:统一维护 API,支持 GET/POST/PUT/DELETE 等请求方式,可配置全局拦截器、动态参数传递及返回结构处理。
6、事件流引擎:通过图形化逻辑编排,实现组件联动、显隐控制、禁用状态切换、路由跳转、接口调用等复杂业务逻辑。
7、多环境发布:支持 STG(测试)、PRE(预发)、PRD(生产)三套环境,页面需发布后才对外可见。
8、版本回滚:已发布页面支持一键回滚至上一版本,保障上线稳定性。
9、微服务集成:通过 microApp 微前端方案,可将 Marsview 页面无缝嵌入传统 Vue/React 项目中。
项目特点
开箱即用:提供完整中后台解决方案,无需从零搭建基础架构。
灵活集成:既可作为独立系统使用,也可作为子应用嵌入现有工程。
权限精细:RBAC 模型覆盖项目、页面、操作各层级。
逻辑可视化:事件流机制让复杂交互不再依赖硬编码。
项目技术
前端采用 TypeScript + Less 构建,整体采用 Monorepo 架构,通过 pnpm 管理依赖。
项目目录清晰划分为:
-
packages/admin:项目访问端(用户侧) -
packages/editor:可视化编辑器(开发侧) -
packages/materials:内置组件物料库
后端以 Node.js 为主,数据库选用 MySQL,接口设计遵循 RESTful 规范。
本地开发只需 Node 18+ 和 pnpm,执行 pnpm i 安装依赖后,运行 pnpm start:editor 即可启动编辑器,默认连接线上接口,也
支持私有化部署。
项目体验
在线体验地址:demo.marsview.com.cn/,也开放了正式站点:h…
项目效果
实际使用 Marsview 搭建页面的体验相当流畅。无论是简单的表单页还是包含多组件联动的数据看板,都能在几分钟内完成原型搭建。配合其强大的事件流和接口配置能力,很多原本需要前后端联调的功能,现在前端即可独立闭环实现。
项目源码
GitHub:github.com/JackySoft/m…)
采用 Apache-2.0 开源许可证,允许商业使用与二次开发。项目处于活跃维护状态,建议通过 fork + 设置 upstream 的方式同步上游更新:
git remote add upstream https://github.com/JackySoft/marsview
git fetch upstream main
git checkout main
git merge upstream/main
总结
Marsview 并没有盲目追求"零代码",而是聚焦于"低代码 + 高扩展"的平衡点——在大幅减少重复性工作的同时,保留了专业开发者的控制力和灵活性。
对于正在构建或重构中后台系统的团队而言,它既能加速 MVP 验证,也能支撑长期业务演进。随着专业版逐步上线图片云、数字大屏、工作流等高级能力,Marsview 的生态价值将进一步凸显。
关键词
低代码、可视化搭建、中后台、Marsview、微前端、事件流、RBAC权限、自定义组件、开源平台、Node.js
最后
如果你觉得这篇文章对你有帮助,不妨点个赞支持一下!你的支持是我继续分享知识的动力。如果有任何疑问或需要进一步的帮助,欢迎随时留言。
也可以加入微信公众号 [DotNet技术匠] 社区,与其他热爱技术的同行一起交流心得,共同成长!
优秀是一种习惯,欢迎大家留言学习!