【Vue + SpringBoot学习项目(5)】教程文章相关的互联网学习教程文章

springboot shiro和freemarker、vuejs/element-ui集成之控制按钮权限完全参考手册

本文主要考虑单点登录场景,登录由其他系统负责,业务子系统只使用shiro进行菜单和功能权限校验,登录信息通过token从redis取得,这样登录验证和授权就相互解耦了。用户、角色、权限进行集中式管理。参考:https://blog.csdn.net/qq_26321411/article/details/79557264https://blog.csdn.net/weixin_38132621/article/details/80216056https://blog.csdn.net/u013615903/article/details/78781166/http://shiro.apache.org/https:/...

Spring Boot + Vue Element实现Excel文件上传、解析、下载(含完整源代码)【图】

最近用Spring Boot和Vue Element实现了一个微型项目,该项目自构思到第一个版本的实现用了1个月的时间。当然大部分都是下班后,加班到11点做的;但是从功能实现到细节优化用了3个月的时间。“做”是一回事,“做好”是另外一回事。当然花了3倍的工作量,也不见得就做的很到位。闲话少叙,言归正传。本文介绍我用SpringBoot和Vue实现的文件上传功能。1. 实话说,做一个文件上传并不难。方法无外乎利用自己以前写的代码,或者用搜索引...

SpringBoot + Vue + ElementUI 实现后台管理系统模板 -- 后端篇(三): 整合阿里云 OSS 服务 -- 上传、下载文件、图片【代码】【图】

(1) 相关博文地址:SpringBoot + Vue + ElementUI 实现后台管理系统模板 -- 前端篇(一):搭建基本环境:https://www.cnblogs.com/l-y-h/p/12930895.html SpringBoot + Vue + ElementUI 实现后台管理系统模板 -- 前端篇(二):引入 element-ui 定义基本页面显示:https://www.cnblogs.com/l-y-h/p/12935300.html SpringBoot + Vue + ElementUI 实现后台管理系统模板 -- 前端篇(三):引入 js-cookie、axios、mock 封装请求处理...

SpringCloud+SpringBoot+Vue【代码】

一、任务要求基于任务二 SpringBoot+Vue 的 demo 进行微服务拆分使用 Consul 作为注册中心使用 Zuul 作为网关二、具体实施构思将任务二 Demo 的后台工程,划分为几个微服务模块。将几个微服务模块和网关模块,注册到注册中心【依赖导入】<!-- consul服务发现和配置 --> <dependency><groupId>org.springframework.cloud</groupId><artifactId>spring-cloud-starter-consul-config</artifactId> </dependency> <dependency><groupId...

springcloud 微服务 分布式 Activiti6 工作流 vue.js html 跨域 前后分离 项目源码【图】

1.代码生成器: [正反双向](单表、主表、明细表、树形表,快速开发利器)freemaker模版技术 ,0个代码不用写,生成完整的一个模块,带页面、建表sql脚本、处理类、service等完整模块2.多数据源:(支持同时连接无数个数据库,可以不同的模块连接不同数的据库)支持N个数据源3.阿里数据库连接池druid,安全权限框架 shiro(菜单权限和按钮权限), 缓存框架 ehcache4.代码编辑器,在线模版编辑,仿开发工具编辑器5.调用摄像头拍照 自定义裁...

Spring Boot + Vue 跨域请求问题【代码】

使用Spring Boot + Vue 做前后端分离项目搭建,实现登录时,出现跨域请求Access to XMLHttpRequest at ‘http://localhost/open/login‘ from origin ‘http://localhost:8080‘ has been blocked by CORS policy: No ‘Access-Control-Allow-Origin‘ header is present on the requested resource.Vue中使用的Axios,配置main.js文件Axios.defaults.baseURL = ‘http://localhost:80‘ Axios.defaults.headers[‘Content-Type‘...

Vue + SpringBoot学习项目(5)【代码】【图】

Vue + SpringBoot学习项目(5)  今天继续做一下学习的项目,今天跟一下文件上传和打包的部分。https://learner.blog.csdn.net/article/details/97619312  上传图片的部分没有出现什么报错的情况,就是在后端项目的包下面没有找到config的文件夹,按照网上的教程新建一个就可以了。https://blog.csdn.net/kanglovejava/article/details/79315372   代码如下:import org.springframework.context.annotation.Configuration; im...

自搭的一个系统框架,使用Spring boot+Vue+Element

