blog
文章平均质量分 51
苏七qaq
加油呀
展开
-
26.blog前端-登录、退出登录
退出登录:BaseHeader:logout() { this.$store.dispatch("logout").then((res)=> { this.$router.push({path:"/login"}); this.$message({message:"已退出账户,请重新登录",type:"success",sho原创 2022-02-12 15:03:53 · 292 阅读 · 0 评论 -
25.blog前端-路由守卫
全局前置路由守卫。beforeEach()在初始化和每一次路由切换之前调用函数,控制用户信息的获取router.beforeEach((to, from, next) =>{ if(store.state.token) { //路径如果是请求的login登录页面,但是又存在token,并且有账户信息 //证明用户登陆过,不能重复登录,则跳转到首页 if(to.path ==="/login" && store.s.原创 2022-02-12 14:13:06 · 811 阅读 · 0 评论 -
24.blog前端-拦截器
添加请求拦截器和响应拦截器。请求拦截器:在发送请求之前判断是否有token。响应拦截器:在后端发送状态码给前端时,判断状态码为多少并发出相应的信息import {Message} from 'element-ui'// 添加请求拦截器service.interceptors.request.use(function (config){ // 在发送请求之前 判断是否有token if (store.state.token) { config.hea原创 2022-02-12 13:59:18 · 288 阅读 · 0 评论 -
23.blog前端-注册
功能实现:点击注册按钮,会跳转到对应的注册页面所以要先注册对应的路由(注意,应该和Home路由平级) /*注册页面*/ { path: '/register', component: r => require.ensure([], () => r(require('@/views/Register')), 'register') }注册功能实现:1.请求后端接口进行注册2.注册之后原创 2022-02-11 17:46:04 · 173 阅读 · 0 评论 -
22.blog前端-文章详情、评论列表
功能实现,点击文章,可以弹出文章的详情界面在ArticleItem.vue中,点击了文章详情,就会有一个事件响应 /*点击文章标题,跳转到文章详情*/ view(id) { this.$router.push({path:`/view/${id}`}) }所以要添加对应路由:/*文章详情*/ {原创 2022-02-10 22:32:54 · 423 阅读 · 0 评论 -
21.blog前端-分类详情、标签详情
1原创 2022-02-10 16:31:06 · 370 阅读 · 0 评论 -
20.blog前端-文章分类、标签分类
1原创 2022-02-09 20:23:21 · 306 阅读 · 0 评论 -
19.blog前端-最热文章、最新文章、文章归档
最热文章和最新文章都是同样的,只需要建立一个vue文件,传不同参数即可CardArticle.vue:<template> <el-card :body-style="{ padding: '8px 18px' }"> <div slot="header" class="my-category-header"> <span>{{cardHeader}}</span> &...原创 2022-02-09 19:34:56 · 482 阅读 · 0 评论 -
18.blog前端-最热标签
components/card下创建CardTag.vue:<template> <el-card :body-style="{ padding: '8px 18px' }"> <div slot="header" class="my-tag-header"> <span>最热标签</span> <a @click="moreTags" class="my...原创 2022-02-09 17:54:30 · 247 阅读 · 0 评论 -
13.博客部署
1.云服务器的购买:2.域名申请+备案3.安装Xshell4.将服务器的公网ip设置在xshell新建会话中的上,5.输入服务器创建的实例的实例密码这样就是显示已连接6.安装宝塔输入到xshell中安装完成7.使用阿里云服务器ECS安装BT宝塔面板,安装完毕后宝塔面板会提示,若无法访问面板,请检查防火墙/安全组是否有放行面板[8888]端口,需要配置服务器在入方向进行手动添加8.复制外网面板地址用浏览器打...原创 2022-02-08 18:09:31 · 3559 阅读 · 2 评论 -
17.blog前端-补全首页显示
1.补全左上角小卡片:src/components/card/myCard.vue:这里需要添加asset里面的阿里巴巴矢量图然后在main.js中引入:import '@/assets/theme/index.css'import '@/assets/icon/iconfont.css'<template> <el-card> <h1 class="me-author-name">苏七的博客</h1>原创 2022-02-05 22:58:21 · 570 阅读 · 0 评论 -
16.blog前端-统一请求处理
接下来,我们需要将文章数据变成动态的,也就是通过发ajax请求,从后端请求数据,并进行展示。后端-是码神之路博客系统,已经实现好的发起http请求我们使用axios: 易用、简洁且高效的http库加入依赖:npm install --save axios vue-axios//将下面代码 加入 main.jsimport Vue from 'vue'import axios from 'axios'import VueAxios from 'vue-axios'V..原创 2022-02-05 22:34:26 · 613 阅读 · 0 评论 -
15.blog前端-博客首页
App.vue<template> <div id="app"> <!--博客首页显示--> <router-view> </router-view> <!--回到顶部的组件--> <go-top></go-top> </div></template><script> import GoTop from "@/原创 2022-02-04 20:26:43 · 718 阅读 · 0 评论 -
blog前端遇到的问题汇总
1.使用npm run dev命令报错未进入myblog目录,cd myblog即可2.有未使用的变量会报错的信息在package.json的rules加入"no-unused-vars":"off"即可3.原创 2022-02-04 17:40:01 · 255 阅读 · 0 评论 -
14.创建blog前端项目
1原创 2022-02-04 16:19:36 · 309 阅读 · 0 评论 -
12.总结-技术亮点
1.jwt+redis jwt:token令牌的登录方式,访问认证速度快,session共享,安全行 redis:做了令牌和用户信息的对应管理,进一步增加了安全性能,登录用户做了缓存,灵活控制用户的过期时间2.threadLocal,用于保存用户的信息,请求的线程之内,可以随时获取登录的用户,做了线程隔离3.用完threadLocal之后,做了value的删除,防止内存的泄露4.线程安全-update table set value = new value where id ...原创 2022-01-28 22:10:10 · 3781 阅读 · 0 评论 -
11.springsecurity权限管理
登录认证SecurityConfig:package com.example.admin.config;import org.springframework.context.annotation.Bean;import org.springframework.context.annotation.Configuration;import org.springframework.security.config.annotation.web.builders.HttpSecurity;i原创 2022-01-28 18:40:14 · 3302 阅读 · 0 评论 -
10.用springsecurity 做一个blog权限系统以及CRUD
1. 搭建项目在blog父工程里面,新建maven工程 blog-admin原创 2022-01-27 21:16:14 · 420 阅读 · 0 评论 -
9.归档文章列表、统一缓存处理(优化)
归档文章列表1.1 接口说明接口url:/articles请求方式:POST请求参数:参数名称 参数类型 说明 year string 年 month string 月 返回数据:{ "success": true, "code": 200, "msg": "success", "data": [文章列表,数据同之前的文章列表接口]}由于需要统计年月份,mybatisPlus的que...原创 2022-01-27 15:56:49 · 734 阅读 · 0 评论 -
8.文章图片上传、导航-文章分类、分类文章列表、标签文章列表
文章图片上传接口说明接口url:/upload请求方式:POST请求参数:参数名称 参数类型 说明 image file 上传的文件名称 返回数据: { "success":true, "code":200, "msg":"success", "data":"https://static.mszlu.com/aa.png"}导入七牛云的sdk(用于文件上传)<dependency> <gro.原创 2022-01-26 20:33:56 · 410 阅读 · 0 评论 -
7.写文章、AOP记录日志、修正文章归档bug
写文章需要 三个接口: 获取所有文章类别 获取所有标签 发布文章 1和21. 所有文章分类1.1 接口说明接口url:/categorys请求方式:GET请求参数:无返回数据:{ "success":true, "code":200, "msg":"success", "data": [ {"id":1,"avatar":"/category/front.png","categoryName"原创 2022-01-26 12:11:52 · 396 阅读 · 0 评论 -
6.评论列表、评论详情
评论列表:接口url:/comments/article/{id}请求方式:GET请求参数:参数名称 参数类型 说明 id long 文章id(路径参数) 返回数据{ "success": true, "code": 200, "msg": "success", "data": [ { "id": 53, "author": {原创 2022-01-23 12:04:45 · 1022 阅读 · 0 评论 -
5.文章详情、使用线程池,更新阅读次数
文章详情:接口url:/articles/view/{id}请求方式:POST请求参数:参数名称 参数类型 说明 id long 文章id(路径参数) 返回数据:{ "success": true, "code": 200, "msg": "success", "data": "token"}ArticleController:package com.example.blog.controller;imp原创 2022-01-22 22:29:27 · 629 阅读 · 1 评论 -
4.用户注册、登录拦截器、ThreadLocal保存用户信息
接口url:/register请求方式:POST请求参数:参数名称 参数类型 说明 account string 账号 password string 密码 nickname string 昵称 返回数据:{ "success": true, "code": 200, "msg": "success", "data": "token"}后端逻辑:1.判断前端传入的参数是否为空,为空原创 2022-01-22 13:07:55 · 599 阅读 · 0 评论 -
3.登录、获取用户信息、退出登录
1原创 2022-01-21 22:36:47 · 761 阅读 · 0 评论 -
2. 首页-异常处理、最新和最新文章、文章归档
首先对加了controller注解的方法进行拦截处理:package com.example.blog.handler;import com.example.blog.vo.Result;import org.springframework.web.bind.annotation.ControllerAdvice;import org.springframework.web.bind.annotation.ExceptionHandler;import org.springframework原创 2022-01-21 22:34:36 · 216 阅读 · 0 评论 -
1.2. 首页-最热标签
3.1 接口说明接口url:/tags/hot请求方式:GET请求参数:无返回数据:{ "success": true, "code": 200, "msg": "success", "data": [ { "id":1, "tagName":"4444" } ]}TagsController:package com.example.blog.cont原创 2022-01-21 18:09:13 · 104 阅读 · 0 评论 -
1.1.首页-文章列表
返回数据:{ "success": true, "code": 200, "msg": "success", "data": [ { "id": 1, "title": "springboot介绍以及入门案例", "summary": "通过Spring Boot实现的服务,只需要依靠一个Java类,把它打包成jar,并通过`java -jar`命令就可以运行起来。\r\n\r...原创 2022-01-18 16:29:28 · 229 阅读 · 0 评论 -
1.新建一个blog maven工程
111原创 2022-01-18 10:46:10 · 605 阅读 · 0 评论