『牛角书』鸿蒙简易备忘录

最新推荐文章于 2024-04-18 21:39:27 发布
最新推荐文章于 2024-04-18 21:39:27 发布
阅读量1.1k 收藏 15
点赞数 2
文章标签： harmonyos 华为
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yzd6688/article/details/128357265
版权

『牛角书』鸿蒙简易备忘录

前言

鸿蒙移动应用开发作为本学期的一门选修课，让我第一次了解了手机app的开发过程同时也清楚了鸿蒙应用的开发步骤，自己也试着开发了一个简单的鸿蒙app——备忘录。

项目运行

功能介绍

  1. 基本的备忘录功能
  2. 时间截止警告
  3. 搜索功能

项目截图

初始界面
输入备忘录内容以及截止时间界面
选择截止日期
关键字搜索

项目开发

项目创建

1、选择空项目
在这里插入图片描述
2、确认项目名称、存储路径、包名、开发SDK以及语言
在这里插入图片描述
3、完成创建
项目结构

编写程序

1、前端index.html

<div class="container">
    <div class="title-box">
        <text class="title" onclick="onShow"> {{ title }}</text>
        <text class="number"> {{ number }} </text>
    </div>

    <div class="search-box">
        <search onchange="getTodos()" onblur="getTodos()">
        </search>
    </div>

    <div class="text-box">
        <list>
            <list-item for="{{todoList}}" class="todo-item" onlongpress="LongPressToChoose" onclick="ClickToEdit($idx)">
                <div style="width: 10px;">
                    <button if="{{$item.color==3}}" style="height: 100%; width: 100%; background-color: red;"></button>
                    <button if="{{$item.color==2}}" style="height: 100%; width: 100%; background-color: indianred;"></button>
                    <button if="{{$item.color==1}}" style="height: 100%; width: 100%; background-color: blue;"></button>
                    <button if="{{$item.color==0}}" style="height: 100%; width: 100%; background-color: skyblue;"></button>
                </div>
                <div class="div-item">
                    <text class="title-text" > {{$item.title}} </text>

                    <text if="{{$item.ddl}}" class="date-text" > DDL:{{$item.ddl}} </text>
                    <text else class="date-text"> {{$item.date}} </text>

                    <div class="delete-choose">
                        <input type="checkbox" value="{{$idx}}" disabled="{{!choose_delete}}" show="{{choose_delete}}" onchange="ChooseToDelete($idx)">
                        </input>
                    </div>
                </div>

            </list-item>
        </list>
    </div>

    <button class="addButton" type="circle" onclick="AddOrDelete">
        {{add_delete}}
    </button>
</div>

edit.html

<div class="container">
    <div class="nav-bar">
        <button style="right: 0px;" onclick="ClickToBack"> {{ BACK }} </button>
        <button style="left: 0px;" onclick="InsertTodos"> {{ SAVE }}</button>
    </div>

    <div class="content">
        <textarea class="title" onchange="PassTitle">
            {{title}}
        </textarea>

        <textarea class="text" onchange="PassText">
            {{text}}
        </textarea>
    </div>

    <button class="addButton" type="circle" onclick="AddDdl">
        +
    </button>

    <dialog id="ddl_dialog" class="dialog-main">
        <div class="dialog-div">
            <div class="inner-txt">
                <text class="txt">{{ddl_text}}</text>
                <picker type="date" value="{{ddl}}" onchange="PassDdl"> </picker>
            </div>
            <div class="inner-txt">
                <text class="txt" >{{ddl1_text}}</text>
                <slider class="slide" value="{{ddls[0]}}" onchange="PassDdls(0)"></slider>
            </div>
            <div class="inner-txt">
                <text class="txt">{{ddl2_text}}</text>
                <slider class="slide" value="{{ddls[1]}}" onchange="PassDdls(1)"></slider>
            </div>
            <div class="inner-txt">
                <text class="txt">{{ddl3_text}}</text>
                <slider class="slide" value="{{ddls[2]}}" onchange="PassDdls(2)"></slider>
            </div>
            <div class="inner-btn">
                <button type="capsule" value="{{ CANCEL }}" onclick="CancelDdl" class="btn-txt"></button>
                <button type="capsule" value="{{ CONFIRM }}" onclick="SaveDdl" class="btn-txt"></button>
            </div>
        </div>
    </dialog>
