自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(21)
  • 问答 (1)
  • 收藏
  • 关注

原创 SpringCloud保姆级使用教程5——Zuul组件的使用

文章目录说明创建Zuul模块配置ZuulZuul登录鉴权模拟说明项目启动后,每一个模块有自己独立的端口,Zuul组件实现了类似路由的功能,可以对请求分发到不同的模块中,与此同时,也可以实现对请求的拦截,验证等。创建Zuul模块父模块下新建模块创建SpringBoot项目输入模块名称与选择Maven搭建在可选依赖中选择Zuul配置Zuul配置Zuul模块Pom文件<?xml version="1.0" encoding="UTF-8"?><proje

2020-06-05 11:25:18 309

原创 SpringCloud保姆级使用教程4——项目中对象的共用

文章目录说明添加公共模块配置Common模块Pom文件添加模块中的对象对该模块进行Install重写控制层与Remote测试项目启动测试说明假设多个模块需要共同的对象,那么一份对象单独放入每个模块中是明显不合理的,所以我们需要一个公共的模块存放对象。添加公共模块创建新模块选择空的Maven工程创建输入模块名称与选择模块位置配置Common模块Pom文件configuration中的skip是为了该模块能单独打包<?xml version="1.0" encoding="

2020-06-05 11:17:23 486 1

原创 SpringCloud保姆级使用教程3——Feign组件的使用

文章目录组件说明引入Feign依赖写两个模块控制层Demo添加Remote调用Remote项目运行查看结果组件说明当一个模块需要访问另外一个模块的数据的时候,由于两个模块相互独立,Feign组件就在其中起到了类似搭桥的作用,实现两个组件间的数据交互。引入Feign依赖例如Order模块需要Product模块的数据,在Order模块的Pom文件引入Feign依赖。在Order模块的Pom文件添加依<dependency> <groupId>

2020-06-05 11:07:43 211

原创 SpringCloud保姆级使用教程2——Eureka客户端注册

在父项目中创建Eureka客户端项目在父模块下右键新建SpringBoot项目选择新建SpringBoot项目设置项目版本与以Maven构建可选依赖中选择Eureka的客户端输入模块名与选择模块存放位置配置Eureka客户端文件并运行配置Pom.xml文件(请选择cloud-order-client模块下的Pom文件)<?xml version="1.0" encoding="UTF-8"?><project xmlns="http://maven.a

2020-06-05 10:59:54 139

原创 SpringCloud保姆级使用教程1——Eureka服务端注册

SpringCloud项目的搭建创建父项目(1) 启动IDEA,选择文件——新建——新建项目(2) 选择新建Maven项目,不需要勾选,直接Next(3) 输入文件名称与选择文件(4) 项目结构图配置父项目Pom文件<?xml version="1.0" encoding="UTF-8"?><project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.

2020-06-05 10:48:11 143

原创 写了一个论坛小Demo~

瞎扯论坛还有许多的功能待开发,欢迎大家给出意见或者建议~

2020-03-19 19:44:12 292

原创 单页面第三方登录的设计思路

文章目录简介后端设计前端设计简介以第三方接入支付宝登录为例,后端采用Springboot,前端采用vue,实现点击支付宝登录跳转到第三方登录界面,用户输入账号密码或扫码后返回到原用户界面并存在登录状态。后端设计导入Alipay的SDK包<dependency> <groupId>com.alipay.sdk</groupId> <...

2020-03-01 17:45:07 1173

原创 [Vue]对图片上传组件的封装

ImgUpload.vue<template> <el-upload class="img-upload" ref="upload" action="http://localhost:9527/img/upload" :on-preview="handlePreview" :on-remove="handleRemove" :...

2020-02-20 10:14:12 672 1

原创 [Springboot]通过websocket进行邮箱链接验证页面跳转

