UNI-APP 使用sqlite数据库本地缓存数据处理

最新推荐文章于 2024-07-25 17:19:58 发布

学web的碎碎

最新推荐文章于 2024-07-25 17:19:58 发布

阅读量3.6k

点赞数 7

分类专栏：小程序 + uni-app SQL、SQLite VUE 文章标签：前端 sqlite javascript vue.js sql

本文链接：https://blog.csdn.net/weixin_42695298/article/details/116707511

版权

本文介绍了如何在uni-app中使用SQLite数据库进行本地数据缓存，首先需要了解基本的SQL语法，然后在uni-app的配置中开启相应权限。文章提供了封装的SQLite操作代码示例，并给出了在页面引入及使用的详细步骤，还附带了一个演示demo的链接。

摘要由CSDN通过智能技术生成

在 uni-app 使用 sqlite 要先学习简单的 SQL 语法。
SQLite传送门

首要工作

plus.sqlite要在手机或者模拟器上才能运行！
在manifest.json里的App模块权限配置里勾选SQLite(数据库)！

源码

封装的 `sqlite.js`

module.exports = {
   
  dbName: 'chat', // 数据库名称
  dbPath: '_doc/chat.db', // 数据库地址,推荐以下划线为开头   _doc/xxx.db

  // 判断数据库是否打开
  isOpen() {
   
    // 数据库打开了就返回 true,否则返回 false
    var open = plus.sqlite.isOpenDatabase({
   
      name: this.dbName,  // 数据库名称
      path: this.dbPath  // 数据库地址
    })
    return open;
  },

  // 创建数据库 或 有该数据库就打开
  openSqlite() {
   
    return new Promise((resolve, reject) => {
   
      // 打开数据库
      plus.sqlite.openDatabase({
   
        name: this.dbName,
        path: this.dbPath,
        success(e) {
   
          resolve(e); // 成功回调
        },
        fail(e) {
   
          reject(e);  // 失败回调
        }
      })
    })
  },

  // 关闭数据库
  closeSqlite() {
   
    return new Promise((resolve, reject) => {
   
      plus.sqlite.closeDatabase({
   
        name: this.dbName,
        success(e) {
   
          resolve(e);
        },
        fail(e) {
   
          reject(e);
        }
      })
    })
  },

  // 数据库建表 sql:'CREATE TABLE IF NOT EXISTS dbTable("id" varchar(50),"name" TEXT) 
  // 创建 CREATE TABLE IF NOT EXISTS 、 dbTable 是表名，不能用数字开头、括号里是表格的表头
  createTable(dbTable, data) {
   
    return new Promise((resolve, reject) => {
   
      // executeSql: 执行增删改等操作的SQL语句
      plus.sqlite.executeSql({
   
        name: this.dbName,
        sql: `CREATE TABLE IF NOT EXISTS ${
     dbTable}(${
     data})`,
        success(e) {
   
          resolve(e);
        },
        fail(e) {
   
          reject(e);
        }
      })
    })
  },

  // 数据库删表 sql:'DROP TABLE dbTable'
  dropTable(dbTable) {
   
    return new Promise((resolve, reject) => {
   
      plus.sqlite.