Java教程

基于 SpringBoot + magic-api + Vue3 + Element Plus + amis3.0 快速开发管理系统

本文主要是介绍基于 SpringBoot + magic-api + Vue3 + Element Plus + amis3.0 快速开发管理系统,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

Tansci-Boot

jdk8 magic-api Vue3 Element Plus amis MIT

基于 SpringBoot2 + magic-api + Vue3 + Element Plus + amis3.0 快速开发管理系统

Tansci-Boot 是一个前后端分离后台管理系统, 前端集成 amis 低代码前端框架,后端集成 magic-api 的接口快速开发框架。包含基础权限、安全认证、以及常用的一些组件功能。项目易上手,技术更综合,能力更全面。

amis 是一个低代码前端框架,它使用 JSON 配置来生成页面,可以减少页面开发工作量,极大提升效率。

magic-api 一个基于 Java 的接口快速开发框架,通过 magic-api 提供的 UI 界面完成编写接口,无需定义 ControllerServiceDaoMapperXMLVOJava 对象即可完成常见的 HTTP API 接口开发。

全面的技术运用:

  • 解决前后端分离难题:前后端功能整合,集成 HTTP 组件 Axios,解决前后端分离架构中常见的问题,如跨域、参数传递、多环境配置等;
  • 落地实践工程化项目:涵盖日志、配置文件、部署、Git、Maven,后端接口统一返回参数设计、封装统一请求返回参数、工具类封装;
  • amis:低代码前端配置框架;
  • magic-api:HTTP API 接口快速开发框架。

项目预览

开始使用

执行 SQL 初始化数据(MySQL8+ 版本),测试用户:admin/123456,API 管理界面登录用户:admin/admin@123 (可在配置文件修改)。

项目目录:

  • tansci-boot:后端项目
  • tansci-boot-ui:前端项目
  • tansci-boot-ui-editor:amis 低代码编辑器
  • sql:数据库 SQL 脚本

amis 配置说明:

tansci-boot-ui/public/gh-pages/config.js 可配置编辑器获取页面JSON和保存接口的配置。

注意:在页面编辑器中业务接口回报404可忽略。

接口开发配置:

接口开发菜单页面加载不了,检查环境变量配置的服务地址是否和后端服务一致:tansci-boot-ui/.env.development 参数 VITE_BASE_API

项目地址:

Gitee: https://gitee.com/typ1805/tansci-boot

GitHub: https://github.com/typ1805/tansci-boot

开发者联系

  • QQ:742354529 (742354529@qq.com)
  • QQ 群: 747200630
  • 个人主站:https://typ1805.gitee.io
这篇关于基于 SpringBoot + magic-api + Vue3 + Element Plus + amis3.0 快速开发管理系统的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!