来源我们发现很多网站都会通过发送一个验证链接到用户的邮箱进行点击,进而判断是否验证成功。(关于Springboot邮件发送可以看——[Springboot]发送QQ邮件)例如:生成验证链接与控制层验证我们根据用户填入的邮箱向用户发送一封包含验证链接的邮件,Service层如下@Servicepublic class MailService { @Autowired ...

2020-02-19 14:42:27 655

原创 [Springboot]发送QQ邮件

添加依赖<dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-mail</artifactId></dependency>邮件协议设置->账户->开启POP3/S...

2020-02-18 10:36:38 235 2

原创 【Springboot+Vue】做一个权限管理后台(八):shiro实现手机号免密登陆

效果展示前端设计主要在登录界面增加了手机号登录: <template> <div class="login-container"> <el-tabs v-model="activeName" type="card"> <el-tab-pane label="账号/密码登陆" name="name"> ...

2020-02-17 22:37:47 1063 4

原创 【Springboot+Vue】做一个权限管理后台(七):动态加载后台菜单

效果演示数据库设计每一个用户都有一个用户id,为了对他们进行后台菜单的动态设计,即每个用户看到的的菜单是不一样的,那么我们就要为每一个用户规定一个角色,这就引入了role表,通过user_role的表建立联系。同样的,每个角色看到不用的菜单,菜单由后端根据登录的角色向数据库查询生成,这就引入了menu表,用过role_menu的表建立联系。我们插入几个数据:path:代表前端路由的...

2020-02-13 11:40:50 3184 8

原创 【Springboot+Vue】做一个权限管理后台(六):用户凭证与登出

文章目录前言服务器端Session和Token客户端cookie、localStorage、sessionStorage前端保存授权信息:Vuex登出前端拦截验证前言当一个用户登录以后,如果做每一件事情都需要再次携带用户名密码访问数据库认证,验证通过后才可以做,那么无疑增大了数据库的压力。所以我们就得给已经登录的用户一个凭证,让这个用户以后直接带着这个凭证访问我们的控制层。服务器端Sessi...

2020-02-12 12:47:58 829 1

原创 【Springboot+Vue】做一个权限管理后台(五):引入shiro

文章目录前言代码部分Shiro框架的引入下章预告结语前言由于将用户的账号密码明文存储在数据库中具有不安全性,比如容易泄露,用户觉得不靠谱等,所以我们需要将用户的密码加密存储在数据库中。Hash加密hash 算法(散列算法、摘要算法)即把任意长度的输入映射为固定长度的输出,比如密码 Evanniubi 变成五位的输出kchpl,这种算法不可逆,且存在信息损失,虽然随着时间推移,出现了字...

2020-02-11 21:39:38 943 3

原创 [git]将本地项目传到github

git的下载安装进入下载页——git下载,下载后,一路next。完成后,右键桌面空白位置,会出现:此时代表git安装完成。初次使用的配置全局配置用户名和邮箱git config --global user.name "你的用户名"git config --global user.email "你的邮箱"创建SSH Key右键桌面选择打开Git Bash Here,输入c...

2020-02-11 20:11:51 96

原创 对axios的封装

/**axios封装 * 请求拦截、相应拦截、错误统一处理 */import axios from 'axios';import QS from 'qs';import { message } from 'element-ui';import store from '../store/index'import router from '../router/index'// 环境的...

2020-02-10 19:38:34 272 2

原创 [Vue]做一个留言板界面

界面展示亮点:卡片的颜色与长度可以随机变化,自适应页面长度布局,用户可以点击like。准备MySQL一张message的表:message:留言内容;username:由后端进行处理,如果提交的为空,那么设置名字为“匿名”;upTime:提交时间;likeNum:点赞数量,默认0。后端只需做一些简单的增删改查即可MessageMapper:<?xm...

2020-02-10 19:33:57 2361 2

原创 【Springboot+Vue】做一个权限管理后台(四):引入数据库验证

前言数据必然要存储在数据库才更为安全,通过前端对后端进行访问,后端对数据库访问,返回结果给前端,这称为MVC的架构。那么本节做的就是对前端提交的数据通过对比数据库中的数据进行检验返回结果。安装Mysql下载安装菜鸟教程Mysql安装创建数据库与表一般数据库我们需要一个可视化的工具,市面上有很多,本系列我们采用navicat访问操作我们的数据库。下载安装进入navicat的官...

2020-02-10 17:46:56 772 1

原创 【Springboot+Vue】做一个权限管理后台(三):从登录开始

文章目录前言Vue第一个界面Springboot的控制层Element-UI的引入结语前言本篇会学习第一个demo,做一个简单的登录,可以帮助大家理解前后端分离的概念,以及掌握Element-UI的安装与使用使我们的界面更加美观。Vue第一个界面初识Vue我们知道,所有的网页界面都是由Html构成的,Vue中也是如此,我们可以看到Vue项目结构中有一个index.html:它是所...

2020-02-10 15:16:21 1901 1

原创 【Springboot+Vue】做一个权限管理后台(二):开发利器使用

文章目录前言前端配置搭建安装环境与工具搭建Vue项目后端配置下载安装jdk配置jdk环境创建Springboot项目结语前言本篇开始将带大家正式入门Web开发,俗话说”工欲利其事必先利其器“,而开发环境与开发工具就是我们的利器。本篇文章先带大家搭建环境与使用IDE。为什么呢?因为IDE里跑的代码需要开发环境的支持,开发环境里提供了一系列的API和基本的库供代码使用。前端配置前篇说过,我们...

2020-02-10 13:03:17 758

原创 【Springboot+Vue】做一个权限管理后台(一):项目介绍

文章目录作者叨叨前言开发工具说明技术栈结语作者叨叨大家好,我是一名本科三年级计科的学生,目标是成为一名全干工程师(狗头)。这是我的第一篇博客文章,之前也有过开发的经验。20岁的我拥有30年的开发经验以前是压根不想写博客的,一是觉得写出来的代码能跑就行(狗头+1),二是就算遇到问题搜一下解决了就好——能跑就行,三是我不怎么喜欢在网上分享,费时费力费脑子。今天为何开始了呢,这事还得从一只蝙蝠...

2020-02-10 10:59:04 1177 1

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除