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数据库本地缓存数据处理
一尾流莺 半世情缘
05-12 3575
UNI-APP 使用sqlite数据库本地缓存、本地缓存
UNI-APP 中sqlite demo 增删查改
06-24
在 `UNI-APP` 中集成 SQLite 数据库可以帮助我们实现离线数据存储，这对于需要离线功能或需要提高数据读写性能的应用来说非常有用。本`SQLite` demo 演示了如何在 `UNI-APP` 中进行数据库的增删查改操作。 首先，...
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使用方法。
uniapp plus sqlite UNIQUE constraint failed, android.database.sqlite.SQLiteConstraintException: UNIQ
cc蒲公英的博客
05-29 339
android.database.sqlite.SQLiteConstraintException: UNIQUE constraint failed，uniapp plus sqlite UNIQUE constraint failed
uni-app用sqlite数据库本地缓存
05-12
使用sqlite数据库本地缓存
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】uniapp中本地存储sqlite数据库保姆级使用教程（附完整代码和注释）
y_coder的博客
12-20 8113
封装好的 uniapp 操作 sqlite 数据库方法，附带使用案例，完整代码和注释，好理解，复用性高
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数据库demo
04-01
uniAPP使用sqlite数据库demo
uniapp+sqlite（物资管理APP）源码
03-25
在uni-app中集成SQLite，可以实现离线数据存储，例如在物资管理APP中存储商品信息、出入库记录等。 3. **物资管理**： 这是APP的核心功能，涉及到对库存物品的跟踪和管理。包括物资的分类、入库、出库、库存状态...
-u-uni-app:一个基于uni-app框架写的小u商城系统的内置数据库
03-22
3. **数据库设计**：了解如何在uni-app中集成和使用数据库，可能是SQLite、Vuex持久化、云数据库（如H5版的uniCloud）或其他第三方解决方案。分析数据模型，理解商品、订单、用户等核心表的设计。 4. **前端UI设计*...
uniapp plus.sqlite
x311609001028的博客
05-19 3849
uniapp中进行APP本地数据库操作,利用HTML5+的api及数据库语言可进行数据库表的创建删除，表数据的增删改查。 SQLite模块用于操作本地数据库文件，可实现数据库文件的创建，执行SQL语句等功能。 <template> <view> <view class="db-info"> <view> 数据库名:{{dbName}} </view> <view> 表名：{{dbTable}
uniapp中sqlite数据库常用操作的简单封装
球球不吃虾WHR2349博客
06-09 2752
SQLite模块用于操作本地数据库文件，可实现数据库文件的创建，执行SQL语句等功能。
uni-app 移动端本地储存数据库sqlite，无存储限制
热门推荐
PrimaryColor
11-24 1万+
对于移动端，我们使用setStorage存储数据，但是这种方法总是有存储大小的限制，一般是2M或5M，如果我们希望存储到本地的数据无限制，就像微信聊天的消息一样，那么我们就必须使用移动端SQLite数据库。 SQLite模块用于操作本地数据库文件，可实现数据库文件的创建，执行SQL语句等功能。 官方文档位置： HTML5+ API Reference 方法： openDatabase: 打开数据库 isOpenDatabase: 判断数据库是否打开 closeDatabase: 关闭数据库
uniapp sqlite数据库封装设计总结（完结篇）
qq_44695769的博客
06-01 2167
uniapp sqlite 数据库操作封装 uniapp sqlLite 数据库操作封装 2：如何面向对象操作数据库 uniapp sqlite3 时间查询 封装示例 如何使用 这里讲述一下如何使用我封装好的js代码。我封装采用了ORM的思想，就是把所有的sql语句全部改为js操作。ORM就是对象数据库模型，将所有的sql语句全部改为代码操作创建数据库和创建数据表 这里我对查和删进行了一些判断查删之前我们将数据库的sql语句改成了JS的操作,这次我们希望用一个总数据库封装来封装所有的数据表的操作ORM是对
Uni-App 使用plus.sqlite对数据库进行增删改查小记
七月七日晴52000的博客
10-08 2975
Uni-App 使用plus.sqlite对数据库进行增删改查小记
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、付费专栏及课程。

余额充值