// 双向数据绑定懒加载数据源的数组长度
@StorageLink(‘faultDataSourceLength’) faultDataSourceLength: number = 0;
// 双向数据绑定事件组,与AppStorage.setOrCreate进行绑定,此变量发生变化触发getFaultMessage函数
@StorageLink(‘appEventGroups’) @Watch(‘getFaultMessage’) appEventGroups: Array<hiAppEvent.AppEventGroup> = [];
@Consume eventIndex: number;
async aboutToAppear() {
logger.info(TAG, aboutToAppear start
);
// 获取Preferences实例
PreferencesManager.getPreferences(this.faultDataSource);
}
// 获取应用异常信息
async getFaultMessage() {
logger.info(TAG, getAppEventGroups start
);
if (this.appEventGroups && this.appEventGroups.length > 0) {
// 遍历事件组
this.appEventGroups.forEach((eventGroup: hiAppEvent.AppEventGroup) => {
// 遍历事件对象集合
eventGroup.appEventInfos.forEach(async (eventInfo: hiAppEvent.AppEventInfo) => {
let message: string = ‘’;
message += HiAppEvent eventInfo.domain=${eventInfo.domain}\n
// 事件领域
HiAppEvent eventInfo.name=${eventInfo.name}\n
// 事件名称HiAppEvent eventInfo.eventType=${eventInfo.eventType}\n
// 事件名称HiAppEvent eventInfo.params.time=${eventInfo.params['time']}\n
// 事件发生的时间HiAppEvent eventInfo.params.crash_type=${eventInfo.params['crash_type']}\n
HiAppEvent eventInfo.params.foreground=${eventInfo.params['foreground']}\n
HiAppEvent eventInfo.params.bundle_version=${eventInfo.params['bundle_version']}\n
HiAppEvent eventInfo.params.bundle_name=${eventInfo.params['bundle_name']}\n
HiAppEvent eventInfo.params.exception=${JSON.stringify(eventInfo.params['exception'])}\n
HiAppEvent eventInfo.params.hilog.size=${eventInfo.params['hilog'].length}\n
;
// TODO:知识点:将异常信息存储到数组faultMessage当中
this.faultDataSource.pushData(message);
})
})
}
// TODO:知识点:持久化存储异常信息集合
this.faultDataSource.persistenceStorage();
}
build() {
List() {
// 添加判断,如果异常信息集合的信息条数大于0,遍历异常信息
if (this.faultDataSourceLength > 0) {
// 性能:动态加载数据场景可以使用LazyForEach遍历数据。https://developer.harmonyos.com/cn/docs/documentation/doc-guides-V3/arkts-rendering-control-lazyforeach-0000001524417213-V3
LazyForEach(this.faultDataSource, (message: string) => {
ListItem() {
Text(message)
.textAlign(TextAlign.Start)
}
}, (item: string) => item)
} else {
ListItem() {
// 根据被点击事件的下标响应指定的信息
Text(this.eventIndex === 0 ? $r(‘app.string.crash_event_message’) :
(this.eventIndex === 1 ? $r(‘app.string.freeze_event_message’) :
(this.faultSign ? $r(‘app.string.data_delay_toast’) :
KaTeX parse error: Expected 'EOF', got '}' at position 31: …o_message')))) }̲ } } .width('92…r(‘app.string.ohos_id_corner_radius_default_m’))
.padding($r(‘app.string.ohos_id_card_padding_start’))
}
}
- 以上代码中有引用懒加载数据类和持久化存储类,源码可参考DataSource.ets和 PreferencesManager.ets。
// DataSource.ets
export class FaultDataSource extends BasicDataSource {
// 懒加载数据
private faultMessage: Array = [];
// TODO:知识点:获取懒加载数据源的数据长度
totalCount(): number {
return this.faultMessage.length;
}
// 获取指定数据项
getData(index: number): string {
return this.faultMessage[index];
}
// TODO:知识点:存储数据到懒加载数据源中
pushData(data: string): void {
this.faultMessage.push(data);
// 在数组头部添加数据
this.notifyDataAdd(this.faultMessage.length - 1);
AppStorage.setOrCreate(‘faultDataSourceLength’, this.totalCount());
}
// TODO:知识点:持久化存储异常信息集合
persistenceStorage(): void {
PreferencesManager.putFaultMessage(this.faultMessage);
}
}
// PreferencesManager.ets
/**
- 存储数据异常信息
- @param faultMessage 异常信息集合
*/
public static putFaultMessage(faultMessage: Array) {
logger.info(putMessage start
);
try {
// TODO:知识点:通过 dataPreferencesManager.put方法存储数据
dataPreferencesManager.put(‘faultMessage’, JSON.stringify(faultMessage), async (err: BusinessError) => {
if (err) {
logger.error(“Failed to put value of ‘faultMessage’. code =” + err.code + “, message =” + err.message);
return;
}
logger.info(‘Succeeded in putting value of faultMessage.’);
dataPreferencesManager.flush();
})
} catch (err) {
let code = (err as BusinessError).code;
let message = (err as BusinessError).message;
logger.error(“Failed to put value of ‘catch err’. code =” + err.code + “, message =” + err.message);
}
}
/**
- 获取数据异常信息
- @param faultMessage 异常信息集合
*/
public static getFaultMessage(faultDataSource:FaultDataSource) {
logger.info(getFaultMessage start
);
try {
// TODO:知识点:通过dataPreferencesManager.get方法获取异常信息数据
let promise = dataPreferencesManager.get(‘faultMessage’, []);
promise.then(async (data: dataPreferences.ValueType) => {
if (typeof data === ‘string’) {
let faultData: Array = JSON.parse(data);
// 将异常数据添加到懒加载数据源中
faultData.forEach((item: string) => {
faultDataSource.pushData(item);
})
// 双向数据绑定懒加载数据源长度,更新数据源长度
AppStorage.setOrCreate(‘faultDataSourceLength’,faultDataSource.totalCount())
logger.info(‘Succeeded in getting value of faultMessage.’);
}
})
} catch (err) {
logger.error(“Failed to get value of ‘catch err’. code =” + err.code + “, message =” + err.message);
}
}
高性能知识点
本示例使用了LazyForEach进行数据懒加载,将叠加获取到的应用异常信息进行渲染。
工程结构&模块类型
aplicationexception // har类型
|—model
| |—DataSource.ets // 模型层-懒加载数据源
| |—EventSubscription.ets // 数据模型层-订阅应用事件
| |—MockData.ets // 数据模型层-模拟数据
| |—PreferencesManager.ets // 数据模型层-持久化存储
|—view
| |—PreferencesManager.ets // 视图层-应用异常页面
模块依赖
本实例依赖common模块来实现日志的打印、资源的调用以及公共组件FunctionDescription的引用。
自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。
深知大多数HarmonyOS鸿蒙开发工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则几千的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!
因此收集整理了一份《2024年HarmonyOS鸿蒙开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上HarmonyOS鸿蒙开发知识点,真正体系化!
由于文件比较大,这里只是将部分目录大纲截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新
如果你觉得这些内容对你有帮助,可以添加VX:vip204888 (备注鸿蒙获取)
一个人可以走的很快,但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎扫码加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!
新**
如果你觉得这些内容对你有帮助,可以添加VX:vip204888 (备注鸿蒙获取)
[外链图片转存中…(img-636WpdWU-1712664460661)]
一个人可以走的很快,但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎扫码加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!