</div>

2、JS端携带的操作请求业务码以及业务数据，业务执行完后，返回响应给JS端。

package com.example.backup;

import ohos.ace.ability.AceInternalAbility;
import ohos.data.distributed.common.*;
import ohos.data.distributed.user.SingleKvStore;
import ohos.hiviewdfx.HiLog;
import ohos.hiviewdfx.HiLogLabel;
import ohos.rpc.MessageOption;
import ohos.rpc.MessageParcel;
import ohos.utils.zson.ZSONObject;

import java.lang.reflect.Array;
import java.util.*;

public class TodoServiceAbility extends AceInternalAbility {
    // 常量
    private static final String BUNDLE_NAME = "com.example.backup";
    private static final String ABILITY_NAME = "com.example.backup.TodoServiceAbility";
    public static final int SUCCESS = 0;
    public static final int ERROR = 1;
    public static final int SELECT_TODOS = 1001;
    public static final int DELETE_TODOS = 1002;
    public static final int UPDATE_TODOS = 1003;
    public static final int INSERT_TODOS = 1004;
    public static final int SELECT_TODO = 1005;
    // 定义日志标签
    private static final HiLogLabel LABEL = new HiLogLabel(HiLog.LOG_APP, 0, "TodoDatabase");
    // TodoServiceAbility 类的一个实例，所以从语义上他只能被初始化一次
    private static TodoServiceAbility instance;
    // Context
    private MainAbility abilityContext;

    /**
     * 如果多个Ability实例都需要注册当前InternalAbility实例，需要更改构造函数，设定自己的bundleName和abilityName
     * 但是在这里我们的InternalAbility只会实例化一次
     */
    public TodoServiceAbility() {
        super(BUNDLE_NAME, ABILITY_NAME);
    }

    /**
     * 关键的接口，JS端携带的操作请求业务码以及业务数据，业务执行完后，返回响应给JS端。开发者需要继承RemoteObject类并重写该方法
     * @param code Js端发送的业务请求编码 PA端定义需要与Js端业务请求码保持一致
     * @param data Js端发送的MessageParcel对象，当前仅支持String格式
     * @param reply 将本地业务响应返回给Js端的MessageParcel对象，当前仅支持String格式
     * @param option 指示操作是同步还是异步的方式，但是我这里只有同步处理方式
     * @return 
     */
    public boolean onRemoteRequest(int code, MessageParcel data, MessageParcel reply, MessageOption option) {
        SingleKvStore db = abilityContext.getSingleKvStore();

        Map<String, String> result = new HashMap<>();
        Map<String, String> ret = new HashMap<>();
        HiLog.debug(LABEL, "onRemoteRequest");

        // 基本思路-解析code-解析data-业务逻辑-构造reply
        switch (code) {
            case DELETE_TODOS: {
                String dataStr = data.readString();
                TodoRequestParam param = new TodoRequestParam();
                try {
                    param = ZSONObject.stringToClass(dataStr, TodoRequestParam.class);
                } catch (RuntimeException e) {
                    HiLog.error(LABEL, "convert failed.");
                }
                try {
                    db.delete(param.id + " title");
                } catch (KvStoreException k){
                    HiLog.debug(LABEL,"no");
                };
                try {
                    db.delete(param.id + " text");
                } catch (KvStoreException k){
                    HiLog.debug(LABEL,"no");
                };
                try {
                    db.delete(param.id + " date");
                } catch (KvStoreException k){
                    HiLog.debug(LABEL,"no");
                };
                try {
                    db.delete(param.id + " ddl");
                } catch (KvStoreException k){
                    HiLog.debug(LABEL,"no");
                };
                HiLog.debug(LABEL, "insert or update success");
                break;
            }
            case UPDATE_TODOS:
            case INSERT_TODOS:{
                String dataStr = data.readString();
                TodoRequestParam param = new TodoRequestParam();
                try {
                    param = ZSONObject.stringToClass(dataStr, TodoRequestParam.class);
                } catch (RuntimeException e) {
                    HiLog.error(LABEL, "convert failed.");
                }
                if (param.title!=null) db.putString(param.id+" title",param.title);
                if (param.date!=null) db.putString(param.id+" date",param.date);
                if (param.text!=null) db.putString(param.id+" text",param.text);
                if (param.ddl!=null) db.putString(param.id+" ddl",param.ddl);
                HiLog.debug(LABEL, "insert or update success");
                break;
            }
            case SELECT_TODOS:{
                // 返回结果当前仅支持String，对于复杂结构可以序列化为ZSON字符串上报
                HiLog.debug(LABEL, "Database Return All Result");
                String condition = data.readString();
                HiLog.debug(LABEL, "condition="+condition);
                Set<String> indexes = new HashSet<>();
                for (Entry i: db.getEntries("")){
                    indexes.add(i.getKey().split(" ")[0]);
                }

                for (String i: indexes){
                    String title,date,ddl;
                    try {
                        title = db.getString(i+" title");
                        if (title.contains(condition))
                            result.put("title",title);
                        else
                            continue;
                    }
                    catch (KvStoreException k){
                        title = "";
                    };
                    try {
                        date = db.getString(i+" date");
                        result.put("date",date);
                    }
                    catch (KvStoreException k){
                        date = "";
                    };
                    try {
                        ddl = db.getString(i+" ddl");
                        result.put("ddl",ddl);
                    }
                    catch (KvStoreException k){
                        ddl = "";
                    };
//                    HiLog.debug(LABEL, String.valueOf(result));
                    String rString = ZSONObject.toZSONString(result);
                    ret.put(i,rString);
                }
                reply.writeString(ZSONObject.toZSONString(ret));
                HiLog.debug(LABEL, "select all success");
                break;
            }
            case SELECT_TODO: {
                String dataStr = data.readString();
                TodoRequestParam param = new TodoRequestParam();
                try {
                    param = ZSONObject.stringToClass(dataStr, TodoRequestParam.class);
                } catch (RuntimeException e) {
                    HiLog.error(LABEL, "convert failed.");
                }
                String r;
                try {
                    r = db.getString(param.id+" text");
                } catch (KvStoreException k) {
                    r = "";
                }
                reply.writeString(r);
                HiLog.debug(LABEL, "select one text success");
                break;
            }
            default: {
                HiLog.debug(LABEL, "unknown code");
                return false;
            }
        };
        // 分布式数据库的同步
        abilityContext.syncContact();
        return true;
    }

