uniapp 使用本地数据库步骤与代码

Uniapp 可以使用本地数据库来存储和管理数据。下面是使用本地数据库的步骤和代码示例：

1. 在 uniapp 项目中创建一个本地数据库，可以使用 uniapp 提供的插件 uni-ali-db 或者 uni-app-plus 插件。这里以 uni-ali-db 为例：

npm install uni-ali-db

2. 在 App.vue 中初始化数据库，可以在 onLaunch 钩子中进行：

import db from 'uni-ali-db'

export default {
  onLaunch () {
    db.init({
      database: 'test',
      version: '1.0',
      displayName: 'Test Database',
      maxSize: 50 * 1024 * 1024
    })
  },
}

3. 在需要使用本地数据库的页面中，引入 db 对象，并调用相应的方法进行数据操作：

import db from 'uni-ali-db'

export default {
  data () {
    return {
      todos: []
    }
  },
  onLoad () {
    db.query({
      sql: 'SELECT * FROM todos',
      success: (res) => {
        this.todos = res.rows
      }
    })
  },
  methods: {
    addTodo () {
      db.executeSql({
        sql: 'INSERT INTO todos (title, completed) VALUES (?, ?)',
        args: ['New todo', false],
        success: (res) => {
          const todo = {
            id: res.insertId,
            title: 'New todo',
            completed: false
          }
          this.todos.push(todo)
        }
      })
    }
  },
}

以上就是使用本地数据库的基本步骤和代码示例。需要注意的是，本地数据库的操作和 SQL 语句的编写要遵守相应的规范和安全性要求。