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

「Mac畅玩鸿蒙与硬件53」UI互动应用篇30 - 打卡提醒小应用

news 来源：原创 2025/7/5 20:02:46

本篇教程将实现一个打卡提醒小应用，通过用户输入时间进行提醒设置，并展示实时提醒状态，实现提醒设置和取消等功能。

在这里插入图片描述

关键词

打卡提醒
状态管理
定时任务
输入校验
UI交互

一、功能说明

打卡提醒小应用包含以下功能：

提醒时间输入与设置：支持输入格式化时间并进行提醒设置。
提醒触发与状态提示：在设定时间到达时触发提醒通知。
取消提醒：支持用户取消已设置的提醒。
图片装饰：通过图片展示提升界面趣味性。

二、所需组件

@Entry 和 @Component 装饰器
TextInput 和 Button 组件用于用户输入和操作
Text 组件用于展示提醒状态
Image 组件用于装饰界面
@State 修饰符用于状态管理

三、项目结构

项目名称：ClockReminderApp
自定义组件名称：ReminderPage
代码文件：ReminderPage.ets、Index.ets

四、代码实现

1. 打卡提醒页面代码

// 文件名：ReminderPage.ets@Component
export struct ReminderPage {@State reminderTime: string = ''; // 提醒时间输入@State reminderStatus: string = '未设置提醒'; // 提醒状态private timerId: number | null = null; // 定时器ID// 设置提醒setReminder(): void {if (!this.reminderTime.includes(':')) {this.reminderStatus = '请输入正确格式的时间 (HH:mm)';return;}const timeParts = this.reminderTime.split(':');if (timeParts.length !== 2) {this.reminderStatus = '时间格式错误，请使用 HH:mm 格式';return;}const hours = parseInt(timeParts[0], 10);const minutes = parseInt(timeParts[1], 10);if (isNaN(hours) || isNaN(minutes) || hours < 0 || hours >= 24 || minutes < 0 || minutes >= 60) {this.reminderStatus = '时间值不合法，请检查输入';return;}const now = new Date();const targetTime = new Date();targetTime.setHours(hours, minutes, 0, 0);const delay = targetTime.getTime() - now.getTime();if (delay <= 0) {this.reminderStatus = '提醒时间已过，请设置未来时间';return;}this.reminderStatus = `提醒已设置，时间：${this.reminderTime}`;this.timerId = setTimeout(() => {this.showNotification();}, delay);}// 提醒触发showNotification(): void {this.reminderStatus = '时间到！请打卡';}// 取消提醒cancelReminder(): void {if (this.timerId !== null) {clearTimeout(this.timerId);this.timerId = null;}this.reminderStatus = '提醒已取消';}build(): void {Column({ space: 20 }) {Text('打卡提醒小应用').fontSize(24).fontWeight(FontWeight.Bold).alignSelf(ItemAlign.Center);// 输入提醒时间Row({ space: 10 }) {TextInput({placeholder: '请输入提醒时间 (HH:mm)',text: this.reminderTime,}).width(200).onChange((value: string) => (this.reminderTime = value));Button('设置提醒').onClick(() => this.setReminder()).width(120).height(40);Button('取消提醒').onClick(() => this.cancelReminder()).width(120).height(40);}.alignSelf(ItemAlign.Center);// 提醒状态展示Text(`当前状态：${this.reminderStatus}`).fontSize(18).margin({ top: 20 });// 添加图片装饰Image($r('app.media.cat')).width(305).height(360).alignSelf(ItemAlign.Center);}.padding(20).width('100%').height('100%');}
}

2. 主入口文件