    /**
     * Internal ability 注册接口
     */
    public static void register(MainAbility abilityContext) {
        instance = new TodoServiceAbility();
        instance.onRegister(abilityContext);
    }

    private void onRegister(MainAbility abilityContext) {
        this.abilityContext = abilityContext;
        this.setInternalAbilityHandler(this::onRemoteRequest);
        HiLog.info(LABEL, "jgq TodoServiceAbility onRegister");
    }

    /**
     * Internal ability 注销接口。
     */
    public static void unregister() {
        instance.onUnregister();
    }

    private void onUnregister() {
        abilityContext = null;
        this.setInternalAbilityHandler(null);
        HiLog.info(LABEL, "jgq TodoServiceAbility onUnregister");
    }
}

3、系统主程序

package com.example.backup;

import ohos.aafwk.ability.IAbilityContinuation;
import ohos.ace.ability.AceAbility;
import ohos.aafwk.content.Intent;
import ohos.app.Context;
import ohos.data.DatabaseHelper;
import ohos.data.distributed.common.*;
import ohos.data.distributed.device.DeviceFilterStrategy;
import ohos.data.distributed.device.DeviceInfo;
import ohos.data.distributed.user.SingleKvStore;
import ohos.data.preferences.Preferences;
import ohos.hiviewdfx.HiLog;
import ohos.hiviewdfx.HiLogLabel;

import java.util.ArrayList;
import java.util.List;
import java.util.Map;

public class MainAbility extends AceAbility implements IAbilityContinuation {
//    static public Preferences preferences;
    static public String storeID = "TodoDistributeDatabase";
    private SingleKvStore singleKvStore;
    private KvManager kvManager;
    private static final HiLogLabel LABEL = new HiLogLabel(HiLog.LOG_APP, 0, "MainAbility");

