uniapp:sqlite最详细教程,小白可直接粘贴复制

在这里插入图片描述
新建uniapp项目,需要4个页面,
loading 启动页:打开数据库,判断数据表是否存在,表内是否有数据,创建数据表的逻辑。
register 注册页:数据表已存在,但是没有数据,需要进入该页面注册第一条数据
index 首页:展示数据列表内的数据,可修改默认,添加新数据
edit 编辑:编辑,更新数据
以下代码已测试兼容安卓IOS,可直接粘贴复制到自己项目里使用,
数据字段自行添加/修改,修改后别忘了把sqlite.js内的对应上
在这里插入图片描述

loading.vue

<template>
	<view class="content">
	</view>
</template>

<script>
	import {
     
		openDatabase, // 打开/创建:数据库
		createWalletTable, // 创建钱包表
		checkTableExists, // 检查数据表是否存在
		checkTableHasData, // 检查表内是否有数据
		insertWalletData, // 添加钱包数据
		queryWalletData, // 获取表数据
		updateWalletData, // 更新表数据
		deleteWalletData, // 删除表数据
		closeDatabase, // 关闭数据库
	} from '@/static/sqlite.js'
	export default {
     
		async onLoad() {
     
			// 1. 打开/创建:数据库
			let res_openDatabase = await openDatabase()
			console.log('打开数据库:', res_openDatabase);

			// 2. 检查数据表是否存在
			let res_checkTableExists = await checkTableExists('wallets')
			console.log('数据表是否存在:', res_checkTableExists);
			
			if (res_checkTableExists) {
     
				// 如果表存在,检查表中是否有数据
				let res_checkTableHasData = await checkTableHasData('wallets')
				console.log('表内有数据吗:', res_checkTableHasData);
				if(res_checkTableHasData){
     
					uni.redirectTo({
     
						url: '/pages/index/index',
					})
				}else{
     
					uni.redirectTo({
     
						url: '/pages/index/register',
					})
				}
			} else {
     
				// 不存在创建数据表,并去注册
				let res_createWalletTable = await createWalletTable()
				console.log('创建成功:', res_createWalletTable);
				uni.redirectTo({
     
					url: '/pages/index/register',
				})
			}
		},
		methods: {
     }
	}
</script>

register.vue

<template>
	<view class="content">
		<view class="">第一次注册,id默认1,is_default默认1(默认地址),不能修改</view>
		<view class="value">
			<view class="item">
				<text>id:</text>
				<input type="text" placeholder="请输入" v-model="id" disabled/>
			</view>
			<view class="item">
				<text>name:</text>
				<input type="text" placeholder="请输入" v-model="name"/>
			</view>
			<view class="item">
				<text>chain:</text>
				<input type="text" placeholder="请输入" v-model="chain"/>
			</view>
			<view class="item">
				<text>password:</text>
				<input type="text" placeholder="请输入" v-model="password"/>
			</view>
			<view class="item">
				<text>address:</text>
				<input type="text" placeholder="请输入" v-model="address"/>
			</view>
			<view class="item">
				<text>mnemonic:</text>
				<input type="text" placeholder="请输入" v-model="mnemonic"/>
			</view>
			<view class="item">
				<text>privateKey:</text>
				<input type="text" placeholder="请输入" v-model="privateKey"/>
			</view>
			<view class="item">
				<text>is_default:</text>
				<input type="text" placeholder="请输入" v-model="is_default" disabled/>
			</view>
		</view>
		
		
		<button class="btn" type="default" @click="add">注册添加数据</button>
	</view>
</template>

