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

1 实现效果

http://makuan.cc/

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. r e f s . m y E d i t o r 2. m y E d i t o r . t x t . c l e a r ( ) / / 设置值 / / t h i s . refs.myEditor2.myEditor.txt.clear()// 设置值 // 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 请求响应拦截器可以在请求前后做一些事情
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值