给大家推荐一个超好用的 Marsview 低代码平台 🤩🤩🤩

前沿

大家好,最近发现一款低代码平台Marsview挺好用的,专门用来搭建后台管理系统,尤其对于后端同学而言,再也不用学React/Vue开发了,轻松使用Marsview驾驭前端系统开发。

目前Github开源了前端代码,在线平台也是免费体验和使用,大家不妨试试。

开源地址: github.com/JackySoft/m...

在线体验: marsview.com.cn

基础介绍

Marsview 相比传统开发,流程更短,效率更高。作者针对前端同学开发过程中的痛点做了定向优化,使前后端对接更流畅,当前主要以事件流为特色,广受开发者喜爱。

Marsview原本是一款纯前端搭建平台,近期迭代了全栈搭建能力,支持部分简单业务实现全栈搭建。

使用流程

相比较传统开发而言,低代码搭建流程更短,同时代码缺陷、页面美观度、交付流程都是由平台管控,开发者无需再关注脚手架、eslint、每个功能组件如何开发以及线上回滚等流程了。

工期对比

页面 传统前端开发工期 新手搭建平台工期 熟练后搭建平台工期
普通列表页面 1 人天 0.5 人天 1h
CRUD 2-3 人天 1 人天 2-4h
复杂系统(OA/CRM) 1-3 个月 1 个月 7-10 人天

平台特性

Marsview 有六大能力:项目管理、页面搭建、自定义组件、Antd 物料、数据源管理和事件流。 通过这些能力,Marsview可以实现项目开发的完整闭环。

亮点:

  • 平台组件满足不了需求时,可自定义开发,实时预览和上线。
  • 对于基础的全栈业务,比如:问卷调查、班级管理、用户管理等平台直接满足。
  • 页面交互、请求发送、等全部通过事件流可视化配置,无需编码。
  • 支持多环境发布、一键回滚。
  • 支持项目 RBAC 权限控制,主要控制菜单、按钮。
  • 项目和页面,支持添加开发者和访问者,控制项目或页面隐私。

产品使用

首页

当前线上平台已创建 4000+ 项目,10000+ 页面。

项目列表

项目列表会展示个人创建和他人分配权限的项目。

页面列表

点击项目标题会进入项目配置,点击项目空白处会进入到页面列表,每个项目所关联的页面都放在这里。

编辑器

编辑器是低代码最核心的功能模块,它包含了所有完成页面所需要的能力,比如:80+组件物料、变量定义、页面权限管理、页面代码、页面大纲结构、页面调试日志、页面事件流配置、页面接口配置等等。

页面发布

  1. 拖拽组件完成页面搭建,配置交互事件,点击保存(类似于本地的代码提交 git commit ),最后点击发布,选择要发布的环境即可。
  1. 发布成功后,可点击页面访问按钮进行跳转,也可以回到项目列表,点击项目访问。
  • 在页面中点击访问,选择不同的访问环境。

  • 在项目中点击三个点,选择不同的环境。

  • 最终会在admin.marsview.com.cn进行体验

页面回滚

当页面发布以后遇到问题,可点击发布记录,快速回滚到上一个版本或者前几个版本。

接口配置

接口支持第三方 API 配置,支持json/form-data/form-urlencoded等格式,支持请求头设置、拦截器处理、失败重试等,同时为了解决第三方接口跨域问题,平台内置跨域解决方案,打开开关可一键解决跨域问题。

自定义组件开发

当平台提供的组件满足不了业务需求时,可自定义开发组件,平台提供实时编译、实时预览等功能,开发完成后,只需要保存,发布即可完成一款自定义组件的上线。

模板中心

随着用户量的增多,我们会提供各种各样的模板供用户使用,很多相似的功能就不用从头搭建了,只需要安装模板就可以快速获取该页面或者项目源码。

全栈搭建

Marsview 一开始定位为纯前端低代码搭建平台,也就是使用Marsview完成系统的前端部分,接口部分需要公司后端开发,最终同Marsview对接,完成整套系统的上线。

随着客户的增多,我们增加了后端搭建,支持在线建表,数据源可以直接关联平台后端,实现全栈搭建能力。近期我们会上线后端的逻辑编排,比如:发送请求、动态执行sql、调用一个表的增删改查能力以及处理前端脚本等。

  • 项目配置中,创建表和字段。

  • 页面中拖拽表到页面,数据源会自动关联表。

末尾

如果你对低代码感兴趣,刚好Marsview符合你的预期的话,不妨一试,如果有问题也可随时给作者反馈。

访问地址: marsview.com.cn

**作者微信:**MarsOne666

公众号: Marsview

相关推荐
汤姆Tom2 分钟前
CSS 预处理器深入应用:提升开发效率的利器
前端·css·面试
练习前端两年半2 分钟前
Vue3组件二次封装终极指南:动态组件+h函数的优雅实现
前端·vue.js
aricvvang9 分钟前
🚀 NestJS 使用 cache-manager-redis-store 缓存无效?真相在这里!
javascript·后端·nestjs
皮皮虾我们跑10 分钟前
前端HTML常用基础标
前端·javascript·html
Yeats_Liao11 分钟前
Go Web 编程快速入门 01 - 环境准备与第一个 Web 应用
开发语言·前端·golang
卓码软件测评11 分钟前
第三方CMA软件测试机构:页面JavaScript动态渲染生成内容对网站SEO的影响
开发语言·前端·javascript·ecmascript
Mintopia14 分钟前
📚 Next.js 分页 & 模糊搜索:在无限数据海里优雅地翻页
前端·javascript·全栈
Mintopia16 分钟前
⚖️ AIGC版权确权技术:Web内容的AI生成标识与法律适配
前端·javascript·aigc
周家大小姐.27 分钟前
vue实现模拟deepseekAI功能
前端·javascript·vue.js
小张成长计划..40 分钟前
前端7:综合案例--品优购项目(HTML+CSS)
前端·css·html