GithubHelp home page GithubHelp logo

zoctan / spring-boot-vue-admin Goto Github PK

View Code? Open in Web Editor NEW
329.0 19.0 151.0 2.38 MB

Front-end Vue + back-end Spring Boot completely separated user role admin template

License: Apache License 2.0

Shell 0.04% Java 56.14% FreeMarker 1.83% JavaScript 18.49% HTML 0.10% Vue 22.79% SCSS 0.60%
spring-boot vue

spring-boot-vue-admin's Introduction

Spring Boot Vue Admin

Provides a set of background permission management templates that separate the front and back ends.

stars license

English | 简体中文

Front-end ideas reference "Hand touch, take you to use vue to touch the background series II (login authority)", the template comes from [vue-element-admin](https: //github.com/PanJiaChen/vue-element-admin), other functions can be expanded according to this project.

Back-end ideas reference "Role-Based Access Control New Solution", the template comes from spring-boot-api-seedling, please see the api's README for design ideas.

Note: Since the front-end has not been updated for several years, there are loopholes and outdated versions. If necessary, please refer to the new project written in Vue3: admin-vue3-template

Welcome friends to star and issues ~ thank you :)

Preview

role list

role manage

user manage

user role manage

Dependency version

frontend version
node 8.16.1
npm 6.4.1
backend version
SpringBoot 2.1.6

Quick start

# clone project
git clone https://github.com/Zoctan/spring-boot-vue-admin.git

# go to project
cd spring-boot-vue-admin

# go to backend
cd api

# import database sql files (Remember to modify the database information)
sudo chmod a+x resetDB.sh && ./resetDB.sh

# start the backend ...

# go to frontend
cd app

# install dependency
npm install

# start the frontend ...
npm run dev

Problem solve

no such file/ansi-styles/css-loader

npm ERR! enoent ENOENT: no such file or directory, rename '/workspace/spring-boot-vue-admin/app/node_modules/.staging/css-loader-b931fe48/node_modules/ansi-styles' -> '/workspace/spring-boot-vue-admin/app/node_modules/.staging/ansi-styles-6535fafb'

please install css-loader firstly: npm install css-loader, and install project dependency secondly: npm install.

Update log

2019-10-16 The webpack version is rolled back, and there is no time to fix the new version. Update the discovered issues and add services exactly according to the backend template spring-boot-api-seedling.

~~2018-06-10 Redis is removed because Redis is mainly used as a cache database, but it does not play much role in this project. Note that if you need to make the token invalid during logout, you need to use Redis together, you can add it according to the backend template. ~~

spring-boot-vue-admin's People

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

spring-boot-vue-admin's Issues

数据表名称生成代码时报错

Exception in thread "main" java.lang.RuntimeException: 生成 Model 和 Mapper 失败
at CodeGenerator.genModelAndMapper(CodeGenerator.java:150)
at CodeGenerator.genCodeByCustomModelName(CodeGenerator.java:83)
at CodeGenerator.genCode(CodeGenerator.java:71)
at CodeGenerator.main(CodeGenerator.java:59)
Caused by: java.lang.RuntimeException: Cannot instantiate object of type tk.mybatis.mapper.generator.MapperPlugin
at org.mybatis.generator.internal.ObjectFactory.createInternalObject(ObjectFactory.java:182)
at org.mybatis.generator.internal.ObjectFactory.createPlugin(ObjectFactory.java:219)
at org.mybatis.generator.config.Context.generateFiles(Context.java:500)
at org.mybatis.generator.api.MyBatisGenerator.generate(MyBatisGenerator.java:269)
at org.mybatis.generator.api.MyBatisGenerator.generate(MyBatisGenerator.java:139)
at CodeGenerator.genModelAndMapper(CodeGenerator.java:148)
... 3 more
Caused by: java.lang.ClassNotFoundException: tk.mybatis.mapper.generator.MapperPlugin
at java.net.URLClassLoader.findClass(URLClassLoader.java:382)
at java.lang.ClassLoader.loadClass(ClassLoader.java:424)
at sun.misc.Launcher$AppClassLoader.loadClass(Launcher.java:349)
at java.lang.ClassLoader.loadClass(ClassLoader.java:357)
at java.lang.Class.forName0(Native Method)
at java.lang.Class.forName(Class.java:348)
at org.mybatis.generator.internal.ObjectFactory.internalClassForName(ObjectFactory.java:148)
at org.mybatis.generator.internal.ObjectFactory.createInternalObject(ObjectFactory.java:178)
... 8 more
Disconnected from the target VM, address: '127.0.0.1:49276', transport: 'socket'

全局异常

@RestControllerAdvice
全局异常捕捉后直接ResultGenerator.genFailedResult(msg),返回
api是有返回错误信息,但是后端日志没有记录。。。

角色列表界面分页显示有bug

1
这个还是比较明显的, up主上传的原图片就可以发现, 可能是因为分页的dao方法没写好. 就显示的效果而言, 左下角这个Total是根据Permission的绿色小框总数量来算的.

npm 包冲突

npm install
npm run dev
会提示webpack版本出错。
回退到28 Feb你升级webpack-dev-server版本之前的代码(3.1.11->2.9.1),可以正常运行。
node v10.15.3
npm v6.4.1
我和我的朋友起项目都有这个报错,他的npm版本大概是6.3

非bug:前端项目js文件过大

tim 20180817181930
如图,这个大小是我往里面加了不少功能的结果,但是第一次访问的速度比较慢,不知道up主有什么办法优化没有?但是原来的vue-element-admin并没有此问题。

异常DerInputStream.getLength(): lengthTag=111, too big.

你好!我在拉去您的项目后,正常的启动项目后报此错误.一顿调试后发现是加载私钥的方法出了问题:
com.zoctan.api.util.RSAUtil类中replaceAndBase64Decode()方法:
final byte[] decoded = this.replaceAndBase64Decode( pem, "-----BEGIN PRIVATE KEY-----\n", "-----END PRIVATE KEY-----" );
此代码的headReplace参数无法正常的replace.导致lengthTag过长.希望您能查看一下是否有此问题!
我就先用自己的办法解决了.

Caused by: java.lang.IllegalArgumentException: 'Content-Type' cannot contain wildcard type '*'

  1. 我在自己新增了一个不需要权限校验的接口后, 例如像对外访问的回调方法. 并且在WebSecurityConfig中配置了允许匿名访问. 但是访问时出现了此异常.
  2. 我用maven package时, 会自动运行UserControllerTest测试类中的登录方法,也会报这个异常.
    我使用了https://blog.csdn.net/wd2014610/article/details/80861373这个解决办法.
    请楼主测试一下是否有此问题.
    另外JwtAuthenticationFilter类中,下面这行代码少了一对{}.
    log.info("JwtFilter => Anonymous<> request URL<{}> Method<{}>", IpUtil.getIpAddress(request), request.getRequestURL(), request.getMethod());

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.