一、前言
最近整合Spring Boot+Spring Security+JWT+Vue 完成了一套前后端分离的基础项目,这里把它开源出来分享给有需要的小伙伴们功能很简单,单点登录,前后端动态权限配置,前端权限精确到 按钮 级别,后端权限精确到 url 上,剩下的就是一些关联表的增删改查,例如:用户管理,角色管理,菜单管理,系统日志等...Spring Security入门系列教程:SpringBoot集成Spring Security入门体验(一)Spring Security 自定义登录认证(二...
原文:https://www.cnblogs.com/yuchne/p/12920560.html
https://github.com/Snailclimb/JavaGuide Java知识大全(面试)https://github.com/doocs/advanced-java Java工程师扫盲https://github.com/alibaba/arthas 一款java诊断工具https://github.com/eugenp/tutorials 一系列小而专注的教程https://github.com/spring-cloud-incubator/spring-cloud-alibaba 阿里巴巴版SpringCloudhttps://git...
一、技术概述将后端所计算的数据呈现在前端页面的相应位置并根据用户点击操作改变相应的数据和界面,再传值给后端。该技术是Web开发必备,是前后端交互的纽带。难点在于获取后端数据并且防止数据联动。二、 技术详述1. 从接口获取后端数据(1) 仔细查看后端所传数据的类型。主要是区分数组和单个数据。查看后端的请求方式,区分post或者get。(2) 首先,在data中return一个xxxData:[]数组或一个变量xxxData:<类型>来接收后端传来的数...
动态创建一个tab,里面放一个table,这样一个后台管理的基本功能(之一)就出来了。
好吧,这里其实只是试试水,感受一下vue的数据驱动可以怎么玩,通过一个个实例学习一下vue的各个知识点。这里要看看方法和css如何设置。
一、目标
1、 可以动态创建tab。
2、 可以切换(废话)、可以关闭tab。
3、 Css的设置。
4、 方法的处理方式。
5、 效果图
二、思路
应该有好多种方式可以实现,这里先试一个,其他的以后再说。
还是数...
前端Vue 8080端口,后端Node.js 8085端口 主要记录下前后端不同端口遇到的问题
1、写服务器端程序,我的在(node_proxy/index.js)下
app.all(*, function (req, res, next) {res.header(Access-Control-Allow-Origin, req.headers.origin || *);res.header(Access-Control-Allow-Headers, Content-Type,Content-Length, Authorization,\Origin\,Accept,X-Requested-With);res.header(Access-Control-Allow-Methods, GET, POST, OPTI...
本文将向大家介绍一种用vue-resource从后端请求数据的方法。
比如说从后端请求一张表过来,
(1)首先,在data中return一个msg:[]数组来接收表的数据;
(2)在方法中定义一个请求函数,比如我们这里函数名定义为showDetails;
methods:{showDetails:function(){this.$http.get(baseURL+“api/条件”).then(function(res){this.msg = res.body;});}}这里baseURL项目的路径,如果项目部署在服务器上面一般格式为www.XXX.com/项目名;...
当前后端分离时,权限问题的处理也和我们传统的处理方式有一点差异。笔者前几天刚好在负责一个项目的权限管理模块,现在权限管理模块已经做完了,我想通过5-6篇文章,来介绍一下项目中遇到的问题以及我的解决方案,希望这个系列能够给小伙伴一些帮助。本系列文章并不是手把手的教程,主要介绍了核心思路并讲解了核心代码,完整的代码小伙伴们可以在GitHub上star并clone下来研究。另外,原本计划把项目跑起来放到网上供小伙伴们查看...
使用vue-cli搭建的vue项目
可以使用在项目内设置代理(proxyTable)的方式来解决跨域问题
设置配置项的目录在config下的index.js,主要通过配置proxyTable项,设置代理指向你的后台地址
dev: {env: require(./dev.env),port: 8085,autoOpenBrowser: true,assetsSubDirectory: static,assetsPublicPath: /,proxyTable: {/agent: {target: http://127.0.0.1:7105/,changeOrigin: true,pathRewrite: {^/agent: }}},// CSS Sourcemaps ...
最近学习使用vuejs前后端分离,重构一个已有的后台管理系统,遇到了下面这个问题:
实现跨域请求时,每次ajax请求都是新的session,导致无法获取登录信息,所有的请求都被判定为未登陆。
1、 vuejs ajax跨域请求最开始使用的是vue-resource,结果发现vue2推荐的是axios,于是改成axios;安装axios
npm install axios -S安装完成后在main.js中增加一下配置:
import axios from axios;
axios.defaults.withCredentials=true;
main.j...
本人对vue与后端数据交互不是很懂,搜索了很多关于vue与后端数据交互介绍,下面我来记录一下,有需要了解的朋友可参考。希望此文章对各位有所帮助。
必须引入一个库:vue-resource
1.获取普通文本数据 比如:a.txt:
welcomet to vue!!!
<!DOCTYPE html>
<html>
<head><title></title><meta charset="utf-8"><script src="http://unpkg.com/vue/dist/vue.js"></script><script src="https://cdn.jsdelivr.net/vue.resource/1.0.3/vue-re...
springboot + vue 前后端结合数据库查询
数据库部分:/*Navicat Premium Data TransferSource Server : localHostSource Server Type : MySQLSource Server Version : 50529Source Host : localhost:3306Source Schema : vue-demoTarget Server Type : MySQLTarget Server Version : 50529File Encoding : 65001Date: 08/07/2020 17:57:30
*/SET NAMES utf8mb4;
SET FOREIGN_KEY_CHECKS =...
目录
一、前提环境
1、nginx
2、Docker
3、gitlab
4、jenkins
二、配置
1、vue项目准备
2、代码上传gitlab
3、 创建宿主文件夹
4、 创建Dockerfile
5、创建 nginx.conf
6、Jenkins配置
a、安装插件 nodejs
b.配置全局工具配置
c.新建任务
d.源码管理
c.构建触发器
d.构建环境
e.构建
三、测试一、前提环境
1、nginx
https://blog.csdn.net/qq_42815754/article/details/82980326
2、Docker
百度
3、gitlab
Docker配置 Gitlab J...
jeeplus 是一款基于代码生成器的快速开发平台。
前后端分离、maven多模块开发,方便多人协同开发后端选型:springboot2 + mybatis + shiro + jwt token + flowable前端选型:vue + element-ui + es6 + webpack代码生成器支持连接不同的数据库,生成的模块可以连接指定的数据库,支持自定义模板,可以无限扩展,生成各种复杂的代码一套代码支持mysql, oracel, postgresql,sqlserver数据库html5工作流设计器 + 动态表单 + 数据权限 +...
前端 <section class="login-message"><input type="text" maxlength="11" placeholder="验证码" v-model="captcha"><imgref="captcha"class="get-verification"src="http://localhost:3000/api/captcha"alt="captcha"@click.prevent="getCaptcha()"></section>点击验证码图片事件
// 4. 获取图形验证码getCaptcha() { // 加一个时间戳作用:让验证码时时刻刻不一样 this.$refs.captcha.src = http://localhost:3000/api/captch...