基于:jdk1.8、spring boot2.1.3、vue-cli3.4.1特性: ~ 数据库访问使用spring data jpa+alibaba druid ~ 前后端数据交互使用axios ~ 前后端交互数据验证使用validation ~ 前端使用vue+element ~ 前端使用了npm管理包 ~ 用户鉴权使用spring security+jwt的无状态认证方式 ~ 用户鉴权前端路由做了拦截使用: ~ 后端配置文件在boot/src/main/resources/config/ ~ 前端配置文件在ui/.env.development、ui/...

SpringBoot + Vue + ElementUI 实现后台管理系统模板 -- 前端篇(二):引入 element-ui 定义基本页面显示【代码】【图】

前提: SpringBoot + Vue + ElementUI 实现后台管理系统模板 -- 前端篇(一):搭建基本环境:https://www.cnblogs.com/l-y-h/p/12930895.html 一、定义公共组件页面  简单的页面效果如下所示:(做的比较粗糙,大致理解页面即可) 1、安装 element-ui(1)简介  一款 ui 框架。使用 element-ui 用于实现页面的绘制。【官网:】https://element.eleme.cn/#/zh-CN 【文档:】https://element.eleme.cn/#/zh-CN/component...

spring boot + vue + element-ui全栈开发入门——项目部署【代码】【图】

前言 常用的部署方式有两种:1.是把生成好的静态页面放到spring boot的static目录下,与打包后的spring boot项目一起发布,当spring boot运行起来后,自然而然就能访问到静态页面文件了。这种方法比较简单,适用于非常小型的系统。优点是:不需要复杂的配置。而缺点也很明显:需要两者一同发布。我在这里就不做赘述了。2.是通过http服务器发布,本文以nginx为例,重点介绍这种方式。 一、生成静态页面 运行npm run build 生成的页面...

一、前后端分离【SpringBoot+SpringCloudAlibaba+VUE】一 || 项目架构简介

1、概述??本项目是一个基于SpringBoot2.x+vue2.X的分布式微服务架构项目,项目会不断进行迭代更新。 该项目后端利用SpringCloudAlibaba微服务架构解决方案进行重构。项目前端利用vue框架开发,页面展示主要为pc端和手机端(微信公众号)。2、开发环境开发工具:IntellijIDEA、VSCodeJava SDK版本:1.8以上数据库:mysql 8.XNoSql:Redis、MongoDB统一编码:UTF-83、部署环境操作系统:CentOS Linux 7虚拟化技术:VMware+Docker4、项...

Vue+SpringBoot前后端分离在开发和生产两种环境下解决跨域问题【代码】【图】

1.前言我在做项目的过程中,需要去请求其他域名下的api,项目用的是Vue+SpringBoot前后端分离,所以直接在前端用axios发送请求,但是却报跨域的错误,请求失败。什么是跨域?浏览器从一个域名的网页去请求另一个域名的资源时,域名、端口、协议任一不同,都是跨域。2.问题初步解决在经过百度查找了多种解决方案后,终于通过设置Vue.config.js文件中的代理解决了这个问题。2.1 配置proxy代理假定你要请求的接口是 https://www.baidu...

后端创文件流前端浏览器进行下载Excel(springboot+Vue)【代码】

转载 https://blog.csdn.net/qq_34940644/article/details/99638156async exportReport() {Axios.get("/sqdb/gwlog/v1/export", {params: {},responseType: "blob"}).then(res => {let blob = new Blob([res], {type:"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"});// console.log(blob);let objectUrl = URL.createObjectURL(blob);let a = document.createElement("a");a.href = objectUrl;a.download ...

springboot+websocket+vue 服务端像前端推送消息【代码】

最近项目中需要进行在线用户管理,故采用了websocket来实现消息推送至前端pom依赖<!-- WebSocket --> <dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-websocket</artifactId><version>2.1.0.RELEASE</version> </dependency>后端@Service publicclass UserOnlineInfoServiceImpl implements UserOnlineInfoService {@Autowiredprivate UserDao userDao;@Autowiredprivate RoleDao roleD...

vue 跨域 springCloud @CrossOrigin注解【代码】【图】

vue 跨域 springCloud @CrossOrigin注解一丶什么是跨域跨域问题来源于浏览器的同源策略,浏览器为了提高网站的安全性,在发送ajax请求时,只有在当前页面地址与请求地址的协议+域名+端口号相同时才允许访问,否则会被拦截。协议即通信协议,比如我们现在常见的http和https,如果当前页面地址使用http协议,请求的地址使用https协议,那么这个请求就存在跨域问题。域名即网站网址,如baidu.com,360.com存在跨域端口号即域名对应的...