Home
Softono

Mfish Nocode View

Open source Apache-2.0 Vue
194
Stars
68
Forks
1
Issues
4
Watchers
3 months
Last Commit

 About Mfish Nocode View

摸鱼低代码前端采用 Vue3.x、Vite8.x、 Ant-Design-Vue4.x、TypeScript 等新技术方案,结合后端使用

Platforms

Web Self-hosted

Languages

Vue

Need Help Installing Mfish Nocode View?

We provide expert installation service for this software. Our team will install, configure, and secure Mfish Nocode View on your server. plans start at just $30.

Mfish Nocode View

View on GitHub

摸鱼低代码开发平台(前端)

当前最新版本: V2.4.0

Author Blog Version License

GitHub watches GitHub stars GitHub forks

🐟项目介绍

摸鱼低代码平台,是一款致力于 让开发像摸鱼一样轻松 的低代码/无代码平台。我们希望打破技术门槛,让程序员和非程序员都能快速构建业务系统,提升效率,释放创造力。

这不仅是程序员偷闲时的效率神器,更是职场小白的建站利器,甚至是领导画原型的秘密武器!

🧠我们的愿景

打造一个真正让人省心省力的开发平台:

对程序员来说,是加速上线、复用逻辑、快速交付的开发利器

对业务人员来说,是所见即所得、拖拖拽拽就能搞定的效率工具

一句话:让懂技术的跑得更快,让不懂技术的也能跑起来!

🚀核心特点

低代码 + 无代码统一平台:灵活切换,按需使用

即可快速生成业务代码,也可以无代码生成API接口和可视化大屏

单实例微服务一体化架构:支持单体服务和微服务两种开发部署模式,一套代码解决两种架构,开箱即用

权限解耦:企业级的权限控制,安全可靠与业务代码完全解耦,通过注解控制权限

🎯适用场景

企业内部系统搭建(ERP、CRM、OA等)

快速原型设计与验证

数据展示看板等轻应用开发快速集成

💡技术栈

摸鱼低代码前端采用 Vue3.x、Vite8.x、 Ant-Design-Vue4.0.X、TypeScript 等新技术方案,包括二次封装组件、utils、hooks、动态菜单、权限校验、按钮级别权限控制等功能。 是在Vben-Admin基础上进行优化研发的适合于摸鱼低代码平台的前端解决方案,目前已是稳定版本,可用于生产项目。

  • 后端基于SpringBoot4, Spring Cloud Alibaba,实现微服务、单体服务代码一体化架构
  • 注册中心、配置中心采用nacos(作为单体服务时无需使用注册中心)
  • 支持oauth2统一认证接入,支持多种登录方式(账号密码登录、手机短信登录、微信扫码登录)
  • 支持租户切换,租户可以自己管理自己的人员、组织、角色
  • 支持可视化配置查询API接口,后端自动生成SQL执行
  • 支持注解方式进行数据权限控制,与业务代码完全解耦

🌐前端源码地址

github gitee gitcode

🌐后端源码地址

github gitee gitcode

📖文档地址

🎭平台交流

微信:

QQ群:

加入QQ群 点击链接加入群聊【摸鱼低代码交流群】

项目说明

项目名 说明
mfish-nocode-view Vue3.4+Vite8前端
mfish-nocode JAVA后台(微服务架构)

📖技术文档

安装与使用

环境要求: Node.js版本要求16.x以上。

  • Get the project code
git clone https://github.com/mfish-qf/mfish-nocode-view.git
  • Installation dependencies
cd mfish-nocode-view

pnpm install

  • 配置后台接口地址
.env.development
  • run
pnpm run dev
  • build
pnpm run build
  • 访问前台

http://localhost:5186

🧩功能模块

├─ChatGpt
│  ├─聊天
├─驾驶舱
│  ├─工作台
├─低代码
│  ├─数据源
│  ├─代码生成
│  ├─自助API
│  └─自助大屏
├─系统管理
│  ├─菜单管理
│  ├─组织管理
│  ├─角色管理
│  ├─帐号管理
│  ├─字典管理
│  ├─分类管理
│  ├─日志管理
│  ├─文件管理
│  ├─在线用户
│  ├─应用管理
│  └─数据库
├─租户管理
│  ├─租户配置
│  ├─个人信息
│  ├─租户信息
│  ├─租户组织
│  ├─租户角色
│  ├─租户人员
├─系统监控
│  ├─监控中心
├─任务调度
│  ├─任务管理
│  ├─任务日志
├─项目文档
│  ├─接口地址
│  ├─Github地址
│  ├─Gitee地址
│  ├─AntDesign文档
│  └─Vben文档
├─多级目录
├─图形编辑器
├─引导页
├─关于
└─其他模块 
   └─更多功能开发中...

大屏配置教学

1.自助大屏配置系列-画布操作

2.自助大屏配置系列-画布配置

3.自助大屏配置系列-数据绑定

4.自助大屏配置系列-动画绑定

5.自助大屏配置系列-多屏联动

6.自助大屏配置系列-动态显隐

7.自助大屏配置系列-表单查询

项目截图

👑入门必备

本项目需要一定前端基础知识,请确保掌握 Vue 的基础知识,以便能处理一些常见的问题。 建议在开发前先学一下以下内容,提前了解和学习这些知识,会对项目理解非常有帮助:

💻浏览器支持

本地开发推荐使用Chrome 最新版浏览器,不支持Chrome 80以下版本。

生产环境支持现代浏览器,不支持 IE。

IEIE  EdgeEdge FirefoxFirefox ChromeChrome SafariSafari
not support last 2 versions last 2 versions last 2 versions last 2 versions