uni-app集成使用SQLite

已于 2023-10-12 10:12:55 修改
阅读量1.5k 收藏 8
点赞数 1
分类专栏： web前端 vue 文章标签： uni-app sqlite 数据库
于 2023-10-12 10:11:45 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42717015/article/details/133783260
版权

一、打开uni-app中SQLite

二、封装sqlite.js 

module.exports = {
    dbName: 'chat', // 数据库名称
    dbPath: '_doc/chat.db', // 数据库地址,推荐以下划线为开头   _doc/xxx.db
	
	/**
	  * @Description: 创建数据库 或 有该数据库就打开
	  * @author: ZXL
	  * @createTime: 2023-10-12 09:23:10
	  * @Copyright by 蓝创科技有限公司
	  */
	openSqlite() {
	    return new Promise((resolve, reject) => {
			// 打开数据库
			plus.sqlite.openDatabase({
			    name: this.dbName,
			    path: this.dbPath,
			    success(e) {
				    resolve(e); 
			    },
			    fail(e) {
				    reject(e); 
			    }
			})
	    })
	},
	/**
	  * @Description: 判断数据库是否打开  数据库打开了就返回 true,否则返回 false
	  * @author: ZXL
	  * @createTime: 2023-10-12 08:43:03
	  * @Copyright by 蓝创科技有限公司
	  */
    isOpen() {
		var open = plus.sqlite.isOpenDatabase({
		    name: this.dbName,  // 数据库名称
		    path: this.dbPath  // 数据库地址
		})
		return open;
    },
	/**
	  * @Description: 创建表（executeSql是执行增删改等操作的SQL语句）
	  * @author: ZXL
	  * @createTime: 2023-10-12 08:43:03
	  * @Copyright by 蓝创科技有限公司
	  */
    ExecuteSQL(sql) {
		return new Promise((resolve, reject) => {
		    plus.sqlite.executeSql({
				name: this.dbName,
				sql: sql,
				success(e) {
				    resolve(e);
				},
				fail(e) {
				    reject(e);
				}
		    })
		})
    },
	/**
	  * @Description: 查询表数据
	  * @author: ZXL
	  * @createTime: 2023-10-12 08:52:15
	  * @Copyright by 蓝创科技有限公司
	  */
	getTable(dbTable){
	  	return new Promise((resolve, reject) => {
			plus.sqlite.selectSql({
				name: this.dbName,
				sql: `SELECT * FROM ${dbTable}`,
				success(e) {
					resolve(e);
				},
				fail(e) {
					console.log(e)
					reject(e);
				}
			})
	  	})
	},
	/**
	  * @Description: 查询数据库所有表
	  * @author: ZXL
	  * @createTime: 2023-10-12 09:01:05
	  * @Copyright by 蓝创科技有限公司
	  */
	QueryAllTables(){
		return new Promise((resolve, reject) => {
			plus.sqlite.selectSql({
				name: this.dbName,
				sql: "SELECT * FROM sqlite_master WHERE type='table'",
				success(e) {
					resolve(e);
				},
				fail(e) {
					console.log(e)
					reject(e);
				}
			})
		})
	},
	/**
	  * @Description: 查询数据库下的所有表
	  * @author: ZXL
	  * @createTime: 2023-10-12 09:20:33
	  * @Copyright by 蓝创科技有限公司
	  */
	selectTableName(){
		return new Promise((resolve, reject) => {
			plus.sqlite.selectSql({
				name: this.dbName,
				sql: "select * FROM chat where type='table'",
				success(e) {
					resolve(e);
				},
				fail(e) {
					console.log(e)
					reject(e);
				}
			})
		})
	},
	/**
	  * @Description: 新增数据
	  * @author: ZXL
	  * 向表格里添加数据 sql:'INSERT INTO dbTable VALUES('x','x','x')'   对应新增
	  * 或者 sql:'INSERT INTO dbTable ('x','x','x') VALUES('x','x','x')'   具体新增
	  * 插入 INSERT INTO  、 dbTable 是表名、根据表头列名插入列值
	  * @createTime: 2023-10-12 10:21:32
	  * @Copyright by 蓝创科技有限公司
	  */
	//使用
	// let arr = [
	//     {id:121,dept_id: '100',dept_name: '你好呀'},
	// 	   {id:332,dept_id: '200',dept_name: '你好呀'},
	// ]
	// arr.map((item) => {
	//     let condition = "'id','dept_id','dept_name'"
	//     let data = `'${item.id}','${item.dept_id}','${item.dept_name}'`
	//     DB.insertTableData('表名',数据,字段).then((res) => {})
	// 	  .catch((error) => {
	// 	    console.log('失败', error)
	// 	  })
	// })
	insertTableData(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})`;
			    return new Promise((resolve, reject) => {
					// 表格添加数据
					plus.sqlite.executeSql({
					  name: this.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("错误添加") })
	    }
	},
	/**
	  * @Description: 数据库建表
	  * @author: ZXL
	  * 数据库建表 sql:'CREATE TABLE IF NOT EXISTS dbTable("id" varchar(50),"name" TEXT) 
	  * 创建 CREATE TABLE IF NOT EXISTS 、 dbTable 是表名，不能用数字开头、括号里是表格的表头
	  * @createTime: 2023-10-12 09:26:44
	  * @Copyright by 蓝创科技有限公司
	  */
    // 使用
	// DB.createTable('bus_mzpy','"id" INTEGER PRIMARY KEY AUTOINCREMENT,"mzpy_name" TEXT ,"dept_id" INTEGER ,"dept_name" TEXT ,"mzpy_concent" TEXT')
    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);
				}
		    })
		})
    },
	/**
	  * @Description: 数据库删表 sql:'DROP TABLE dbTable'
	  * @author: ZXL
	  * @createTime: 2023-10-12 09:28:46
	  * @Copyright by 蓝创科技有限公司
	  */
    dropTable(dbTable) {
		return new Promise((resolve, reject) => {
		    plus.sqlite.executeSql({
				name: this.dbName,
				sql: `DROP TABLE ${dbTable}`,
				success(e) {
					resolve(e);
				},
				fail(e) {
					reject(e);
				}
		    })
		})
    },
	/**
	  * @Description: 根据条件向表里插入数据、更新或覆盖
	  * @author: ZXL
	  *  根据条件向表格里添加数据  有数据更新、无数据插入
	  * (建表时需要设置主键) 例如 --- "roomid" varchar(50) PRIMARY KEY
	  * @createTime: 2023-10-12 09:31:19
	  * @Copyright by 蓝创科技有限公司
	  */
    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})`;
			return new Promise((resolve, reject) => {
			    // 表格添加数据
			    plus.sqlite.executeSql({
					name: this.dbName,
					sql: sql,
					success(e) {
						resolve(e);
					},
					fail(e) {
						reject(e);
					}
			    })
		    })
		} else {
		    return new Promise((resolve, reject) => { reject("错误添加") })
		}
    },
	/**
	  * @Description: 表里查询数据
	  * @author: ZXL
	  * 查询获取数据库里的数据 sql:'SELECT * FROM dbTable WHERE lname = 'lvalue''
	  * 查询 SELECT * FROM 、 dbTable 是表名、 WHERE 查找条件 lname,lvalue 是查询条件的列名和列值
	  * @createTime: 2023-10-12 09:44:08
	  * @Copyright by 蓝创科技有限公司
	  */ 
    selectTableData(dbTable, lname, lvalue, cc, dd) {
		if (dbTable !== undefined) {
			let sql;
		    // 第一个是表单名称，后两个参数是列表名，用来检索
		    // 两个检索条件
		    if (lname !== undefined && cc !== undefined) sql=`SELECT * FROM ${dbTable} WHERE ${lname} = '${lvalue}' AND ${cc} = '${dd}'`;
			// 一个检索条件
		    if (lname !== undefined && cc == undefined) sql = `SELECT * FROM ${dbTable} WHERE ${lname} = '${lvalue}'`;
		    if (lname == undefined) sql = `SELECT * FROM ${dbTable}`;
		    return new Promise((resolve, reject) => {
				// 表格查询数据  执行查询的SQL语句
				plus.sqlite.selectSql({
				    name: this.dbName,
				    sql: sql,
				    success(e) {
					    resolve(e);
				    },
				    fail(e) {
					    reject(e);
				    }
				})
		    })
		} else {
		  return new Promise((resolve, reject) => { reject("错误查询") });
		}
    },
    /**
      * @Description: 表里删除数据
      * @author: ZXL
      * 删除表里的数据 sql:'DELETE FROM dbTable WHERE lname = 'lvalue''
      * 删除 DELETE FROM 、 dbTable 是表名、 WHERE 查找条件 lname,lvalue 是查询条件的列名和列值
      * @createTime: 2023-10-12 09:40:37
      * @Copyright by 蓝创科技有限公司
      */
    deleteTableData(dbTable, lname, lvalue, ww, ee) {
		if(dbTable !== undefined){
			let sql;
		    if(lname == undefined){
			    sql = `DELETE FROM ${dbTable}`;
		    }else{
				if (ww !== undefined) {
				  // 两个检索条件
				  sql = `DELETE FROM ${dbTable} WHERE ${lname} = '${lvalue}' AND ${ww} = '${ee}'`;
				} else {
				  // 一个检索条件
				  sql = `DELETE FROM ${dbTable} WHERE ${lname} = '${lvalue}'`;
				}
		    }
			return new Promise((resolve, reject) => {
				// 删除表数据
				plus.sqlite.executeSql({
					name: this.dbName,
					sql: sql,
					success(e) {
						resolve(e);
					},
					fail(e) {
						reject(e);
					}
				})
			})
		} else {
		  return new Promise((resolve, reject) => { reject("错误删除") });
		}
    },
    /**
      * @Description: 表里修改数据
      * @author: ZXL
      * 修改数据表里的数据 sql:"UPDATE dbTable SET 列名 = '列值',列名 = '列值' WHERE lname = 'lvalue'"
      * 修改 UPDATE 、 dbTable 是表名, data: 要修改的列名=修改后列值, lname,lvalue 是查询条件的列名和列值
      * @createTime: 2023-10-12 09:37:59
      * @Copyright by 蓝创科技有限公司
      */
    updateTableData(dbTable, data, lname, lvalue) {
		let sql;
		if (lname == undefined) sql = `UPDATE ${dbTable} SET ${data}`;
		else sql = `UPDATE ${dbTable} SET ${data} WHERE ${lname} = '${lvalue}'`;
		// WHERE 前面是要修改的列名、列值，后面是条件的列名、列值
		return new Promise((resolve, reject) => {
		  // 修改表数据
		    plus.sqlite.executeSql({
				name: this.dbName,
				sql: sql,
				success(e) {
				  resolve(e);
				},
				fail(e) {
				  reject(e);
				}
		    })
		})
    },
	/**
	  * @Description: 获取指定数据条数
	  * @author: ZXL
	  * 获取指定数据条数  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，这样就能一步一步的拿完所有的数据
	  * @createTime: 2023-10-12 09:33:43
	  * @Copyright by 蓝创科技有限公司
	  */
	pullSQL(dbTable, id, num) {
		return new Promise((resolve, reject) => {
		    plus.sqlite.selectSql({
				name: this.dbName,
				sql: `SELECT * FROM ${dbTable} ORDER BY '${id}' DESC LIMIT 15 OFFSET '${num}'`,
				success(e) {
				  resolve(e);
				},
				fail(e) {
				  reject(e);
				}
		    })
		})
    },
    /**
    	* @Description: 关闭数据库
    	* @author: ZXL
    	* @createTime: 2023-10-12 09:23:56
    	* @Copyright by 蓝创科技有限公司
    	*/
    closeSqlite() {
		return new Promise((resolve, reject) => {
			plus.sqlite.closeDatabase({
				name: this.dbName,
				success(e) {
					resolve(e);
				},
				fail(e) {
					reject(e);
				}
			})
		})
    },
}

