uni-app集成使用SQLite数据库

ops/2024/11/25 11:46:21/

一、勾选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,否则返回 falsevar 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}

三、使用

 注意:如果列的属性是varchar、TEXT修饰的,插入数据前后需要用单引号-' '

<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()// 表里新增/插入数据// 注意:如果列的属性是varchar、TEXT修饰的,插入数据前后需要用单引号-''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软件打开 


http://www.ppmy.cn/ops/136556.html

相关文章

Spring Boot项目集成Redisson 原始依赖与 Spring Boot Starter 的流程

Redisson 是一个高性能的 Java Redis 客户端&#xff0c;提供了丰富的分布式工具集&#xff0c;如分布式锁、Map、Queue 等&#xff0c;帮助开发者简化 Redis 的操作。在集成 Redisson 到项目时&#xff0c;开发者通常有两种选择&#xff1a; 使用 Redisson 原始依赖。使用 Re…

打造属于你的表单验证工具

在前端开发中&#xff0c;表单验证是一个常见且重要的需求。传统的表单验证往往导致代码重复、管理困难&#xff0c;尤其在面对复杂的表单时&#xff0c;验证逻辑容易变得混乱。为了提高开发效率和保证数据准确性&#xff0c;我们开发了一个高度自定义的表单验证器&#xff0c;…

【漏洞复现】代付微信小程序系统 read.php 任意文件读取漏洞

免责声明: 本文旨在提供有关特定漏洞的信息,以帮助用户了解潜在风险。发布此信息旨在促进网络安全意识和技术进步,并非出于恶意。读者应理解,利用本文提到的漏洞或进行相关测试可能违反法律或服务协议。未经授权访问系统、网络或应用程序可能导致法律责任或严重后果…

oracle排查长时间没提交的事务造成的阻塞案例

一 问题描述 开发同事反馈生产环境某个接口慢&#xff0c;一个普通的按主键更新的update竟然需要5分钟&#xff0c;而我手动执行秒返回&#xff0c;猜测是发生了阻塞&#xff0c;需要排查出阻塞源。 有时&#xff0c;一个事务里会包含多个sql&#xff0c;有的还包含上传附件等…

使用LUKS对Linux磁盘进行加密

前言 本实验用于日常学习用&#xff0c;如需对存有重要数据的磁盘进行操作&#xff0c;请做好数据备份工作。 此实验只是使用LUKS工具的冰山一角&#xff0c;后续还会有更多功能等待探索。 LUKS&#xff08;Linux Unified Key Setup&#xff09;是Linux系统中用于磁盘加密的一…

网页F12:缓存的使用(设值、取值、删除)

一、设置值 例如&#xff1a;设置一个key为name&#xff0c;value为Jack的值 1、在控制台输入代码 localStorage.setItem(name,Jack) 2、查看缓存值 二、取值 1、在控制台输入代码 取出key为name的值 localStorage.getItem(name) 三、删除 删除指定key的值 1、在控制台输…

UE材质不透明蒙版选项

①什么是不透明蒙版 在 Unreal Engine 5 (UE5) 中&#xff0c;不透明蒙版插槽 (Opacity Mask) 是材质中的一个重要参数&#xff0c;用于控制材质的透明度和不透明区域。具体来说&#xff0c;它允许你在材质中实现 部分透明 或 不透明 的效果&#xff0c;通常用于实现如 不规则…

moduo之单例模板Singleton

简介 moduo提供了单例模板类&#xff0c;是线程安全的 结构 单例是动态分配的&#xff0c;不是使用静态变量。其线程安全是通过pthread_once_t #mermaid-svg-N0Vthvvibe8sdg0v {font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}…