分享一个不错的springboot+vue框架，ELadmin，适合初学者

 

项目介绍

一个基于 Spring Boot 2.1.0 、 Spring Boot Jpa、 JWT、Spring Security、Redis、Vue的前后端分离的后台管理系统

项目源码

	后端源码	前端源码
github	https://github.com/elunez/eladmin	https://github.com/elunez/eladmin-web
码云	https://gitee.com/elunez/eladmin	https://gitee.com/elunez/eladmin-web

开发文档

https://el-admin.vip

主要特性

• 使用最新技术栈，社区资源丰富。
• 高效率开发，代码生成器可一键生成前后端代码
• 支持数据字典，可方便地对一些状态进行管理
• 支持接口限流，避免恶意请求导致服务层压力过大
• 支持接口级别的功能权限与数据权限，可自定义操作
• 自定义权限注解与匿名接口注解，可快速对接口拦截与放行
• 对一些常用地前端组件封装：表格数据请求、数据字典等
• 前后端统一异常拦截处理，统一输出异常，避免繁琐的判断
• 支持在线用户管理与服务器性能监控，支持限制单用户登录
• 支持运维管理，可方便地对远程服务器的应用进行部署与管理

系统功能

• 用户管理：提供用户的相关配置，新增用户后，默认密码为123456
• 角色管理：对权限与菜单进行分配，可根据部门设置角色的数据权限
• 菜单管理：已实现菜单动态路由，后端可配置化，支持多级菜单
• 部门管理：可配置系统组织架构，树形表格展示
• 岗位管理：配置各个部门的职位
• 字典管理：可维护常用一些固定的数据，如：状态，性别等
• 系统日志：记录用户操作日志与异常日志，方便开发人员定位排错
• SQL监控：采用druid 监控数据库访问性能，默认用户名admin，密码123456
• 定时任务：整合Quartz做定时任务，加入任务日志，任务运行情况一目了然
• 代码生成：高灵活度生成前后端代码，减少大量重复的工作任务
• 邮件工具：配合富文本，发送html格式的邮件
• 七牛云存储：可同步七牛云存储的数据到系统，无需登录七牛云直接操作云数据
• 支付宝支付：整合了支付宝支付并且提供了测试账号，可自行测试
• 服务监控：监控服务器的负载情况
• 运维管理：一键部署你的应用

再详细就不介绍了，反正很优秀。

下面主要说一下怎样下载并且运行这个项目。

项目运行

一、将前后端项目下载到本地并且解压（推荐码云gitee，github太慢）

后台：https://gitee.com/elunez/eladmin.git

前台：https://gitee.com/elunez/eladmin-web.git

elunez-eladmin-master 是Jpa版本的。

elunez-eladmin-mybatis-plus 是Mybaties-plus版本的，各取所需。

先检查项目环境是否匹配：

1、JDK：1.8+ 
安装教程：https://www.runoob.com/java/java-environment-setup.html
2、Redis 3.0+
安装教程：https://www.runoob.com/redis/redis-install.html
3、Maven 3.0+
安装教程：https://www.runoob.com/maven/maven-setup.html
4、MYSQL 5.5.0+
安装教程：https://www.runoob.com/mysql/mysql-install.html
5、Node v10+
安装教程：https://www.runoob.com/nodejs/nodejs-install-setup.html

建好数据库，后台项目中又sql文件，eladmin.sql 为 eladmin 项目完整的 sql 脚本，适合于初次使用的用户

建好之后修改项目中连接数据库的账户和密码

启动本地redis

然后启动项目就可以了。

前台

首先要先预装node环境。

 

npm config set registry https://registry.npm.taobao.org
配置后可通过下面方式来验证是否成功
npm config get registry

在 ~/.npmrc 加入下面内容，可以避免安装 node-sass 失败 （c：/user/用户名/.npmrc）
sass_binary_site=https://npm.taobao.org/mirrors/node-sass/

.npmrc 文件位于
win：C:\Users\[你的账户名称]\.npmrc
linux：直接使用 vi ~/.npmrc

做完上述步骤后

npm install

npm run dev

依次执行。

访问http://localhost:8013

成功如下。

项目很不错，作者也在一直更新。重要的是完全开源，感谢！