UNI-APP使⽤sqlite本地缓存数据处理demo增删查改这篇⽂章是对上⼀篇的补充 demo
⾸要⼯作
引⼊封装的sqlite.js
源码
HTML
<template>
七星景区<view>
<view class="uni-divider uni-divider__content">Demo</view>
<button @click="openSQL">打开数据库</button>
<button @click="createTable">创建表</button>
<button @click="inrtTableData">新增表数据</button>
<button @click="lectTableData">查询表数据</button>
梅花鹿简笔画
<button @click="updateTableData">修改表数据</button>
<button @click="deleteTableData">按条件删除表数据</button>
<button @click="cloSQL">关闭数据库</button>
<view class="uni-divider__content" v-for="(item,index) in listData" :key='index'>
<view>名字:{{item.name}}</view>
<view>内容:{{t}}</view>
<view>时间:{{item.time}}</view>
</view>
</view>
</template>
js
<script>
// 引⼊封装的 sqlite
import DB from "@/common/sqlite.js";
export default {
data() {
return {
listData: []
};
},
onLoad() {
this.openSQL();
},
methods: {
// 打开数据库
openSQL() {
// 这个是查询有没有打开数据库
幼儿绘画let open = DB.isOpen();
console.log("数据库状态", open ? "开启" : "关闭");
if (!open) {
DB.openSqlite()
.then(res => {
this.showToast("数据库已打开");
})
.catch(error => {
console.log("数据库开启失败");
});
}
},
// 关闭数据库
cloSQL() {
// 这个是查询有没有打开数据库
let open = DB.isOpen();
if (open) {
DB.cloSqlite()
.then(res => {
this.showToast("数据库已关闭");
})
.catch(error => {
this.showToast("数据库关闭失败");
});
}
},
// 创建表
createTable() {
let open = DB.isOpen();
if (open) {
this.openSQL();
let sql =
'"id" INTEGER PRIMARY KEY AUTOINCREMENT,"name" text,"content" text,"time" text'; // 创建表 DB.createTable(表名, 表的列)
.then(res => {
this.showToast("创建chat表成功");
})
.catch(error => {
this.showToast("创建表失败");
});
} el {
this.showToast("数据库未打开");
有机反应}
},
// 新增表数据
inrtTableData() {
let open = DB.isOpen();
if (open) {
let arr = [{
name: '⼩明',
content: "你好呀"硕果累累的反义词
},
{
name: '⼩红',
content: "HI"
}
]
arr.map(item => {
let time = this.formatDate(new Date().getTime());
let sql = `'${item.name}','${t}','${time}'`;
let condition = "'name','content','time'";
// 新增 DB.inrtTableData(表名, 对应表头列的数据)
DB.inrtTableData("chat", sql, condition)
.then(res => {
this.showToast("新增数据成功");
this.lectTableData();
})
.catch(error => {
console.log("失败", error);
});
})
} el {
this.showToast("数据库未打开");
// 查询表数据
lectTableData() {
let open = DB.isOpen();
if (open) {
// 查询表 DB.lectTableData(表名，查询条件列名，查询条件列值)
DB.lectTableData("chat")
.then(res => {
console.log("contact表数据", res);
this.listData = res;
})
.catch(error => {
console.log("查询失败", error);
});
} el {
this.showToast("数据库未打开");
}
},
// 修改表数据
updateTableData() {
let open = DB.isOpen();
if (open) {
let time = this.formatDate(new Date().getTime());
let data = `content = '我被修改了',time = '${time}'`;
// 修改表数据 DB.updateTableData(表名, 要修改的列名=修改后列值, 修改条件的列名, 修改条件的列值) DB.updateTableData("chat", data, "name", "⼩明")
.then(res => {
this.showToast("更新chat表成功");
this.lectTableData();
})
.catch(error => {
console.log("修改失败", error);
});
} el {
this.showToast("数据库未打开");
}
},
// 删除表数据
deleteTableData() {
let open = DB.isOpen();
if (open) {
// 删除表 DB.deleteTableData(表名，查询条件列名，查询条件列值)
DB.deleteTableData("chat", "name", "⼩红")
.then(res => {
this.showToast("删除表数据成功");
this.lectTableData();
})
.catch(error => {
历史人物名字console.log("删除失败", error);
});
} el {
this.showToast("数据库未打开");
}
},
// 提⽰框
showToast: function(str) {
uni.showToast({
回忆是什么意思icon: "none",
title: str,
mask: true
// 时间戳转年⽉⽇
formatDate(data) {
let now = new Date(data);
var year = FullYear(); //取得4位数的年份
var month =
"0" + (Month() + 1) :
var date = Date() < 10 ? "0" + Date() : Date();
var hour = Hours() < 10 ? "0" + Hours() : Hours();
var minute =
var cond =
return (
year +
"-" +
month +
"-" +
date +冬瓜薏仁排骨汤
" " +
hour +
":" +
minute +
":" +
cond
);
}
}
};
</script>
这是⾃⼰弄了⼀个⼩demo，有什么错误可以指出来共同学习，共同进步。
