当前位置:   article > 正文

二:serverless网站数据库操作_serverless中怎么读取本地数据库

serverless中怎么读取本地数据库

操作数据库API文档

第一篇,搭建一套免费的serverless网站

一,创建集合,进入控制台

登录腾讯云后台 打开云开发控制台

可以新建集合,新建集合后点击集合名称即可批量导入导出数据库集合的数据,还可以设置数据库访问的权限,自定义权限规则等。

现在我创建了集合,可以查看、修改

下面看看如何在前端代码里面操作数据库

 

二,安装js-sdk环境

方式一:通过包管理器引入

  1. #npm
  2. npm install @cloudbase/js-sdk -S
  3. # yarn
  4. yarn add @cloudbase/js-sdk

#方式二:通过 CDN 引入

通过 CDN 引入有两种方式:

#引入全量 SDK

  1. import SdkCloudbase from "@cloudbase/js-sdk";
  2. var aa = SdkCloudbase.init({
  3. env: process.env.VUE_APP_ENV_ID || config.envId,
  4. });

下面是我的main.js示例代码:

  1. import Vue from "vue";
  2. import App from "./App.vue";
  3. import Cloudbase from "@cloudbase/vue-provider";
  4. import config from "../cloudbaserc";
  5. import ElementUI from 'element-ui';
  6. import 'element-ui/lib/theme-chalk/index.css';
  7. import SdkCloudbase from "@cloudbase/js-sdk";
  8. var aa = SdkCloudbase.init({
  9. env: process.env.VUE_APP_ENV_ID || config.envId,
  10. });
  11. Vue.prototype.$db = aa.database()||'asas'
  12. Vue.use(ElementUI);
  13. Vue.config.productionTip = false;
  14. Vue.use(Cloudbase, {
  15. env: process.env.VUE_APP_ENV_ID || config.envId,
  16. });
  17. new Vue({
  18. render: (h) => h(App),
  19. }).$mount("#app");

在组件页面中读取数据库集合示例:

  1. this.$db.collection("menu").get()
  2. .then((res) => {
  3. console.log('res-collection', res)
  4. })
  5. .catch((e) => {
  6. console.log('catch-collection', e)
  7. });

打印日志的结果:(获取到数据库集合数据了)

 

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/小丑西瓜9/article/detail/369607
推荐阅读
相关标签
  

闽ICP备14008679号