三、使用 

import DB from '@/utils/sqlite.js'


类似这样
DB.selectTableData('','','').then((res) => {
				
}).catch((error) => {
	console.log('查询失败', error)
})

小杨小杨、努力变强！
关注
  • 1
    点赞
  • 踩
  • 8
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
专栏目录
uni-app 移动端本地储存数据库sqlite
刘刘刘的博客
02-27 1756
1.manifest.json勾选sqlite权限。你可以根据自己的需求，修改部分代码。也可以通过修改json配置文件。
Uniapp 数据持久化 与 sqlite
weixin_43891869的博客
04-23 532
（首先需要打开sqlited的db库 ->创建表->操作表）首先需要在manifest.json里面勾选sqlite模块。3.封装出sqlite使用方法。Uniapp 数据持久化。一、在uniapp中使用。1.sqlite使用方法。
uni-app中SQLite数据库的配置与使用
paradoxaaa_的博客
05-18 571
1、在uni-app项目的manifest.json 将SQLite数据库模块打开。3、在需要操作数据库的vue文件中引用,下面是示例代码。
uni-app使用sqlite数据库
qqjuanqq的博客
04-10 7516
sqlite数据库的使用操作，方法封装
uni-app下SQLite应用初探备忘录
sinat_26699091的博客
08-13 2700
uni-app是什么东东，这里就不是多讲了，大家可以看下官网：https://uniapp.dcloud.net.cn/。总之以后，但有实体程序，大多用它来书写。SQLite是什么东西？我认为就是一个本地数据库，可以用SQL语句来完成数据库的操作。写本文是为了备忘，也是为积累知识。
uniAPP使用sqlite数据库demo
04-01
uniAPP使用sqlite数据库demo
uniapp使用plus.sqlite实现图片、视频缓存到手机本地
weixin_46820017的博客
09-14 3652
离线缓存
uniapp操作Sqlite数据库
m0_58433331的博客
09-13 1295
uniapp操作sqlite数据库
UNI-APP 中sqlite demo 增删查改
06-24
在 `UNI-APP` 中集成 SQLite 数据库可以帮助我们实现离线数据存储，这对于需要离线功能或需要提高数据读写性能的应用来说非常有用。本`SQLite` demo 演示了如何在 `UNI-APP` 中进行数据库的增删查改操作。 首先，...
uni-app开发的社交软件
01-20
uni-app可以通过集成WebSocket或者第三方IM服务来实现聊天功能。 - 好友系统：用户可以添加好友，管理自己的好友列表，发送好友请求，处理好友申请。 - 发布动态：用户可以发布文字、图片、视频等内容，与好友分享...
掌握uni-app的数据脉动：SQLite本地存储全攻略
最新发布
07-12
uni-app 是一个使用 Vue.js 开发跨平台应用的框架，它允许开发者编写一次代码，然后发布到不同的平台，包括 Web、iOS、Android、以及各种小程序平台（如微信/支付宝/百度等小程序）。uni-app 由 DCloud 公司开发和...
uniapp+sqlite（物资管理APP）源码
03-25
功能介绍：本地物资管理，商品管理，出入库管理，出入库历史追溯
UniDAC控件操作sqlite的简单例程
04-18
一个最简单的UniDAC(3.0.10)控件操作sqlite(3.75)的例子，只是简单的使用了UniDAC控件与data控件进行链接操作，特别加入了对BLOB字段的操作用于存取图片，源码用的是D2010。 如果使用时无法链接数据库，请将sqlite3.dll拷入system32目录或者在delphi里设置path环境变量，加入需要引入dll的路径。
SqlitePLus
09-07
SqlitePLus Sqlite com dll 提供的dll 需要配合sqliteplus 其他的dll 才能使用
-u-uni-app:一个基于uni-app框架写的小u商城系统的内置数据库
03-22
3. **数据库设计**：了解如何在uni-app中集成和使用数据库，可能是SQLite、Vuex持久化、云数据库（如H5版的uniCloud）或其他第三方解决方案。分析数据模型，理解商品、订单、用户等核心表的设计。 4. **前端UI设计*...
前端使用sqlite心得
gg大白的博客
05-11 3214
做社交app，难点无非: 1.socket连接，发消息，收消息 2.历史消息的处理 在使用uni-app开发时，本来用uni.setStorage去存，uni.getStorage去取，但是这两个家伙有延时，不能满足那种嗖嗖嗖刷页面的感觉，然后自己研究了sqlite客户端数据库存储,注意sqlite只能在app端使用，浏览器不行 1.首先在项目根目录下创建_doc文件夹，然后创建数据库，如test.db; 2.在页面中 使用 plus.sqlite.isOpenDatab...
记录移动开发初探——用uniApp+sqlite仿XyKey实现密码管理记事本
姜雪辞的博客
07-06 1187
写在前面 最近刚准备上手移动开发，本着想要多端可用的原则，了解到了uniApp。大致扫完一遍文档，基本可以算是vue+微信小程序原生，对我来说基本0难度可直接进入开发。因此想着索性做一款简单的app来做更加深入的了解。就在这时候，朋友给我推了XyKey这个应用，在使用了一番之后，还是非常有兴趣的，于是打算自己仿XyKey开发一个类似的密码管理记事本。 注： 我自己开发的这个项目灵感来源于：聊一聊我是怎么设计 XyKey，界面UI设计也是仿照XyKey来的。XyKey可在安卓市场免费下载，苹果商店12元可购买
uniapp中使用sqlite模块1——打包SQLite
younger_z的专栏
09-23 3302
官方SDK下载地址：https://nativesupport.dcloud.net.cn/AppDocs/download/android sqlite用法：使用SQLite uniapp导入sqlite模块： 第一步，使用HBuilderX： 打开manifest.json配置文件： 第二步，如果使用离线打包，此时无需其他配置，可直接打包使用，如使用离线打包： 使用Android studio： 在官方提供的SDK解压后，在libs目录下找到sqlite-release.aar，并将.
uni-app中sqlite
08-19
在uni-app中使用SQLite，你可以使用插件uni-SQLite。uni-SQLite是基于原生SQLite的封装，可以在uni-app中进行数据库操作。 首先，在uni-app的项目中安装uni-SQLite插件。可以通过HBuilderX的插件市场安装，或者在项目的manifest.json文件中手动添加配置。 接下来，在需要使用SQLite的页面或组件中引入uni-SQLite插件： ```javascript import uniSQLite from '@/uni_modules/uni-sqlite/js-sdk/uni-sqlite.js' ``` 然后，创建数据库和数据表，并进行数据库操作。以下是一个简单的示例： ```javascript // 创建数据库 const db = uniSQLite.openDatabase({ name: 'mydatabase.db', // 数据库名称 path: '_doc/mydatabase.db' // 数据库存储的路径，这里是存储在应用沙盒目录下的_doc文件夹中 }) // 创建数据表 db.executeSql('CREATE TABLE IF NOT EXISTS user (id INTEGER PRIMARY KEY AUTOINCREMENT, name TEXT, age INTEGER)') // 插入数据 db.executeSql('INSERT INTO user (name, age) VALUES (?, ?)', ['John',
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值