基于Vue3和Vite5的开源后台管理类项目Smart-Admin

smart-admin: SmartAdmin国内首个以「高质量代码」为核心,「简洁、高效、安全」中后台快速开发平台;基于SpringBoot + Sa-Token + Mybatis-Plus 和 Vue3 + Vite5 + Ant Design Vue 4.x (同时支持JavaScript和TypeScript双版本);满足国家三级等保要求、支持登录限制、接口数据国产加解密、高防SQL注入等一系列安全体系。

这类项目很多,本项目可以给想研究Vue3技术栈的伙伴提供一个参考示例

  • 前端:Vue3 + Vite5 + Vue-Router + Pinia + Ant Design Vue 4.X
  • 移动端:uniapp (vue3版本) + uni-ui + (同时支持APP、小程序、H5)
  • 后端:SpringBoot + Sa Token + Mybatis-plus + 多种数据库

官方提供了指导文档,可以一步一步本地搭建学习:

SmartAdmin 文档

1. 后端基于java技术栈:springboot+mybatis-plus

数据库mysql,我本地mysql8:

作者提供了mysql的脚本,可以直接执行导入数据库:

 另外需要redis,本地把玩直接命令行即开即用:

接着就修改后端配置:主要是数据库配置

 

后端2个工程,sa-base是父工程主要作为项目基础依赖封装,启动工程在sa-admin:

 默认profile为dev开发环境,这里改对应的yaml配置,修改数据库密码为你本地的设置

redis端口默认6379,如果有变动相应修改,修改配置要重新编译打包!!!!

mvn clean install 

 启动sa-admin工程:

mvn -pl :sa-admin spring-boot:run 

 

http://localhost:1024/swagger-ui/index.html#/

后端api接口文档:

2. 前端工程:

nodejs环境,本地版本:

 web工程有js和ts两个版本,以js为例:

cd javascript-ant-design-vue3

npm install

安装前端npm依赖包,也可以用yarn

然后启动前端工程:

 

打开浏览器地址:

输入对应管理员密码:

  • 5
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: 基于Vue 3和Element Plus的后台管理开源模板是一种用于快速开发后台管理系统的框架。Vue 3是一种流行的JavaScript框架,它提供了一种简单、灵活和高效的方式来构建用户界面。Element Plus是一个基于Vue的UI组件库,它提供了一套美观、易用和高性能的组件,可以帮助开发者更方便地构建后台管理系统。 使用这个开源模板,开发者可以快速搭建一个功能完善的后台管理系统。该模板提供了许多常用的功能模块,如用户管理、权限管理、数据统计等,开发者只需根据实际需求进行定制和扩展即可。同时,该模板还提供了一套简洁、美观的界面设计,用户体验良好。 基于Vue 3和Element Plus的开源模板具有以下优点: 1. 高度可定制性:开发者可以根据项目需求自由定制模板,添加需要的功能模块和样式。 2. 简单易用:Vue 3和Element Plus都采用了简洁的API设计,使开发者能够以更快的速度进行开发。 3. 良好的兼容性:基于Vue 3和Element Plus的模板可以兼容多种浏览器和设备,保证用户能够在不同平台上正常使用。 4. 大量的组件和工具支持:Element Plus提供了大量的UI组件和工具,如表格、表单、图表等,可以帮助开发者快速构建出功能丰富的后台管理系统。 总之,基于Vue 3和Element Plus的后台管理开源模板是一种高效、灵活和易用的框架,能够帮助开发者快速搭建功能完善的后台管理系统。无论是个人项目还是企业项目,都可以通过使用这个模板来提高开发效率并获得优秀的用户体验。 ### 回答2: 基于Vue3和Element Plus创建的后台管理开源模板是一个用于快速搭建后台管理系统的框架。Vue3是一个流行的JavaScript框架,它提供了简洁、高效的开发方式,使得开发者可以轻松构建大型项目。Element Plus是一套基于Vue3的UI组件库,其中包含了许多实用的组件和工具,能够满足后台管理系统的各种需求。 这个开源模板提供了一个完整的后台管理系统的架构和样式,使得开发者可以快速搭建自己的后台管理系统。它包含了常用的功能模块,如用户管理、权限管理、数据展示、数据编辑等。同时,它还提供了丰富的UI组件和样式,使得系统的界面看起来美观、易用。 使用这个开源模板,开发者可以在短时间内搭建一个功能完善、界面漂亮的后台管理系统。它提供了一些基本的配置选项,开发者可以根据自己的需求进行定制。同时,模板代码结构清晰、易于扩展,开发者可以根据自己的业务逻辑进行修改和添加功能。 总之,基于Vue3和Element Plus创建的后台管理开源模板,是一个功能强大、易用性高的框架,能够帮助开发者快速构建自己的后台管理系统。无论是小型项目还是大型项目,都可以通过这个模板节省开发时间,提升开发效率。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值