【江鸟中原】日记本
本文介绍了一款基于鸿蒙系统的日记本APP开发方案。随着数字化日记需求增长,该APP提供私密便捷的记录功能,支持文字、图片等多形式内容。系统采用ArkTS语言开发,包含登录验证、日记新增/查看、排序检索等核心功能模块。首页采用Tabs组件实现"首页-分类-我的"三栏布局,支持按时间正/倒序排列日记,并提供标题关键词搜索功能。技术实现上运用List和ListItem组件高效渲染日记列表,ForEach
一、项目背景
在数字化时代,日记本 APP 正逐渐成为记录生活的新潮流。据统计,截至 2025 年,全球日记类 App 用户规模已突破 1 亿,市场规模超过 10 亿美元。随着人们对个人心理健康和情感表达的重视,日记本 APP 的市场需求持续增长。它为用户提供了一个私密、安全的空间,让用户可以随时随地记录生活中的点滴、心情和思考。无论是旅行中的美景、工作上的灵感,还是生活中的小确幸,都可以通过日记本 APP 轻松记录下来。与传统纸质日记本相比,日记本 APP 具有方便快捷、功能多样、易于管理等优势。它不仅支持文字记录,还可以插入图片、音频、视频等多媒体内容,让日记更加生动有趣。同时,日记本 APP 还提供了搜索、标签、分类等功能,方便用户查找和管理自己的日记。
二、系统目标
用户登录功能:为了保证个人隐私防止泄漏信息。只需要一个密码就够了,因为app安装在手机上就是为了自己使用,不会存在说我的手机借给别人进行日记功能..
首页:登录校验密码之后就可以进入到首页查看之前自己记录的日记备忘录等,首页这里左上角有排序功能按钮,可以按时间顺序倒序正序排列,方便查看最近的日记及最久远的日记。然后右上角又新增按钮,点击按钮就可以进入到新增日记页面了。假如首页列表有记录,当点击item的时候就能进入到日记详情页查看详情.
日记新增页面功能:这里可以添加日记的标题和内容,这里点击保存的时候,会把当前这条数据所保存的日期进行绑定,留着给首页排序进行使用。标题文字比较粗起到醒目的作用,内容输入区域比较大,方便编辑操作.

三、登录模块
用户登录功能:为了保证个人隐私防止泄漏信息。只需要一个密码就够了,因为app安装在手机上就是为了自己使用,不会存在说我的手机借给别人进行日记功能,
首页:登录校验密码之后就可以进入到首页查看之前自己记录的日记备忘录等,首页这里左上角有排序功能按钮,可以按时间顺序倒序正序排列,方便查看最近的日记及最久远的日记。然后右上角又新增按钮,点击按钮就可以进入到新增日记页面了。假如首页列表有记录,当点击item的时候就能进入到日记详情页查看详情。

四、开发环境于功能介绍
开发平台:Windows10;
鸿蒙SDK:V4.0.0;
API:10;
编程语言:ArkTS;
开发根工具:DevEco Studio 2024
运行设备:鸿蒙手机或鸿蒙模拟器。
List组件是列表布局必备的组件,使用频率特别频繁。它可以搭配ForEach函数遍历一个数据,使得数组内的数据元素渲染到页面上,每一个条目都使用ListItem含在ForEach内部,ListItem是每个条目最小化的单元,我们可以把数据绑定到这个条目上,之后ListItem会被塞入到集合中进入渲染。他们的嵌套方式如下:
List(){
ForEach(arrayitemData,){
ListItem(){
}.width(100).height(100)
}
}
五、开发环境于功能介绍
首页使用的是线性布局上下排列,Tabs组件嵌套三个TabContent组件,
TabContent就是三个子页面。包含了首页、分类、我的这三个子页面。
这三个子页面就是Component嵌套的关系。
tabBar在底部起道导航栏的作用。点击的时候会切换上边主区域的子页签。
TabContent就是页面主要显示的区域。
ListItem是列表条目,嵌套了一个数组的item组件。

图4.1首页的layout设计

图4.2首页的设计代码
首页搜索功能:在搜索栏里搜索框输入文字,会根据日记标题进行检索,搜索出来的标题如果包含输入框中的文字,则下方列表会展示出来。如下图

首页排序功能:首页左上角的排序按钮会根据新增日记时的时间顺序进行排序,可以是正序也可以是倒序,排序之后列表会刷新,展示你想要的顺序。比如时间从最近的开始排序。如下图

六、总体设计展示



更多推荐



所有评论(0)