// 文件名：Index.etsimport { ReminderPage } from './ReminderPage';@Entry
@Component
struct Index {build() {Column() {ReminderPage() // 调用提醒页面}.padding(20);}
}

效果示例：用户可以输入提醒时间，并在设定时间到达时收到提醒通知。

效果展示：

五、代码解读

时间输入校验与解析
- 提醒时间通过 TextInput 输入，并使用 split 拆分成小时和分钟，通过 parseInt 分别解析为整数。
状态更新与定时任务
- 使用 setTimeout 设置定时任务，到达提醒时间时更新状态提示用户打卡。
取消提醒功能
- 提供“取消提醒”按钮，通过 clearTimeout 取消定时任务，并更新提醒状态。
图片装饰
- 使用 Image 组件展示 cat.png 图片，提升界面趣味性和视觉效果。

六、优化建议

添加周期性提醒功能，例如每日固定时间提醒。
增加提醒提示音，增强提醒效果。
提供提醒历史记录，便于用户查看过往提醒信息。

七、效果展示

提醒设置与取消：用户可输入提醒时间并取消提醒。
状态更新：界面实时更新提醒状态并提供反馈。
图片装饰：增加趣味性装饰图片，提升界面交互体验。

八、相关知识点

「Mac畅玩鸿蒙与硬件13」鸿蒙UI组件篇3 - TextInput组件获取用户输入
「Mac畅玩鸿蒙与硬件11」鸿蒙UI组件篇1 - Text和Button组件详解

小结

本篇教程展示了如何使用状态管理和定时任务，实现一个简单的打卡提醒小应用，学习了输入校验、界面状态更新和用户交互的基本开发方法。

下一篇预告

在下一篇「UI互动应用篇31 - 滑动解锁屏幕功能」中，将实现滑动解锁功能，通过滑动操作实现屏幕解锁的交互效果。

上一篇：「Mac畅玩鸿蒙与硬件52」UI互动应用篇29 - 模拟火车票查询系统

下一篇：「Mac畅玩鸿蒙与硬件54」UI互动应用篇31 - 滑动解锁屏幕功能

作者：SoraLuna
链接：https://www.nutpi.net/thread?topicId=667
來源：坚果派
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

「Mac畅玩鸿蒙与硬件53」UI互动应用篇30 - 打卡提醒小应用

本篇教程将实现一个打卡提醒小应用，通过用户输入时间进行提醒设置，并展示实时提醒状态，实现提醒设置和取消等功能。关键词打卡提醒状态管理定时任务输入校验UI交互一、功能说明打卡提醒小应用包含以下功能： 提醒时间输入与…...

编程日记 2025/7/5 20:02:46

前端开发【插件】moment 基本使用详解【日期】

moment.js 是一个非常流行的 JavaScript 库，用于处理和操作日期与时间。它提供了丰富的 API 来处理各种日期、时间和格式化的操作。尽管随着 Date API 的增强，moment.js 被视为“过时”，并且推荐使用 date-fns 或 luxon 等库来替代&#xff0…...

编程日记 2025/7/3 18:43:07

Apache Celeborn 在B站的生产实践

背景介绍 Shuffle 演进随着B站业务的飞速发展，数据规模呈指数级增长，计算集群也逐步从单机房扩展到多机房部署模式。多个业务线依托大数据平台驱动核心业务，大数据系统的高效性与稳定性成为公司业务发展的重要基石。如图1，目前在大数据基础架构下，我们主要采用 Spark、Fl…...

编程日记 2025/7/3 18:43:05

目录安装： imageio 图片转mp4 numpy 保存mp4 安装： FFMPEG: pip install imageio[ffmpeg] pyav: pip install imageio[pyav] imageio 图片转mp4 import glob import osimport cv2 import imageio from natsort import natsortedfrom PIL import …...

编程日记 2025/7/3 18:39:33

【C语言程序设计——选择结构程序设计】求阶跃函数的值（头歌实践教学平台习题）【合集】

目录😋 任务描述相关知识 1. 选择结构基本概念 2. 主要语句类型（if、if-else、switch） 3. 跃迁函数中变量的取值范围 4. 计算阶跃函数的值编程要求测试说明通关代码测试结果任务描述本关任务：输入x的值&#x…...

编程日记 2025/7/3 18:39:31

基于 Solana Playground （pg模式）发行自定义参数的代币

文章目录要做的事1、水龙头（devnet 环境）2、Solana Playground2.1、选择环境 3、基于 Solana Playground （pg模式）发行自定义参数的代币3.1、账户体系3.2、代码 4、浏览器& Phantom钱包展示代币图片4.1、浏览器和钱包展示的…...

编程日记 2025/7/3 18:39:29

代码随想录算法训练营第七十天 | 拓扑排序精讲，Dijkstra（朴素版）精讲，Dijkstra（堆优化版）精讲

拓扑排序精讲题目讲解：代码随想录重点： 给出一个有向图，把这个有向图转成线性的排序就叫拓扑排序。拓扑排序也是图论中判断有向无环图的常用方法。拓扑排序的过程，其实就两步： 找到入度为0的节点，加入结…...

编程日记 2025/7/3 18:39:26

基于 Python Django 的西西家居全屋定制系统（源码+部署+文档）

博主介绍：✌程序员徐师兄、7年大厂程序员经历。全网粉丝12w、csdn博客专家、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java技术领域和毕业项目实战✌ 🍅文末获取源码联系🍅 👇🏻 精彩专栏推荐订阅👇…...

编程日记 2025/7/3 18:39:24

excel填充十六进制

excel填充十六进制 A10x000020x000130x000240x000350x000460x000570x000680x000790x0008100x0009110x000A120x000B130x000C140x000D150x000E160x000F 在A1表格中，输入：“0x”&DEC2HEX(ROW()-1,4) 然后进行下拉即可生成如表格显示十六进制...

编程日记 2025/7/3 18:39:22

scrapy 教程

Scrapy Tutorial In this tutorial, we’ll assume that Scrapy is already installed on your system. If that’s not the case, see Installation guide. We are going to scrape quotes.toscrape.com, a website that lists quotes from famous authors. This tutorial …...

编程日记 2025/7/3 18:39:20

IDE和IDEA详解和具体差异

1. IDE（集成开发环境）概述 1.1 什么是 IDE？ IDE（Integrated Development Environment，集成开发环境）是一种为开发者提供全面编程工具的软件应用程序。它将代码编辑、编译、调试、版本控制等功能集成在一个统一的界面中，旨在提高开发效率，减少开发者在不同工具之间切换…...

编程日记 2025/7/3 18:39:18

使用MPTCP+BBR进行数据传输，让网络又快又稳

1.前言在前文《链路聚合技术——多路径传输Multipath TCP(MPTCP)快速实践》中我们使用mptcpize run命令实现了两个节点间通信使用MPTCP协议进行传输，并实现了传输速率的聚合。实际应用中更推荐原生支持mptcp的应用，在MPTCP官网中可以看到如TCPDump、…...

编程日记 2025/7/3 18:39:15

【网络】网络基础知识（协议、mac、ip、套接字）

文章目录 1. 计算机网络的背景2. 认识网络协议2.1 协议分层2.2 OS与网络的关系 3. 网络传输基本流程3.1 局域网通信流程3.2 跨网络通信流程 4. Socket 编程预备4.1 理解源IP地址和目的IP地址4.2 端口号与Socket4.3传输层的典型代表4.4 网络字节序 5. socket 编程接口5.1 介绍5.…...

编程日记 2025/7/3 18:39:13

Unity【Colliders碰撞器】和【Rigibody刚体】的应用——小球反弹效果

目录 Collider 2D 定义： 类型： Rigidbody 2D 定义： 属性和行为： 运动控制： 碰撞检测： 结合使用实用检测延伸拓展 1、在Unity中优化Collider 2D和Rigidbody 2D的性能 2、Unity中Collider 2D…...

编程日记 2025/7/3 1:17:28

游戏引擎学习第75天

仓库:https://gitee.com/mrxiao_com/2d_game_2 Blackboard: 处理楼梯通行为了实现楼梯的平滑过渡和角色的移动控制，需要对楼梯区域的碰撞与玩家的运动方式进行优化。具体的处理方式和遇到的问题如下： 楼梯区域的过渡： 在三维空间中&#x…...

编程日记 2025/7/3 20:51:46

ModelScope ms-swift：轻量级模型微调框架

ModelScope ms-swift：轻量级模型微调框架介绍支持的模型支持的技术使用方法为什么选择ms-swift？结论介绍 ModelScope ms-swift是ModelScope社区提供的一个官方框架，用于大型语言模型（LLMs）和多模态大型模型&#xf…...

编程日记 2025/7/4 23:33:16

管理加密SQLite数据库的软件工具研究

使用软件工具管理加密的 SQLite 数据库是一个常见需求，尤其是当需要保护敏感数据时。以下是实现此目标的步骤和相关工具推荐： 1. 选择支持加密的 SQLite 版本 SQLite 默认并不支持加密功能。你需要使用以下方法之一来启用加密： SQLite Encry…...

编程日记 2025/7/3 20:51:39

react 封装一个类函数使用方法

1.编写ProductCount函数 class ProductCount {public static getProductCount(count: number): string {if (count < 10) {return 当前数量: 0${count};}return 当前数量: ${count};} }export default ProductCount;2.在代码文件中导入 ProductCount 类。 import ProductC…...

编程日记 2025/7/5 11:25:37

Windows 11 上通过 WSL (Windows Subsystem for Linux) 安装 MySQL 8

在 Windows 11 上通过 WSL (Windows Subsystem for Linux) 安装 MySQL 8 的步骤如下： ✅ 1. 检查 WSL 的安装首先确保已经安装并启用了 WSL 2。 🔧 检查 WSL 版本打开 PowerShell，执行以下命令： wsl --list --verbose确保 W…...

编程日记 2025/7/3 20:51:32

解决 IntelliJ IDEA 中 Tomcat 日志乱码问题的详细指南

目录前言1. 分析问题原因2. 解决方案 2.1 修改 IntelliJ IDEA 的 JVM 选项2.2 配置 Tomcat 实例的 VM 选项 2.2.1 设置 Tomcat 的 VM 选项2.2.2 添加环境变量 3. 进一步优化 3.1 修改 Tomcat 的 logging.properties3.2 修改操作系统默认编码 3.2.1 Windows 系统3.2.2 Linux …...

编程日记 2025/7/2 21:13:47

jenkins入门4 --window执行execute shell

1、启动关闭jenkins 在Windows环境下，如果你需要关闭Jenkins服务，可以通过以下几种方式： 1、使用Windows服务管理器： 打开“运行”对话框（Win R），输入services.msc，然后回车。在服…...

编程日记 2025/7/3 20:51:28

51c嵌入式~单片机~合集4

我自己的原文哦~ https://blog.51cto.com/whaosoft/12868932 一、时钟失效之后，STM32还能运行？ 问题： 该问题由某客户提出，发生在 STM32F103VDT6 器件上。据其工程师讲述：在其产品的设计中，STM32 的 H…...

编程日记 2025/7/3 20:51:25

OKHttp调用第三方接口，响应转string报错okhttp3.internal.http.RealResponseBody@4a3d0218

原因分析通过OkHttp请求网络，结果请求下来的数据一直无法解析并且报错，因解析时String res response.body().toString() 将toString改为string即可！...

编程日记 2025/7/3 20:51:23

杰发科技——使用ATCLinkTool解除读保护

0. 原因在jlink供电电压不稳定的情况下，概率性出现读保护问题，量产时候可以通过离线烧录工具避免。代码中开了读保护，但是没有通过can/uart/lin/gpio控制等方式进行关闭，导致无法关闭读保护。杰发所有芯片都可以用本方式解除读保…...

编程日记 2025/7/4 13:17:59

SQL 幂运算 — POW() and POWER()函数用法详解

POW() and POWER()函数用法详解 POW() 和 POWER() —计算幂运算（即一个数的指定次方）的函数。这两个函数是等价的，功能完全相同，只是名字不同。 POW(base, exponent); POWER(base, exponent); base：底数。exponen…...

编程日记 2025/7/3 21:00:04

【Shell脚本】Docker构建Java项目，并自动停止原镜像容器，发布新版本

本文简述经常使用docker部署SpringBoot 项目，因为自己的服务器小且项目简单，因此没有使用自动化部署。每次将jar包传到服务器后，需要手动构建，然后停止原有容器，并使用新的镜像启动，介于AI时代越来越懒的…...

编程日记 2025/7/5 8:20:36

【ArcGIS Pro二次开发实例教程】(2)：BSM字段赋值

一、简介一般的数据库要素或表格都有一个BSM字段，用来标识唯一值。此工具要实现的功能是：按一定的规律（前缀中间的填充数字OBJECT码）来给BSM赋值。主要技术要点包括： 1、ProWindow的创建，Label,Comb…...

编程日记 2025/7/3 21:00:00

VSCode函数调用关系图插件开发(d3-graphviz)

文章目录 1、如何在VSCode插件webview中用d3-graphviz绘图2、VSCode插件使用离线d3.min.js、d3-graphviz3、使用 `@hpcc-js/wasm` 包在 Node.js 环境直接转换dot为svg1、如何在VSCode插件webview中用d3-graphviz绘图我来帮你创建一个 VS Code 插件示例，实现右键菜单触发 Web…...

编程日记 2025/7/3 20:59:58

OCR图片中文字识别(Tess4j)

文章目录 Tess4J下载 tessdataJava 使用Tess4j 的 demo Tess4J Tess4J 是 Tesseract OCR 引擎的 Java 封装库，它让 Java 项目更轻松地实现 OCR（光学字符识别）功能。下载 tessdata 下载地址：https://github.com/tesseract-ocr/…...

编程日记 2025/7/3 20:59:56

leetcode 面试经典 150 题：同构字符串

链接同构字符串题序号205题型字符串解法哈希表难度简单熟练度✅✅✅✅ 题目给定两个字符串 s 和 t ，判断它们是否是同构的。如果 s 中的字符可以按某种映射关系替换得到 t ，那么这两个字符串是同构的。每个出现的字符都应当映射到另一个字符&#…...

编程日记 2025/7/5 18:27:26

算法-泰波那契

力扣题目链接：1137. 第 N 个泰波那契数 - 力扣（LeetCode） 泰波那契序列 Tn 定义如下： T0 0, T1 1, T2 1, 且在 n > 0 的条件下 Tn3 Tn Tn1 Tn2 给你整数 n，请返回第 n 个泰波那契数 Tn 的值。示例 1&…...

编程日记 2025/7/3 20:59:53

Mac修改文件权限

查看文件权限 ll -all 修改读写权限 sudo chmod -R arwx /usr/local/mysql-5.7.30-macos10.14-x86_64/data/a_test 修改用户分组 sudo chown -R _mysql:wheel /usr/local/mysql-5.7.30-macos10.14-x86_64/data/b_test...

编程日记 2025/7/3 20:59:51

如何安装和配置PHP开发环境？

要安装和配置PHP开发环境，可以按照以下步骤进行： 一、下载和安装PHP 1：下载PHP： 访问PHP官方网站（PHP: Downloads），选择适合您操作系统的版本进行下载。 2：解压并安装PHP&#x…...

编程日记 2025/7/3 20:59:49

深入探讨 Android 中的 AlarmManager：定时任务调度及优化实践

引言在 Android 开发中，AlarmManager 是一个非常重要的系统服务，用于设置定时任务或者周期性任务。无论是设置一个闹钟，还是定时进行数据同步，AlarmManager 都是不可或缺的工具之一。然而，随着 Android 系统的不断演…...

编程日记 2025/7/3 20:59:46

【Vim Masterclass 笔记07】S05L19：Vim 剪切、复制、粘贴操作同步练习

文章目录 S05L19 Vim 剪切、复制、粘贴操作同步练习（Exercise 05 - Cut, Copy and Paste）1 训练目标2 操作指令2.1 打开 dyp.txt 文件2.2 交换文件的头两行2.3 将文件首行 put 到文件其他为止2.4 练习在光标位置的上方粘贴文本行2.5 通过交换字符顺序更正…...

编程日记 2025/7/3 20:59:45

【前端下拉框】获取国家国旗

一、先看效果二、代码实现（含国旗） <!DOCTYPE html> <html lang"zh"> <head><meta charset"UTF-8"><meta name"viewport" content"widthdevice-width, initial-scale1.0"><…...

编程日记 2025/7/3 20:59:43

Elasticsearch 操作文档对数据的增删改查操作索引库文档操作数据 CRUD

介绍在 Elasticsearch 中，文档的增、删、改、查操作是核心的基本功能。Elasticsearch 使用 RESTful API 提供这些操作，通常通过 HTTP 请求与 Elasticsearch 集群进行交互。索引库 {"mappings": {"properties": {"title&qu…...

编程日记 2025/7/3 20:59:41

【动手学电机驱动】STM32-MBD（2）将 Simulink 模型部署到 STM32G431 开发板

STM32-MBD（1）安装 STM32 硬件支持包 STM32-MBD（2）Simulink 模型部署入门 STM32-MBD（3）Simulink 状态机模型部署【动手学电机驱动】STM32-MBD（2）Simulink 模型部署入门 1. 软硬件条件…...

编程日记 2025/7/2 23:54:11

小试牛刀-SpringBoot集成SOL链

目录一、什么是solanaj? 二、Pom依赖三、主要类 3.1 RpcClient 3.2 PublicKey 3.3 Transaction 3.4 TransactionInstruction 四、示例代码 Welcome to Code Blocks blog 本篇文章主要介绍了 [小试牛刀-SpringBoot集成SOL链] ❤博主广交技术好友，喜欢文章的…...

编程日记 2025/7/3 4:13:19

数据结构大作业——家谱管理系统（超详细！完整代码！）

目录设计思路： 一、项目背景二、功能分析查询功能流程图： 管理功能流程图： 三、设计四、实现代码实现： 头文件结构体函数声明及定义创建家谱树头结点绘制家谱树（打印） 建立右兄弟…...

编程日记 2025/7/3 20:59:35

【计算机网络】课程实验二交换机基本配置和VLAN 间路由实现

实验二交换机基本配置和VLAN 间路由实现一、实验目的 1．了解交换机的管理方式。 2．掌握通过Console接口对交换机进行配置的方法。 3．掌握交换机命令行各种模式的区别，能够使用各种帮助信息以及命令进行基本的配置。 4&…...

编程日记 2025/7/3 7:36:05

Unity-Mirror网络框架-从入门到精通之AdditiveScenes 示例

文章目录前言Additive Levels和Additive ScenesAdditive Levels场景介绍Portal传送门FadeInOut特效 Additive Scenes示例介绍ZoneHandlerSceneMassage 最后前言在现代游戏开发中，网络功能日益成为提升游戏体验的关键组成部分。Mirror是一个用于Unity的开源网络框…...

编程日记 2025/7/3 20:59:28

java 转义反斜杠 Unexpected internal error near index 1

代码： String str"a\\c"; //出现异常，Unexpected internal error near index 1 //System.out.println(str.replaceAll("\\", "c"));//以下三种都正确 System.out.println(str.replace(\\, c)); System.out.println(str.r…...

编程日记 2025/7/3 20:59:26

html内容过长，实现向上循环滑动效果

以下是几种实现 HTML 内容过长时向上循环滑动的常见方法，你可以根据具体需求和项目场景来选择合适的实现方式： 一、使用 CSS3 animation 实现简单的向上循环滑动（适用于简单的文本等内容滑动场景） 原理通过 CSS3 的 keyframes…...

编程日记 2025/7/2 21:56:53

RAG（Retrieval-Augmented Generation，检索增强生成）流程

目录一、知识文档的准备二、OCR转换三、分词处理四、创建向量数据库五、初始化语言聊天模型1.prompt2.检索链3.对话完整代码知识文档的准备：首先需要准备知识文档，这些文档可以是多种格式，如Word、TXT、PDF等。使用文档加载器或多模态模型…...

编程日记 2025/7/5 6:55:42

数据库系统概论期末复习

期末考试题型： 选择题 20题 20分判断题 10题 10分简答题 4题 20分 SQL语句： （select delete update）30分设计题：ER图和关系模式 ER转关系模式，注意主码，外码的标注 15分应用题：…...

编程日记 2025/7/5 16:06:45

B树与B+树：数据库索引的秘密武器

想象一下，你正在构建一个超级大的图书馆，里面摆满了各种各样的书籍。B树和B树就像是两种不同的图书分类和摆放方式，它们都能帮助你快速找到想要的书籍，但各有特点。 B树就像是一个传统的图书馆摆放方式： 1. 书籍摆放&…...

编程日记 2025/7/3 20:59:18

数据结构-栈与队列笔记

普通的双端队列验证图书取出顺序 class Solution {/*** 验证书籍的借阅顺序是否合法。* * param putIn 表示放入书架的书籍序列。* param takeOut 表示从书架取出的书籍序列。* return 如果书籍的借阅顺序合法，返回 true；否则返回 false。*/public boo…...

编程日记 2025/7/3 20:59:16

Netty中用了哪些设计模式？

大家好，我是锋哥。今天分享关于【Netty中用了哪些设计模式？】面试题。希望对大家有帮助； Netty中用了哪些设计模式？ 1000道互联网大厂Java工程师精选面试题-Java资源分享网 Netty 是一个高性能的网络通信框架，广泛…...

编程日记 2025/7/3 20:59:14

关键词