<script>
	import {
     
		openDatabase, // 打开/创建:数据库
		createWalletTable, // 创建钱包表
		checkTableExists, // 检查数据表是否存在
		checkTableHasData, // 检查表内是否有数据
		insertWalletData, // 添加钱包数据
		queryWalletData, // 获取表数据
		updateWalletData, // 更新表数据
		deleteWalletData, // 删除表数据
		closeDatabase, // 关闭数据库
	} from '@/static/sqlite.js'
	export default {
     
		data() {
     
			return {
     
				id:'1',
				chain:'BNB',
				address:'我的地址',
				mnemonic:'我的助记词',
				privateKey:'我的私钥',
				name:'钱包名称',
				password:'123456',
				is_default:1
			}
		},
		async onLoad() {
     

		},
		methods: 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:/a/900404.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

linux面试题复习

前言 现在只是初版&#xff0c;很多格式我还没有改好&#xff0c;会慢慢修改订正。 可能用到的网址&#xff1a;在线 EXCEL 到 MARKDOWN 转换器。 参考了很多网上的面试题和外网上的面试题&#xff1a; 参考文档&#xff1a; 程序员的50大Linux面试问题及答案 Top 60 Linux …

机床发那科转profinet IO项目案例

目录 1 案例说明 1 2 VFBOX网关工作原理 1 3 准备工作 2 4 网关采集发那科机床数据 2 5 用PROFINET IO协议转发数据 5 6 案例总结 7 1 案例说明 设置网关采集发那科机床数据把采集的数据转成profinet IO协议转发给其他系统。 2 VFBOX网关工作原理 VFBOX网关是协议转换网关&a…

【安当产品应用案例100集】024-BYOE及BYOK在IaaS场景中的应用

在云计算环境中&#xff0c;尤其是涉及到敏感数据时&#xff0c;企业用户可能会选择自带加密工具或密钥&#xff08;即BYOE或BYOK&#xff09;&#xff0c;以确保数据在传输和存储过程中的安全性。这种方式可以防止云服务提供商访问或泄露加密数据&#xff0c;增强数据保护。 …

OpenCV视觉分析之目标跟踪(1)计算密集光流的类DISOpticalFlow的介绍

操作系统&#xff1a;ubuntu22.04 OpenCV版本&#xff1a;OpenCV4.9 IDE:Visual Studio Code 编程语言&#xff1a;C11 算法描述 这个类实现了 Dense Inverse Search (DIS) 光流算法。更多关于该算法的细节可以在文献 146中找到。该实现包含了三个预设参数集&#xff0c;以提…

基于Java+Springboot+Vue开发的鲜花商城管理系统

项目简介 该项目是基于JavaSpringbootVue开发的鲜花商城管理系统&#xff08;前后端分离&#xff09;&#xff0c;这是一项为大学生课程设计作业而开发的项目。该系统旨在帮助大学生学习并掌握Java编程技能&#xff0c;同时锻炼他们的项目设计与开发能力。通过学习基于Java的鲜…

网络服务请求流程简单理解

网络流程&#xff1a; DNS负责将域名解析为IP地址&#xff0c;ALB可以在多个服务实例之间分配流量&#xff0c;APISIX作为API网关处理更细粒度的流量管理&#xff0c;Service在Kubernetes中为Pod提供稳定的访问入口&#xff0c;而Kubernetes则负责整个应用的部署、扩展和运维。…

基于STM32F103的LED闪烁仿真-定时器中断方式

基于STM32F103的LED闪烁仿真 仿真软件&#xff1a; Proteus 8.17 编程软件&#xff1a; Keil 5 定时器简介&#xff1a; 高级控制定时器(TIM1和TIM8)由一个16位的自动装载计数器组成&#xff0c;它由一个可编程的预分频器驱动。 它适合多种用途&#xff0c;包含测量输入信…

FastGPT学习(2)- 本地开发通过Navicat管理MongoDB、PostgreSQL数据库

1. 背景 前期已经完成FastGPT的本地化部署工作&#xff0c;通过Docker启动FastGPT的相关容器即可运行。&#xff08;共6个容器&#xff09; 2.本地化开发 2.1 前置依赖 2.2 源码拉取 git clone gitgithub.com:labring/FastGPT.git2.3 数据库管理 本地化运行的FastGPT使用…

007、链表的回文结构

0、题目描述 链表回文结构 1、法1 一个复杂的问题可以拆解成几个简单的问题&#xff0c;找中间节点和逆置链表&#xff08;翻转链表&#xff09;之前都做过。 class PalindromeList { public://1、找中间节点ListNode* FindMid(ListNode* A){if (A nullptr || A->next …

博客搭建之路:hexo搜索引擎收录

文章目录 hexo搜索引擎收录以百度为例 hexo搜索引擎收录 hexo版本5.0.2 npm版本6.14.7 next版本7.8.0 写博客的目的肯定不是就只有自己能看到&#xff0c;想让更多的人看到就需要可以让搜索引擎来收录对应的文章。hexo支持生成站点地图sitemap 在hexo下的_config.yml中配置站点…

‘perl‘ 不是内部或外部命令,也不是可运行的程序 或批处理文件。

‘perl’ 不是内部或外部命令,也不是可运行的程序 或批处理文件。 明明已经根据教程安装了perl环境,但是在cmd中依赖报该错误,本章教程提供解决办法。 一、激活perl环境 state shell ActiveState-Perl-5.36.0此时输入perl -v 是可以直接输出perl版本号的。 二、找到perl的执…

跨域的几种情况和如何解决跨域问题

在网站开发中&#xff0c;经常会遇到跨域问题&#xff0c;下面总结一下集中常见的跨域问题。 1. 不同域名属于跨域&#xff0c;如&#xff1a;www.a.com 和www.b.com&#xff0c;另外www.a.com 和www.a.com.cn也属于不同域名。 2. 主域名和子域名&#xff08;二级域名、三级域…

192×144像素是几寸照片?如何手机拍照制作

在数字摄影时代&#xff0c;像素是衡量照片质量的重要指标之一。那么&#xff0c;192144像素的照片相当于多少英寸呢&#xff1f;又如何使用手机拍摄并制作这样的照片呢&#xff1f;本文将为您解答。 首先&#xff0c;我们需要了解像素和英寸之间的关系。像素是图像的最小单位&…

分布式篇(分布式事务)(持续更新迭代)

一、事务 1. 什么是事务 2. 事务目的 3. 事务的流程 4. 事务四大特性 原子性&#xff08;Atomicity&#xff09; 一致性&#xff08;Consistency&#xff09; 持久性&#xff08;Durability&#xff09; 隔离性&#xff08;Isolation&#xff09; 5. MySQL VS Oracle …

14款被严重低估的安全红队测试工具推荐,网络攻防|网络安全必看的工具合集推荐!

大家好&#xff0c;我是小强 工具往往可以决定网络安全渗透测试或红队演练活动的成败。虽然Kali中的许多工具都已经过验证且稳定可靠&#xff0c;但并不能适合所有渗透测试场景。对于安全红队而言&#xff0c;需要在不同测试需求下&#xff0c;确保有足够的装备来实现测试目标…

洞见数据未来,StarRocks Summit Asia 2024 即将启幕!

在 AI 时代&#xff0c;我们需要怎样的数据基础软件&#xff1f; 数据量和数据类型的需求飞速上涨&#xff0c;我们不仅需要将历史上各种基础设施中的数据进行分析使用&#xff0c;还要关注性能、灵活性、性价比&#xff0c;以及确保单一可信数据源。这一切构成了当前大数据领…

三维管线管网建模工具MagicPipe3D V3.5.3

经纬管网建模系统MagicPipe3D&#xff0c;本地离线参数化构建地下管网三维模型&#xff08;包括管道、接头、附属设施等&#xff09;&#xff0c;输出标准3DTiles、Obj模型等格式&#xff0c;支持Cesium、Unreal、Unity、Osg等引擎加载进行三维可视化、语义查询、专题分析&…

喜报!腾讯云存储获第三届“鼎新杯”优秀案例!

引言 2024年9月24日-25日&#xff0c;由中国通信标准化协会主办、中国信息通信研究院&#xff08;简称“中国信通院”&#xff09;承办、中国通信企业协会支持的“2024数字化转型发展大会”在北京召开。大会公布了第三届“鼎新杯”数字化转型应用大赛案例评选结果。 腾讯云存…

预算不够,怎么跟KOL砍价?(内附砍价模板)

​在当今的数字营销时代&#xff0c;海外红人&#xff08;KOL&#xff09;的影响力不容小觑。他们的一篇帖子、一个视频&#xff0c;甚至是一张照片&#xff0c;都有可能为企业带来巨大的流量和销量。 当企业满怀希望地找到一位粉丝众多、影响力强的KOL&#xff0c;准备洽谈合作…

2024年双十一有什么必买好物推荐?双11最值得关注的宝藏好物分享

​随着2024年双十一购物狂欢节的到来&#xff0c;各种实用且富有创意的小物件成为了大家关注的焦点。在这场全民参与的购物盛宴中&#xff0c;一款既能满足日常需求又能提升生活便捷性的宝藏好物——充电宝&#xff0c;成为了许多人心目中的首选。无论是忙碌的上班族&#xff0…