是跟着一个视频基于VUE脚手架搭建的一个简易的个人博客,但是视频中请求的资源来自firebase,出于某些原因emmm不能使用,然后老师又用了野狗,现在野狗也倒了,于是我找了Bmob作为替代。
视频指路(包含源码)
腾讯课堂(https://ke.qq.com/course/481747?taid=4415179136129491)
bilibili (https://www.bilibili.com/video/BV1T4411W76J/?p=13&t=2)
按照视频一步一步跟着走到了P9。然后跟着这位大佬用了一下Bmob(https://www.jianshu.com/p/43d2ccdd40cd)的指路注册了Bmob账号,新建了一个项目,新建了一张表,并且添加相应需要字段(本项目中包含title,content,categories,author)。表如下图所示,其余字段自动添加
跟着官方使用文档中的(http://doc.bmob.cn/data/wechat_app_new/index.html#_20)替代了firebase。具体如下:
首先在Bmob后端云的项目管理中设置安全码
npm install hydrogen-js-sdk //
打开 main.js
import Bmob from 'hydrogen-js-sdk'
Bmob.initialize("Serect Key", "API 安全码");
Vue.prototype.Bmob = Bmob
AddBlogs.vue中发送数据方法替换如图所示(注释掉的为a视's频中o的代码)n
ShonwBlogs.vue中接收所有数据
ShonwBlogs.vue中路由具体某条记录
显示单条博客singleBlog.vue中接受单条数据
singleBlog.vue中在p12后续追加删除功能
p12中编辑博客EditBlogs.vue
所有代码给出的官方文档那节链接上均有,所有功能也通过测试。