基于SpringBoot和Vue2.0的轻量级博客开发

1 实现效果

http://makuan.cc/
1

1.1首页

1.2 归档（开放性接口测试Beta）后续更名

1.3关于

2 后端开发环境

1. jdk:11
2. mysql:5.7
3. minio:RELEASE.2022-02-12T00-51-25Z
4. redis

3 前端特点

3.1知识点

• 1 子路由路由的理解详见路由的配置
• 2 display: flex 这个用于将元素展示到一行
• 3 动态标签类 :class=“{isActive:isCollapse}” 其中isActive为一个标签的类 当对应的值为true的时候起作用
• 4 子组件调用父组件方法 001子组件的属性定义@changeMenuStutus=“changeMenuStutus” 002在子组件中这样调用this.$emit(‘changeMenuStutus’)
• 5 接收外来的参数需要使用 props: [‘xxx’],定义组件暴露参数
• 6 ref属性用于获取子组件实例，进而获取组件中的值
• 7 wang // 清空值this.$refs.myEditor2.myEditor.txt.clear()//设置值//this.$refs.myEditor2.myEditor.txt.html(“

  泥潭

  ”)
• 8 mavoeditor markdown编辑器 支持图文编辑
• 9 request 统一配置请求ip 端口 进行GET POST PUT 请求 let formdata = new FormData();// 这里一定要写和后端参数一样 formdata.append(‘multipartFile’, $file);
• 10 动态路由参数的使用 配置 :参数名？ 获取参数 this.route.params.动态参数名
• 11 导航守卫用于在路由前做一下事情
• 12 请求响应拦截器可以在请求前后做一些事情