赞
踩
登录腾讯云后台 打开云开发控制台
可以新建集合,新建集合后点击集合名称即可批量导入导出数据库集合的数据,还可以设置数据库访问的权限,自定义权限规则等。
现在我创建了集合,可以查看、修改
下面看看如何在前端代码里面操作数据库
- #npm
- npm install @cloudbase/js-sdk -S
- # yarn
- yarn add @cloudbase/js-sdk
通过 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)
- });
打印日志的结果:(获取到数据库集合数据了)
Copyright © 2003-2013 www.wpsshop.cn 版权所有,并保留所有权利。