Vue 搭建后台操作 微信小程序 云数据库数据（增删改查）及上传删除云储存文件

小程序云开发文档

官网链接

在 Vue 中使用步骤

我是在 Vue Element Admin 后台管理基础上搭建的，推荐几个开箱即用的 后台管理项目 当然，对于练习的同学，也可以自行搭建

1.引入 微信云开发 文件

在项目根目录文件下的 public 文件夹中的index.html 中引入

<script src="https://res.wx.qq.com/open/js/cloudbase/1.1.0/cloud.js"></script>

2.在页面中使用

<script>
export default {
     
     
  data(){
     
     
	return {
     
     
	  dataList:[]
	}
  },
   created() {
     
     
    this.getData();
  },
  methods() {
     
     
    getData() {
     
     
	  var c1 = new cloud.Cloud({
     
     
	    //必填，表示是未登录模式
	    identityless: true,
	    //资源方 AppID
	    resourceAppid: "填开通云开发的小程序 AppID",
	    //资源方环境 ID
	    resourceEnv: "填云开发的环境 ID", // 打开控制台可查看
	  });
	  c1.init();
	  c1.callFunction({
     
     
        name: "云函数名称", // 云函数名称
        data: {
     
     
          gather:'填集合名', // 传入云函数的参数，可在云函数里面接收
        },
      }).then((res) => {
     
     
        console.log(res);
      });
	}
  }
}
</script>

提示：这里使用小程序云函数进行请求，下面会提供云函数，直接复制使用即可！！！

3.云函数的使用

（1）在小程序中配置云函数

1️⃣ 在根目录下创建 functions 文件夹，来储存云函数
2️⃣ 在 project.config.json 文件中配置

{
   
   
  "cloudfunctionRoot": "functions/",
}

成功之后的样子：

（2）添加云函数

1️⃣ 鼠标右击 functions 文件夹，选择 新建 Node.js 云函数

2️⃣ 给云函数起名字

3️⃣ 创建后