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

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

Tansci-Boot

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

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

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

magic-api 一个基于 Java 的接口快速开发框架，通过 magic-api 提供的 UI 界面完成编写接口，无需定义 Controller、Service、Dao、Mapper、XML、VO 等 Java 对象即可完成常见的 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 快速开发管理系统的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！