操作数据库API文档
第一篇,搭建一套免费的serverless网站
一,创建集合,进入控制台
登录腾讯云后台 打开云开发控制台
可以新建集合,新建集合后点击集合名称即可批量导入导出数据库集合的数据,还可以设置数据库访问的权限,自定义权限规则等。
现在我创建了集合,可以查看、修改
下面看看如何在前端代码里面操作数据库
二,安装js-sdk环境
方式一:通过包管理器引入
#npm
npm install @cloudbase/js-sdk -S
# yarn
yarn add @cloudbase/js-sdk
#方式二:通过 CDN 引入
通过 CDN 引入有两种方式:
#引入全量 SDK
import SdkCloudbase from "@cloudbase/js-sdk";
var aa = SdkCloudbase.init({env: process.env.VUE_APP_ENV_ID || config.envId,
});
下面是我的main.js示例代码:
import Vue from "vue";
import App from "./App.vue";
import Cloudbase from "@cloudbase/vue-provider";
import config from "../cloudbaserc";import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';import SdkCloudbase from "@cloudbase/js-sdk";
var aa = SdkCloudbase.init({env: process.env.VUE_APP_ENV_ID || config.envId,
});Vue.prototype.$db = aa.database()||'asas'
Vue.use(ElementUI);Vue.config.productionTip = false;Vue.use(Cloudbase, {env: process.env.VUE_APP_ENV_ID || config.envId,
});new Vue({render: (h) => h(App),
}).$mount("#app");
在组件页面中读取数据库集合示例:
this.$db.collection("menu").get().then((res) => {console.log('res-collection', res)}).catch((e) => {console.log('catch-collection', e)});
打印日志的结果:(获取到数据库集合数据了)