# uniapp调用本地SQLlite数据库

**Repository Path**: big-ip/uniapp_handle_sqlite

## Basic Information

- **Project Name**: uniapp调用本地SQLlite数据库
- **Description**: uniapp开发安卓app调用本地sqlite持久化存储数据

主要目录是：utils 和 api，其他内容为uniapp直接创建的仅用于测试。

注意，H5不能用。本地测试需要使用安卓虚拟机。
- **Primary Language**: Java
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 4
- **Forks**: 1
- **Created**: 2022-08-16
- **Last Updated**: 2025-01-05

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 本地SQLite 接口工具使用说明

## 用例：

文件目录`pages/index/index.vue`

```html
<template>
	<view class="content">
		<image class="logo" src="/static/logo.png"></image>
		<view class="text-area">
			<text class="title">{{title}}</text>
			<button @click="select()">查询</button>
			<button @click="insert()">添加</button>
			<button @click="update()">修改</button>
			<button @click="execute()">修改</button>
			<button @click="getItem()">查单一</button>
		</view>
		<view class="">
			{{ Test.list }}
			{{ Test.loading }}
			{{ Test.state }}
		</view>
	</view>
</template>

<script>
	import {
		HandleSQLite
	} from '@/utils/handle_SQLite.js'
	import {
		localSqliteApi
	} from '@/api/local_sqlite_api.js'

	export default {
		data() {
			return {
				Test: new HandleSQLite(localSqliteApi, 'main', 'table1'),
			}
		},
		methods: {
			select() {
				this.Test.getList()
			},
			insert() {
				this.Test.execute("insert", {
					"test": 'tttt'
				})
			},
			update() {
				this.Test.execute('update', {id:1, context:{
					test: '已经上架123',
				}})
			},
			execute() {
				this.Test.execute('getList', {
					"id": 1
				})
			},
			getItem() {
				this.Test.execute('getItem', 1)
			}
		}
	}
</script>

<style>
	.content {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}

	.logo {
		height: 200rpx;
		width: 200rpx;
		margin-top: 200rpx;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 50rpx;
	}

	.text-area {
		display: flex;
		justify-content: center;
	}

	.title {
		font-size: 36rpx;
		color: #8f8f94;
	}
</style>

```

## 说明：

### `utils/handle_SQLite.js`文件下的`HandleSQLit`封装接口的基础操作

`HandleSQLit` 类接收3个参数`(func=接口函数, DBname = '数据库名', table_name = '表名')`



### `api/local_sqlite_api.js`文件下的`localSqliteApi`（接口函数）提供具体的请求方法

`localSqliteApi` 函数接收2个参数 `(DBname = '数据库名', table_name = '表名')`



1、创建`HandleSQLit` 实例，调用 `createTable` 方法创建一个表（表字段根据需要在`HandleSQLit`中修改）

2、在需要的页面引用`HandleSQLite`和`localSqliteApi`，具体方法参考【用例】

3、`localSqliteApi`参数说明：

```js
this.Test.execute("接口中的方法", "接口中方法的参数")
// 具体如下：
```

- *接口中的方法：`getList`，参数类型`object`，例如`{test:'test'}`，不传参数则搜索所有，返回对象列表*
- *接口中的方法：`getItem`，参数类型`int`，例如`1`，必传，返回对象*
- *接口中的方法：`update`，参数类型`object`，例如`{ id:1, content:{test:'test'} }`，`id`为要修改数据的`id`值，`content`对象的键是要修改表的`字段`，`值`是对应的新值*
- *接口中的方法：`insert`，参数类型`object`，例如`{test:'test'}`，键是要对应表的`字段`，`值`为字段对应的值*

4、`HandleSQLit`的几个属性：

```js
list = [] // 用于接收查询结果
loading = false // 是否是加载中。
state = true // 请求结果状态。成功true，失败false
```

- 使用方法参考【用例】13行