一、sqlite-manage介绍
sqlite-manage 是 SQLite 数据库可视化管理插件，更方前期查看和操作SQLite数据库，给APP开发者提供方便，避免重复造轮子。
内置增删改查工具类，可按需全局引用或单独引用。
二、使用sqlite要打开模块选项
三、页面展示
 |
 |
 |
四、可视化使用方法
1、下载插件
https://ext.dcloud.net.cn/publish?id=13429&op=edit
2、使用可视化模块
新建页面导入 sqliteManage模块
接收参数
| 参数名称 | 类型 | 描述 |
|---|---|---|
| dbName | String | 数据库名称 |
| tableSqls | Array | 创建表的Sql语句 |
<template>
<view>
<sqlite-manage :dbName="dbName" :tableSqls="tableSqls"></sqlite-manage>
</view>
</template>
<script>
// 导入可视化页面组件
import sqliteManage from '@/uni_modules/zjy-sqlite-manage/components/zjy-sqlite-manage/zjy-sqlite-manage.vue'
export default {
components: {
sqliteManage
},
data() {
return {
title: 'Hello',
//数据库名称
dbName: 'testDb',
//初始化的表
tableSqls: [{
tableName: 'user',
sql: `CREATE TABLE "user" (
"id" text NOT NULL,
"name" TEXT NOT NULL, --名称
"createTime" DATE, --创建时间
"remark" TEXT, --描述
PRIMARY KEY ("id") --主键
);`
}, {
tableName: 'hobby',
sql: `CREATE TABLE "hobby" (
"id" text NOT NULL, --ID
"userId" text, --用户ID
"hobby" text, --爱好
"createTime" DATE, --创建时间
"remark" TEXT, --描述
PRIMARY KEY ("id") --主键
);`
}]
}
},
}
</script>
<style>
</style>
五、使用数据库工具类
1、dbUtils工具包
(局部导入)
在页面中直接引用工具包使用即可。
// 使用内置SQLite数据库操作工具类
import dbUtils from '@/uni_modules/zjy-sqlite-manage/components/zjy-sqlite-manage/dbUtils.js'
（全局导入）
在main.js文件中导入工具包，并挂载到全局变量中。
import dbUtils from "/common/dbUtils.js"
// Vue2
Vue.prototype.$dbUtils = dbUtils
// Vue3
app.config.globalProperties.$dbUtils = dbUtils;
2、方法使用说明
全局引用时使用方法：文章来源：https://www.toymoban.com/news/detail-546360.html
this.$dbUtils.open('testDb');
局部引用时使用方法：文章来源地址https://www.toymoban.com/news/detail-546360.html
dbUtils.open('testDb');
| 方法名称 | 参数含义 | 描述 |
|---|---|---|
| openDb(name) | (库名) | 打开数据库 |
| init(name, tableSqls) | (库名,创建表的Sql语句的数组) 数组格式[{tableName:‘’,sql:‘’},tableName:‘’,sql:‘’}] |
初始化数据库 |
| getTable(name) | (库名) | 获取所有的表信息 |
| getCount(name, tabName) | (库名,表名) | 查询表数据总条数 |
| isTable(name, tabName) | (库名,表名) | 表是否存在 |
| updateSQL(name, tabName, setData, setName, setVal) | (库名,表名,要更新的对象如:{id:1,name:‘张三’,age:18},条件名如:id,条件值如:1) | 修改数据 |
| delData(name, tabName, setData) | (库名,表名, 条件如:{name:‘张三’,age:18}) | 删除数据库数据 |
| closeSQL(name) | (库名) | 关闭数据库 |
| isOpen(name) | (库名) | 监听数据库是否开启 |
| delTable(name, tabName) | (库名,表名) | 删除表 |
| addTab(name, sql) | (库名,创建表的Sql语句) | 创建表 |
| addTabItem(name, tabName, obj) | (库名,表名,插入的对象如:{id:1,name:‘张三’,age:18}) | 添加数据 |
| mergeSql(name, tabName, tabs) | (库名,目标表名如:user, 数据源表名集合如:[‘user1’,‘user2’,‘user3’]) | 合并数据 |
| getDataList(name, tabName, num, size, byName, byType) | (库名,表名, 第几页, 每页条数, 排序字段, 排序类型) | 获取分页数据库数据 |
| selectDataList(name, tabName, setData, byName, byType) | (库名,表名, 查询条件, 排序字段, 排序类型) | 查询数据库数据 |
| selectCount(name, tabName, setData) | (库名,表名, 查询条件) | 查询数据条数 |
有问题留言或私信
到了这里，关于sqlite-manage数据库可视化管理uniqpp的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
