uni-app集成使用SQLite数据库

🕗 发布于 2024-11-22 09:32 uni-app 数据库

一、勾选SQLite数据库选项

（1）HBuilder工具打开**项目

（2）**项目/manifest.json =》App模块配置 =》勾选SQLite(数据库)

二、封装sqlite.js

在项目根目录下创建sqlite/sqlite.js

sqlite.js:

// 数据库名称
const dbName ='app'; 
// 数据库地址,推荐以下划线为开头   _doc/xxx.db
// 如果路径不为_downloads/xxx.db,在手机中会找不到文件夹(强烈建议：不要修改路径)
const dbPath ='_downloads/app.db'; 

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

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

// 关闭数据库(箭头函数)
const closeSqlite = () => {
return new Promise((resolve, reject) => {
  plus.sqlite.closeDatabase({
name: 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 是表名，不能用数字开头、括号里是表格的表头
// @param {Object} dbTable:表名
// @param {Object} data : 表结构 
const createTable = function(dbTable, data) {
return new Promise((resolve, reject) => {
  // executeSql: 执行增删改等操作的SQL语句
  plus.sqlite.executeSql({
name: dbName,
sql: `CREATE TABLE IF NOT EXISTS ${dbTable}(${data})`,
success(e) {
  resolve(e);
},
fail(e) {
  reject(e);
}
  })
})
}

// 数据库删表 sql:'DROP TABLE dbTable'(箭头函数)
// @param {Object} dbTable:表名
const dropTable = (dbTable) => {
return new Promise((resolve, reject) => {
  plus.sqlite.executeSql({
name: dbName,
sql: `DROP TABLE ${dbTable}`,
success(e) {
  resolve(e);
},
fail(e) {
  reject(e);
}
  })
})
}

// 普通函数
// 向表格里添加数据 sql:'INSERT INTO dbTable VALUES('x','x','x')'   对应新增
// 或者 sql:'INSERT INTO dbTable ('x','x','x') VALUES('x','x','x')'   具体新增
// 插入 INSERT INTO  、 dbTable 是表名、根据表头列名插入列值
// @param {Object} dbTable:表名
// @param {Object} data : 插入表中的值结构 
// @param {Object} condition : 插入表中对应的列的属性名称结构
const insertTableData = function(dbTable, data, condition) {
// 判断有没有传参
if (dbTable !== undefined && data !== undefined) {
  // 判断传的参是否有值
  var bol = (JSON.stringify(data) == "{}");
  if (!bol) {
if (condition == undefined) {
  var sql = `INSERT INTO ${dbTable} VALUES (${data})`;
} else {
  var sql = `INSERT INTO ${dbTable} (${condition}) VALUES(${data})`;
}
// console.log(sql);
return new Promise((resolve, reject) => {
  // 表格添加数据
  plus.sqlite.executeSql({
name: dbName,
sql: sql,
success(e) {
  resolve(e);
},
fail(e) {
  reject(e);
}
  })
})
  } else {
return new Promise((resolve, reject) => { reject("错误添加") })
  }
} else {
  return new Promise((resolve, reject) => { reject("错误添加") })
}
}
 
// 箭头函数  
// 根据条件向表格里添加数据  有数据更新、无数据插入
// (建表时需要设置主键) 例如 --- "roomid" varchar(50) PRIMARY KEY
// @param {Object} dbTable:表名
// @param {Object} data : 插入表中的值结构 
// @param {Object} condition : 插入表中对应的列的属性名称结构
const insertOrReplaceData = (dbTable, data, condition) => {
// 判断有没有传参
if (dbTable !== undefined && data !== undefined) {
if (condition == undefined) {
  var sql = `INSERT OR REPLACE INTO ${dbTable} VALUES(${data})`;
} else {
  var sql = `INSERT OR REPLACE INTO ${dbTable} (${condition}) VALUES(${data})`;
}
// console.log(sql);
return new Promise((resolve, reject) => {
  // 表格添加数据
  plus.sqlite.executeSql({
name: dbName,
sql: sql,
success(e) {
  resolve(e);
},
fail(e) {
  reject(e);
}
  })
  })
} else {
  return new Promise((resolve, reject) => { reject("错误添加") })
}
}

// 普通函数
// 查询获取数据库里的数据 sql:'SELECT * FROM dbTable WHERE lname = 'lvalue''
// 查询 SELECT * FROM 、 dbTable 是表名、 WHERE 查找条件 lname,lvalue 是查询条件的列名和列值
// @param {Object} dbTable:表名
// @param {Object} lname:列名
// @param {Object} lvalue:列中的属性值
const selectTableData = function(dbTable, lname, lvalue, cc, dd) {
if (dbTable !== undefined) {
  // 第一个是表单名称，后两个参数是列表名，用来检索
  if (lname !== undefined && cc !== undefined) {
// 两个检索条件
var sql = `SELECT * FROM ${dbTable} WHERE ${lname} = '${lvalue}' AND ${cc} = '${dd}'`;
  }
  if (lname !== undefined && cc == undefined) {
// 一个检索条件
var sql = `SELECT * FROM ${dbTable} WHERE ${lname} = '${lvalue}'`;
// console.log(sql);
  }
  if (lname == undefined) {
var sql = `SELECT * FROM ${dbTable}`;
  }
  return new Promise((resolve, reject) => {
// 表格查询数据  执行查询的SQL语句
plus.sqlite.selectSql({
  name: dbName,
  sql: sql,
  success(e) {
resolve(e);
  },
  fail(e) {
reject(e);
  }
})
  })
} else {
  return new Promise((resolve, reject) => { reject("错误查询") });
}
}

// 箭头函数
// 删除表里的数据 sql:'DELETE FROM dbTable WHERE lname = 'lvalue''
// 删除 DELETE FROM 、 dbTable 是表名、 WHERE 查找条件 lname,lvalue 是查询条件的列名和列值
// @param {Object} dbTable:表名
// @param {Object} lname:列名
// @param {Object} lvalue:列中的属性值
const deleteTableData = (dbTable, lname, lvalue, ww, ee) => {
if (dbTable !== undefined) {
  if (lname == undefined) {
var sql = `DELETE FROM ${dbTable}`;
  } else {
if (ww !== undefined) {
  // 两个检索条件
  var sql = `DELETE FROM ${dbTable} WHERE ${lname} = '${lvalue}' AND ${ww} = '${ee}'`;
} else {
  // 一个检索条件
  var sql = `DELETE FROM ${dbTable} WHERE ${lname} = '${lvalue}'`;
}
  }
  return new Promise((resolve, reject) => {
// 删除表数据
plus.sqlite.executeSql({
  name: dbName,
  sql: sql,
  success(e) {
resolve(e);
  },
  fail(e) {
reject(e);
  }
})
  })
} else {
  return new Promise((resolve, reject) => { reject("错误删除") });
}
}

// 普通函数
// 修改数据表里的数据 sql:"UPDATE dbTable SET 列名 = '列值',列名 = '列值' WHERE lname = 'lvalue'"
// 修改 UPDATE 、 dbTable 是表名, data: 要修改的列名=修改后列值, lname,lvalue 是查询条件的列名和列值
// @param {Object} dbTable:表名
// @param {Object} data : 修改表中的值结构
// @param {Object} lname:列名
// @param {Object} lvalue:列中的属性值
const updateTableData = function(dbTable, data, lname, lvalue) {
if (lname == undefined) {
  var sql = `UPDATE ${dbTable} SET ${data}`;
} else {
  var sql = `UPDATE ${dbTable} SET ${data} WHERE ${lname} = '${lvalue}'`;
}
// WHERE 前面是要修改的列名、列值，后面是条件的列名、列值
return new Promise((resolve, reject) => {
  // 修改表数据
  plus.sqlite.executeSql({
name: dbName,
sql: sql,
success(e) {
  resolve(e);
},
fail(e) {
  reject(e);
}
  })
})
}

// 箭头函数
// 获取指定数据条数  sql:"SELECT * FROM dbTable ORDER BY 'id' DESC LIMIT 15 OFFSET 'num'"
// dbTable 表名, ORDER BY 代表排序默认正序, id 是排序的条件 DESC 代表倒序，从最后一条数据开始拿
// LIMIT 15 OFFSET '${num}',这句的意思是跳过 num 条拿 15 条数据, num 为跳过多少条数据是动态值
// 例 初始num设为0，就从最后的数据开始拿15条，下次不拿刚获取的数据，所以可以让num为15，这样就能一步一步的拿完所有的数据
// @param {Object} dbTable:表名
// @param {Object} id:数据id
/**
 * @param {Object} num 例子如下：
 * select * from boot limit 10 offset 0;
 * select * from boot limit 10 offset 10;
 * select * from boot limit 10 offset 20;
 * select * from boot limit 10 offset 30;
 * 比如说每页数量为 10 条，然后我们分别获区第1、2、3、4页的数据
 * 
*/ 
const pullSQL = (dbTable, id, num) => {
return new Promise((resolve, reject) => {
  plus.sqlite.selectSql({
name: dbName,
sql: `SELECT * FROM ${dbTable} ORDER BY '${id}' DESC LIMIT 15 OFFSET '${num}'`,

success(e) {
  resolve(e);
},

fail(e) {
  reject(e);
}

  })
})
}
 
// 导出方法  
export default {
// 查询数据库是否打开
isOpen,
// 创建/开启数据库
openSqlite,
// 关闭数据库
closeSqlite,
// 数据库建表
createTable,
// 数据库删表
dropTable,
// 表里新增/插入数据
insertTableData,
// 根据条件向表里插入数据、更新或覆盖
insertOrReplaceData,
// 表里查询数据
selectTableData,
// 表里删除数据
deleteTableData,
// 表里修改数据
updateTableData,
// 倒叙查询数据
pullSQL

}

三、使用

<template>
    ***
    ***
    <view class="content">
<button @click="dbClick">按钮</button>
</view>
</template>
<script>
// 引入salite.js
import DB from '@/sqlite/sqlite.js';

export default {
data() {
return {
title: 'Hello'
}
},
onLoad() {

},
methods: {
dbClick(){


// 创建/开启数据库
DB.openSqlite().then((res)=>{
console.log("创建/开启数据库",res);
}).catch((err)=>{
console.log("创建/开启数据库失败",err);
})

// 查询数据库是否打开
const flag = DB.isOpen();
console.log("数据库是否打开",flag);

// 关闭数据库
//const close = DB.closeSqlite()
//console.log("关闭数据库",close);

// 数据库建表
const dbTable = "demo";// 表名
const data = "'id' varchar(50),'name' TEXT, 'age' INTEGER,'date_column' TEXT";// 表结构
DB.createTable(dbTable,data).then((res)=>{
console.log("数据库建表",res);
}).catch((err)=>{
console.log("数据库建表失败",err);
})

// 数据库删表
//DB.dropTable()

// 表里新增/插入数据
const inDBTable = "demo";// 表名
const date = new Date();// 日期
const inData = "22, 'zdy', 20, '2024/11/20'";// 插入的值
const inCondition = "id, name, age, date_column";// 表中列名（可以不写）
DB.insertTableData(inDBTable,inData).then((res)=>{
console.log("表里新增/插入数据",res)
}).catch((err)=>{
console.log("表里新增/插入数据失败",err)
})

// 实验方法同上
// 根据条件向表里插入数据、更新或覆盖
const inOrReDBTable = "demo";// 表名
const inOrReData = "29, 'zgy', 36, '2024/11/21'";// 插入的值
const inOrReCondition = "id, name, age, date_column";// 表中列名（可以不写）
DB.insertOrReplaceData(inOrReDBTable,inOrReData).then((res)=>{
console.log("表里插入数据、更新或覆盖成功",res)
}).catch((err)=>{
console.log("表里插入数据、更新或覆盖失败",err)
})


// 表里删除数据
const delDBTable = "demo";// 表名
const delname = "id";
const delvalue = "22";
DB.deleteTableData(delDBTable,delname,delvalue).then((res)=>{
console.log("表里删除数据",res)
}).catch((err)=>{
console.log("表里删除数据失败",err)
})

// 表里修改数据
const updateDBTable = "demo";// 表名
const updateDate = "name = '张姓', age = 31, date_column='2024/8/10'"
const updateName = "id";
const updateValue = "22";
DB.updateTableData(updateDBTable,updateDate,updateName,updateValue).then((res)=>{
console.log("表里修改数据",res)
}).catch((err)=>{
console.log("表里修改数据失败",err)
})

// 表里查询数据
const queryDBTable = "demo";// 表名
const lname = "id";
const lvalue = "22";
DB.selectTableData(queryDBTable,lname,lvalue).then((res)=>{
console.log("表里查询数据",res)
}).catch((err)=>{
console.log("表里查询数据失败",err)
})

// 倒叙查询数据
const pullDBTable = "demo";// 表名
const pullId = "22";
const pullNum = "10";
DB.pullSQL(pullDBTable,pullId,pullNum).then((res)=>{
console.log("倒叙查询数据",res)
}).catch((err)=>{
console.log("倒叙查询数据失败",err)
})

}
}
}

</script scoped lang="scss">
<style>
***
***
.content {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
</style>

四、数据库

在手机中数据库路径为：**电脑\移动设备名称\内部存\Android\data\io.dcloud.HBuilder\downloads

数据库可以用SQLiteExpert软件打开

原文地址：https://blog.csdn.net/qq_19688207/article/details/143930873

免责声明：本站文章内容转载自网络资源，如本站内容侵犯了原著者的合法权益，可联系本站删除。更多内容请关注自学内容网（zxcms.com）！

Windows电脑本地部署llamafile并接入Qwen大语言模型远程AI对话实战
Windows电脑本地部署llamafile并接入Qwen大语言模型远程AI对话实战
阅读更多2024-11-23
解决vm虚拟机中ctrl键粘滞问题（一直处于按下状态）
虚拟机中点击鼠标左键没有问题，单独按下键盘也没有问题，但是如果按下键盘的同时在按下鼠标左键就会卡住。而且100%稳定复现。发现问题原因：vm版本的问题，我的版本是17.5.0，升级成17.5.2 bu
阅读更多2024-11-23
第十章 JavaScript的应用
10.1.1 JavaScript简介1 简单性JavaScript 设计之初就考虑到了非专业程序员的使用，因此它的语法相对简单，容易上手。2 动态性JavaScript 是一种解释型语言，代码可以在
阅读更多2024-11-23
非root用户安装CUDA
4.下载完成后执行.run文件，需要添加两个参数，一个是--override，用于跳过某些检查或限制；另一个是--toolkitpath，它表示安装路径，必须是自己目录下面的路径，如果是根目录就会安装
阅读更多2024-11-23
Python操作neo4j库py2neo使用之py2neo 删除及事务相关操作（三）
【代码】## Python操作neo4j库py2neo使用之py2neo 删除及事务相关操作（三）
阅读更多2024-11-23
【通俗理解】Jensen不等式与变分分布q(z)在积分计算中的应用
Jensen不等式 #变分分布 #积分计算 #期望 #凸函数 #优化问题 #下界估计 #机器学习。
阅读更多2024-11-23
「Mac玩转仓颉内测版27」基础篇7 - 字符串类型详解
本篇将介绍 Cangjie 中的字符串类型，包括字符串的定义、字面量形式、插值表达、常用操作及应用场景，帮助开发者熟练掌握字符串的使用。
阅读更多2024-11-23
数据科学与SQL：组距分组分析 | 区间分布问题
绝对值分布分析也可以理解为组距分组分析。对于某个指标而言，一个记录对应的指标值的绝对值，肯定落在所有指标值的绝对值的最小值和最大值构成的区间内，根据一定的算法，在把这个区间划分为等距离的几个小区间，，
阅读更多2024-11-23
c++编译报C1004错误的原因及解决办法
可能是你的代码文件最后没有正确的结束符，或者是缺少了一些必要的头文件或语句。默认磁盘驱动器没有足够的空间用于临时文件，需要大约两倍于源文件的空间。编译器到达了源文件尾但未解析构造。计算结果为假的 #i
阅读更多2024-11-23
mysql 去重补全取出重复变量函数和存储过程
mysql 去重补全取出重复变量函数和存储过程
阅读更多2024-11-23

uni-app集成使用SQLite数据库

相关文章