当前位置：首页 > news >正文

网站源码上传安装包推动高质量发展要坚持

news 2025/9/17 21:15:13

网站源码上传安装包,推动高质量发展要坚持,网站发外链的好处,阿里云虚拟主机多网站吗好啊前面的文章 HarmonyOS 数据持久化关系型数据库之初始化操作 HarmonyOS 数据持久化关系型数据库之增删改逻辑编写 HarmonyOS 数据持久化关系型数据库之查询逻辑编写我们分别编写了初始化数据库表增删查改操作的逻辑代码那么下面我们就来整体操作一下然后这…

好啊前面的文章
HarmonyOS 数据持久化关系型数据库之初始化操作
HarmonyOS 数据持久化关系型数据库之增删改逻辑编写
HarmonyOS 数据持久化关系型数据库之查询逻辑编写
我们分别编写了初始化数据库表增删查改操作的逻辑代码

那么下面我们就来整体操作一下

然后这里我们要将 EntryAbility.ts 改为 ets文件因为我们要导入自己写的这个 relationalClass
但 ts导不了 ets文件
然后在 onCreate 生命周期中执行 relationalClass 下的 initTaskDB 初始化数据库和创建表
要传入 this.conText
就是我们Ability 上下文
在这里插入图片描述
这样我们程序一启动表就会初始化好了

然后我们就可以做增删查改的操作了
然后我们要在首页导入
relationalClass和Task
因为我们不但要通过relationalClass 进行增删查改操作
而且需要Task这个类型进行数据接收操作

import relationalClass from "../utils/relationalClass";
import TaskInfo from "../utils/Task";

在这里插入图片描述
然后我们整体代码编写如下

import relationalClass from "../utils/relationalClass";
import TaskInfo from "../utils/Task";
@Entry
@Component
struct Dom {/** 定义一个 tasks 类型TaskInfo类的数组* 绑定 State 响应式数据 方便渲染在页面上*/@State tasks:TaskInfo[] = [];/** 定义函数 getTaskList 查询方法* 调用 relationalClass 下的 getTaskList* 通过 then 接收返回结果 赋值给tasks*/getTaskList(){relationalClass.getTaskList().then(tasks =>{this.tasks = tasks;})}//aboutToAppear 组件准备加载时触发aboutToAppear(){//调用getTaskList查询方法this.getTaskList();}build() {Column({space: 30}) {//添加按钮Button("添加").onClick(async ()=>{/** 调用relationalClass下的 addTask进行逻辑添加* 传入 添加项 + tasks数组长度的一个字符串 当做 name 传进去* 用 await 等待添加完成 重新执行 getTaskList查询函数*/await relationalClass.addTask("添加项"+this.tasks.length);this.getTaskList();})//ForEach 循环遍历tasksForEach(this.tasks,(item)=>{Row({space: 30}) {//分别展示  ID  NAME FINISHED 值Text("id：" + item.id)Text("name：" + item.name)Text("finished：" + item.finished)//修改按钮Button("修改").onClick(async ()=>{/** 调用 relationalClass下的updateTask* 传入 当前id 和当前下标finished值的取反* 修改完毕后 重新调用查询*/await relationalClass.updateTask(item.id,!item.finished);this.getTaskList();})//删除操作Button("删除").onClick(async ()=>{//调用relationalClass下的deleteTask 传入当前id 进行逻辑删除await relationalClass.deleteTask(item.id);//重新调用查询函数this.getTaskList();})}})}.width('100%').height('100%')}
}