玛卡巴卡的卡巴卡玛 发表于 2024-4-9 20:02:36

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

Tansci-Boot

https://img.shields.io/badge/jdk-8+-green.svghttps://www.ssssssss.org/magic-api/images/logo-magic-api.pnghttps://img.shields.io/badge/-Vue-34495e?logo=vue.jshttps://img.shields.io/badge/element--plus-latest-bluehttps://aisuda.bce.baidu.com/amis/static/logo_408c434.pnghttps://img.shields.io/badge/license-MIT-brightgreen.svg
基于 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 接口快速开发框架。
项目预览

https://img2024.cnblogs.com/blog/1267674/202401/1267674-20240119110746509-456242697.pnghttps://img2024.cnblogs.com/blog/1267674/202401/1267674-20240119110808532-1311199632.pnghttps://img2024.cnblogs.com/blog/1267674/202401/1267674-20240119110832355-1214746698.pnghttps://img2024.cnblogs.com/blog/1267674/202401/1267674-20240119110842737-398694781.pnghttps://img2024.cnblogs.com/blog/1267674/202401/1267674-20240119110858364-443830938.pnghttps://img2024.cnblogs.com/blog/1267674/202401/1267674-20240119110907523-1668125047.pnghttps://img2024.cnblogs.com/blog/1267674/202401/1267674-20240119110920147-1168034323.pnghttps://img2024.cnblogs.com/blog/1267674/202401/1267674-20240119110932181-418784214.pnghttps://img2024.cnblogs.com/blog/1267674/202401/1267674-20240119110949067-1813329246.pnghttps://img2024.cnblogs.com/blog/1267674/202401/1267674-20240119110956814-1623393788.png开始使用

执行 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

免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!
页: [1]
查看完整版本: 基于 SpringBoot + magic-api + Vue3 + Element Plus + amis3.0 快速开发管