    @Override
    public void onStart(Intent intent) {
        super.onStart(intent);
        HiLog.info(LABEL,"jgq onStart");

        // 开发者显示声明需要使用的权限
        requestPermissionsFromUser(new String[]{"ohos.permission.DISTRIBUTED_DATASYNC"}, 0);
        Context context = this.getContext();
//        DatabaseHelper databaseHelper = new DatabaseHelper(context);
//        String filename = "todoDB";
//        preferences = databaseHelper.getPreferences(filename);

        // 需要注册
        TodoServiceAbility.register(this);
        // 分布式数据库,不知道是不是写在这里,注册
        KvManagerConfig config = new KvManagerConfig(context);
        kvManager = KvManagerFactory.getInstance().createKvManager(config);
        // 创建数据库
        Options CREATE = new Options();
        CREATE.setCreateIfMissing(true).setEncrypt(false).setKvStoreType(KvStoreType.SINGLE_VERSION);
        singleKvStore = kvManager.getKvStore(CREATE, storeID);
        // 订阅
        KvStoreObserver kvStoreObserverClient = new KvStoreObserverClient();
        singleKvStore.subscribe(SubscribeType.SUBSCRIBE_TYPE_ALL, kvStoreObserverClient);
    }

    public SingleKvStore getSingleKvStore() {
        return singleKvStore;
    }

    @Override
    public void onStop() {
        // 取消注册
        HiLog.info(LABEL,"jgq onStop");
        TodoServiceAbility.unregister();
        super.onStop();
    }

