『牛角书』鸿蒙简易备忘录
- 前言
- 项目运行
- 功能介绍
- 项目截图
- 项目开发
- 项目创建
- 编写程序
前言
鸿蒙移动应用开发作为本学期的一门选修课，让我第一次了解了手机app的开发过程同时也清楚了鸿蒙应用的开发步骤，自己也试着开发了一个简单的鸿蒙app——备忘录。
项目运行
功能介绍
- 基本的备忘录功能
- 时间截止警告
- 搜索功能
项目截图
项目开发
项目创建
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);
}
}
本文章为转载内容，我们尊重原作者对文章享有的著作权。如有内容错误或侵权问题，欢迎原作者联系我们进行内容更正或删除文章。
