uni-app下SQLite应用初探

作者:菠萝爱吃肉2024.01.22 13:33浏览量:29

简介:本文将带你初步了解如何在uni-app框架下使用SQLite数据库,包括安装、配置和使用SQLite的基本步骤。通过这个备忘录,你将能够快速上手SQLite在uni-app项目中的应用。

在uni-app中,SQLite是一个轻量级的关系型数据库,可以在不同的平台上运行,包括iOS、Android、Web等。下面我们将分步骤介绍如何在uni-app中使用SQLite。
步骤一:安装SQLite插件
首先,你需要在uni-app项目中安装SQLite插件。你可以通过npm或yarn来安装。在项目根目录下打开终端,运行以下命令:

  1. npm install @dcloudio/uni-sqlite3 --save
  2. # 或者
  3. yarn add @dcloudio/uni-sqlite3

步骤二:配置SQLite
安装完成后,你需要在main.jsmain.ts文件中引入并配置SQLite。打开对应的文件,添加以下代码:

  1. import SQLite from '@dcloudio/uni-sqlite3'
  2. export default {
  3. name: 'App',
  4. setup() {
  5. const db = new SQLite('mydb', {
  6. // SQLite数据库配置项
  7. storage: 'indexeddb', // 存储类型,可选值有 'indexeddb', 'websql', 'sqlite'
  8. version: 1, // 数据库版本号,默认为1
  9. size: 100 * 1024 * 1024, // 数据库大小,默认为1MB
  10. onCreate: () => { // 创建数据库时的回调函数
  11. console.log('数据库创建成功')
  12. },
  13. onError: (err) => { // 数据库错误时的回调函数
  14. console.error('数据库错误:', err)
  15. }
  16. })
  17. // 其他配置...
  18. }
  19. }

步骤三:创建SQLite数据库
配置完成后,你可以在uni-app项目中创建SQLite数据库。在你的组件或页面中,使用以下代码创建数据库:

  1. db.exec('CREATE TABLE IF NOT EXISTS user (id INTEGER PRIMARY KEY, name TEXT, age INTEGER)')

这将创建一个名为user的表,包含idnameage三个字段。你可以根据需要创建其他表和字段。
步骤四:操作SQLite数据库
创建数据库后,你可以使用各种SQL语句来操作数据库。以下是一些常见的操作示例:

  • 插入数据:
    1. db.exec(`INSERT INTO user (name, age) VALUES ('John Doe', 25)`)
  • 查询数据:
    1. db.all('SELECT * FROM user WHERE age > 20', (err, rows) => {
    2. if (err) throw err;
    3. console.log(rows); // 输出查询结果
    4. })
  • 更新数据:
    1. db.exec(`UPDATE user SET age = 26 WHERE name = 'John Doe'`)
  • 删除数据:
    1. db.exec(`DELETE FROM user WHERE age < 20`)
    这些是SQLite的一些基本操作。你可以根据具体需求编写更复杂的SQL语句。同时,记得处理可能出现的错误,以确保数据库操作的正确性和安全性。