Spring Boot+Spring Cloud+Vue+Element项目实战：手把手教你开发权限管理系统 电子书

序 本文主要研究一下如何在springboot工程整合vue maven dependency groupIdorg.springframework.boot/groupId artifactIdspring-boot-starter-web/artifactId /dependency 新建springboot的web工程，默认会在resources目录下生成static以及templates文件夹 templates文件用于存放后端渲染的模板，这里我们采用前后端分离的方式，因而该文件夹就没有用了 static文件夹就是存放静态文件的地方 plugin build plugins plugin groupIdorg.springframework.boot/groupId artifactIdspring-boot-maven-plugin/artifactId /plugin !-- mvn process-resources -- plugin artifactIdmaven-resources-plugin/artifactId executions execution idcopy Vue.js frontend content/id phasegenerate-resources/phase goals goalcopy-resources/goal /goals configuration outputDirectorysrc/main/resources/static/outputDirectory overwritetrue/overwrite resources resource directory${basedir}/vue-demo/dist/directory includes includestatic//include includeindex.html/include /inclu……

1、websocket在springboot中的一种实现 在java后台中，websocket是作为一种服务端配置，其配置如下 @Configurationpublic class WebSocketConfig { @Bean(name="serverEndpointExporter") public ServerEndpointExporter getServerEndpointExporterBean(){ return new ServerEndpointExporter(); }} 加入上面的配置之后就可以编辑自己的websocket实现类了，如下 @Component@ServerEndpoint(value = "/messageSocket/{userId}")public class MessageWebSocket { private static final Logger logger = LoggerFactory.getLogger(MessageWebSocket.class); /** * 静态变量，用来记录当前在线连接数。应该把它设计成线程安全的。 */ private static int onlineCount = 0; /** * key: userId value: sessionIds */ private static ConcurrentHashMapInteger, ConcurrentLinkedQueueString userSessionMap = new ConcurrentHashMap(); /** * concurrent包的线程安全Map，用来存放每个客户端对应的MyWebSocket对象。 */ private static ConcurrentHashMapString, Message……

这个需求不知道是不是合适，因为静态的vuejs项目，用nginx部署，听说很快。 一般有这个需求的，都是用tomcat来部署java项目，tomcat转发静态vuejs，应该不会很快。 好吧，以上都是听说。。。应该。。。实际嘛？。。。 废话不多讲，马上搞起。 这里第一句要说的是，目前这个方式我认为只支持#这个方式的路由，如果改成了html5的mode: 'history'，应该是不支持的。 开始准备： 注意，我的springboot用的视图模板是thymeleaf，静态文件夹路径默认是resources/static/，我们目的就是要把dist这个打包好的文件夹，整个放进去这里。 1.修改vuejs的config/index.js,在里面找到assetsPublicPath，改为/dist/,记住，是build:{}这里的，不是上面dev:{}的。 2.执行npm run build，会出现一个dist文件夹在vuejs项目目录里。 3.把这个dist文件夹copy到springboot的resources/static/,记住，是整个dist连文件夹一起……

最近在做一个后台管理系统，前端是用时下火热的vue.js，后台是基于springboot的。因为后台系统没有登录功能，但是公司要求统一登录，登录认证统一使用.net项目组的认证系统。那就意味着做单点登录咯，至于不知道什么是单点登录的同学，建议去找一下万能的度娘。 刚接到这个需求的时候，老夫心里便不屑的认为：区区登录何足挂齿，但是，开发的过程狠狠的打了我一巴掌（火辣辣的一巴掌）。。。，所以这次必须得好好记录一下这次教训，以免以后再踩这样的坑。 我面临的第一个问题是跨域，浏览器控制台直接报CORS,以我多年开发经验，我果断在后台配置了跨域配置，代码如下： @Configurationpublic class CorsConfiguration { @Bean public WebMvcConfigurer corsConfigurer() { return new WebMvcConfigurerAdapter() { @Override public void addCorsMappings(CorsRegistry registry) { registry.addMapping("……

当前后端分离时，权限问题的处理也和我们传统的处理方式有一点差异。笔者前几天刚好在负责一个项目的权限管理模块，现在权限管理模块已经做完了，我想通过5-6篇文章，来介绍一下项目中遇到的问题以及我的解决方案，希望这个系列能够给小伙伴一些帮助。本系列文章并不是手把手的教程，主要介绍了核心思路并讲解了核心代码，完整的代码小伙伴们可以在GitHub上star并clone下来研究。另外，原本计划把项目跑起来放到网上供小伙伴们查看，但是之前买服务器为了省钱，内存只有512M，两个应用跑不起来(已经有一个V部落开源项目 在运行)，因此小伙伴们只能将就看一下下面的截图了，文末有部署教程，部署到本地也可以查看完整效果。 本文我们先不聊具体实现，我先来介绍一下我这个权限管理模块的一个整体架构，以及最终呈现出来的效果。 数……