用Vue在Bmob后端云上搭建的个人博客

是跟着一个视频基于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

所有代码给出的官方文档那节链接上均有,所有功能也通过测试。

 

 

 

  • 2
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值