    public void syncContact() {
        List<DeviceInfo> deviceInfoList = kvManager.getConnectedDevicesInfo(DeviceFilterStrategy.NO_FILTER);
        List<String> deviceIdList = new ArrayList<>();
        for (DeviceInfo deviceInfo : deviceInfoList) {
            deviceIdList.add(deviceInfo.getId());
        }

        if (deviceIdList.size() == 0) {
//            showTip("组网失败");
            HiLog.info(LABEL,"同步失败");
            return;
        }
        singleKvStore.registerSyncCallback(new SyncCallback() {
            @Override
            public void syncCompleted(Map<String, Integer> map) {
                getUITaskDispatcher().asyncDispatch(new Runnable() {
                    @Override
                    public void run() {
//                        queryContact();
//                        showTip("同步成功");
                        HiLog.info(LABEL,"同步成功");
                    }
                });
                singleKvStore.unRegisterSyncCallback();
            }
        });
        singleKvStore.sync(deviceIdList, SyncMode.PUSH_PULL);
    }
}
自律的小袁
关注
  • 2
    点赞
  • 踩
  • 15
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
备忘录app项目源码
01-08
小型的备忘录app完整项目源码，可正常运行使用。实用性好
android手机备忘录源代码
01-17
android 手机 备忘录 源代码 实用性很强
一个简单的备忘录APP，鸿蒙平台.zip
02-07
华为 鸿蒙系统 开发
HarmonyOS开发实例：【手机备忘录】
最新发布
m0_70748845的博客
04-18 1049
基于用户首选项，实现了备忘录新增、更新、删除以及查找等功能。
OpenHarmony如何实现备忘录增删改查功能
2401_82546228的博客
03-21 1209
本篇Codelab基于用户首选项，实现了备忘录新增、更新、删除以及查找等功能。效果如图所示：
微信小程序 小工具类 备忘录 （源代码+截图）
06-21
微信小程序 小工具类 备忘录 （源代码+截图）微信小程序 小工具类 备忘录 （源代码+截图）微信小程序 小工具类 备忘录 （源代码+截图）微信小程序 小工具类 备忘录 （源代码+截图）微信小程序 小工具类 备忘录 （源代码+截图）微信小程序 小工具类 备忘录 （源代码+截图）微信小程序 小工具类 备忘录 （源代码+截图）微信小程序 小工具类 备忘录 （源代码+截图）微信小程序 小工具类 备忘录 （源代码+截图）微信小程序 小工具类 备忘录 （源代码+截图）微信小程序 小工具类 备忘录 （源代码+截图）微信小程序 小工具类 备忘录 （源代码+截图）微信小程序 小工具类 备忘录 （源代码+截图）微信小程序 小工具类 备忘录 （源代码+截图）微信小程序 小工具类 备忘录 （源代码+截图）微信小程序 小工具类 备忘录 （源代码+截图）微信小程序 小工具类 备忘录 （源代码+截图）微信小程序 小工具类 备忘录 （源代码+截图）微信小程序 小工具类 备忘录 （源代码+截图）微信小程序 小工具类 备忘录 （源代码+截图）微信小程序 小工具类 备忘录 （源代码+截图）微信小程序 小工具类 备忘录 （源
Android手机备忘录的设计与实现 开题报告.doc编程资料
04-09
Android手机备忘录的设计与实现 开题报告.doc
【HarmonyOS应用开发备忘录】一、鸿蒙应用之JavaUI的MQTT客户端测试
幻蜗的笔记
05-07 926
鸿蒙应用开发，HarmonyOS JavaUI框架MQTT客户端测试示例
什么都学一点系列之鸿蒙开发Java版简易备忘录
qq_40785165的博客
04-01 2268
本文地址：https://blog.csdn.net/qq_40785165/article/details/123908357，转载请附上此链接 .生活不会惯着你,想要不被抛弃,必须自己争气。 大家好，我是小黑，一个还没秃头的程序员~~~ 鸿蒙APP开发Demo来了，不过这条路后面估计不会一直走下去，就当是以后的谈资了，本着要带着目标去学习的态度，做了一个简易的备忘录，使用的语言是JAVA ，效果图如下: 功能如下： 首页线性列表与网格列表切换 选择排序方式 模糊搜索 备忘录增删改查管理 在这里你可以
二、鸿蒙os应用开发备忘-应用结构
ututuut的专栏
09-19 3023
应用结构初视
鸿蒙第四次作业笔记-布局及其属性
Xie542107230923的博客
08-16 422
页面布局及属性
手机备忘录源代码
06-18
一款实用的手机备忘录软件，可以完全替代您手机上的备忘录与提醒事件。
简易牛角座.IntLib
11-23
简易牛角座.IntLib
2.54间距 IDC6P-40P简易牛角座原理图PCB封装库3D库（AD集成库）.zip
01-29
2.54间距 IDC6P-40P简易牛角座原理图PCB封装库3D库（AD集成库），拆分后文件为PcbLib+SchLib格式，Altium Designer原理图库+PCB封装库3D视图库，AD库均经测试，可以直接应用到你的项目开发提供项目进度。
鸿蒙项目，用鸿蒙技术开发的项目
12-19
鸿蒙项目，用鸿蒙技术开发的项目
牛角座封装规格
10-21
之前一直在找牛角座等各种插座的规格封装，很难找到，最后找到了
简易牛角座封装
10-26
altium designer使用
基于鸿蒙OS4的关系数据库使用学习——以简易版备忘录为例
weixin_52148768的博客
03-28 1162
项目gitee地址丑化说在前头，这个备忘录真的是十分简陋，这一篇的写作目的不是为了能告诉读者备忘录怎么写和怎么美化，而是希望在现有鸿蒙OS4关系型数据库教学还比较少的情况下，官网教学也比较简陋，把复杂的数据库设置抽离出来，让大家少走点弯路，让大家能更快的利用关系型数据库实现自己想要的业务目标。废话不多说，开干！！这个学习案例，主要是参考b站大佬的备忘录设计和华为开发者官网的例子记账本，大家也可以在了解基本关系型数据库怎么设置后具体学习../scr/main目录下文件树结构展示|-- ets。
鸿蒙-基于ArkTS声明式开发的简易备忘录，适合新人学习，可用于大作业
qq_40785165的博客
02-19 490
基础的鸿蒙ArkTS开发的备忘录，希望大家喜欢
android开发一个记事本
05-29
好的，下面是一个简单的 Android 记事本应用的开发步骤： 1. 创建一个新的 Android 项目并设置项目名称和包名。 2. 在布局文件中添加一个 EditText 组件作为记事本的输入框。 3. 添加一个保存按钮和一个读取按钮。 4. 在代码中实现保存和读取操作。可以使用 SharedPreferences 或者文件存储来实现。 5. 添加一个菜单按钮，用于清空输入框中的内容。 6. 添加一个滚动条，当输入框中的内容超出屏幕范围时可以滚动查看。 7. 在代码中添加输入框的监听器，当输入框中的内容发生变化时自动保存。 8. 实现撤销和重做功能，可以使用栈来保存历史记录。 9. 添加一个搜索框，可以搜索输入框中的内容。 10. 实现分享功能，可以将输入框中的内容分享到其他应用中。 以上是一个简单的 Android 记事本应用的开发步骤，根据实际需求可以进行适当的修改和扩展。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值