[中工开发者]——宠物领养

一、关于基于鸿蒙操作系统的宠物领养示例，以下是概述：

智能宠物管理系统：这是一个基于HarmonyOS NEXT开发的鸿蒙原生应用和元服务。它的目的是帮助宠物主人更好地管理和照顾宠物。系统提供宠物日常活动记录、健康监测、喂食提醒等功能。例如，可以自动记录宠物的活动量、步数，监测宠物的体重、饮水量、食物摄入量，并根据设定的时间和频率提醒主人喂食。此外，还有医疗提醒功能，如按时给宠物打疫苗或进行体检。

宠物领养系统项目开发计划书：这个项目计划书提供了关于宠物领养系统开发的详细规划。它涉及宠物信息管理、领养者信息管理、宠物收养申请处理等功能，旨在减少手工管理的工作量和人工错误，并为领养者提供一个方便的查找和筛选宠物的平台。

基于SpringBoot的宠物领养系统：这是一个使用Spring Boot框架实现的宠物领养系统。系统包含两种角色：管理员和用户，分为前台和后台两大模块。前台提供给用户使用，后台则供管理员管理。这个系统可能包含宠物领养管理、宠物认领管理、教学视频管理等功能。

这些项目展示了鸿蒙操作系统在宠物领养和宠物管理领域的应用潜力，为宠物主人提供了更智能、便捷的管理方式。

二、注册功能：定义一个名为Register的组件，该组件用于处理用户注册的功能，并且包含了一个名为myDialog的函数，用于显示对话框。

myDialog函数

myDialog是一个自定义的函数，它接受三个参数：msg（字符串消息），success（成功回调函数），和error（错误回调函数）。

该函数使用AlertDialog.show方法来显示一个对话框，对话框包含一个消息和一个“确定”按钮。

当用户点击“确定”按钮时，会执行success回调函数。

对话框还有一个取消回调，当对话框关闭时会执行。

Register组件

Register是一个带有状态变量的组件，包括用户名、账号、电话、密码和是否选择接受协议的布尔值。

Register方法是一个异步方法，用于处理注册逻辑。

调用RegisterFn函数发送注册请求，这是一个异步操作。

在.then中处理响应数据，将字符串转换为JSON对象，并检查响应代码是否为200。

如果注册成功，显示“注册成功！”的对话框，并通过router.pushUrl跳转到登录页面。

如果注册失败或发生错误，显示相应的对话框消息。

build方法构建了注册页面的UI。

使用RelativeContainer、Column、Row等布局组件来组织页面结构。

包含多个TextInput组件用于输入用户信息，每个输入框都有onChange事件处理器来更新对应的状态变量。

有一个Checkbox组件用于用户同意协议，以及相关的文本和导航链接。

一个“注册”按钮，当点击时会验证输入并调用Register方法进行注册。

还有两个文本链接：“登录”和“重置”，分别用于跳转到登录页面和重置输入框。

功能总结

该组件提供了一个用户注册的界面，包括输入昵称、账号、电话号码、密码，以及同意用户协议的选项。

通过对话框给用户操作反馈，如注册成功、失败或输入错误。

使用异步请求处理注册逻辑，并在完成后通过对话框通知用户结果。

提供了基本的输入验证，确保用户在提交之前填写所有必要的信息。

• 首页面：

定义了一个名为Home的组件，该组件用于显示用户的主页信息，并提供编辑资料、退出登录等操作。

组件结构

Home组件是一个带有状态变量的结构体，包括用户token、昵称、账号、电话、注册时间和用户图片URL。

组件使用了@Entry和@Component装饰器，这是一个入口组件。

状态变量

@State装饰器用于标记组件的响应式状态变量。

方法

onPageShow：这是一个异步方法，在页面显示时调用。

从PreferencesUtils获取存储的token。

使用UserFn函数发送请求，获取用户信息。

将响应数据转换为JSON对象，并更新组件的状态变量。

如果用户图片URL为空，则设置一个默认图片。

DelToken：一个异步方法，用于删除存储的token，并清空组件中的token状态。

构建UI

build方法构建了用户主页的UI。

使用RelativeContainer、Column、Row等布局组件来组织页面结构。

显示用户的基本信息，如昵称、账号、电话号码和注册时间。

包含一个Image组件显示用户头像。

使用List和ListItem组件创建操作列表，包括编辑资料、退出登录和跳转首页。

点击编辑资料会跳转到修改资料页面。

点击退出登录会调用DelToken方法删除token，并跳转到登录页面。

点击跳转首页会导航到首页。

功能总结

该组件提供了一个用户主页，显示用户的个人信息。

允许用户编辑资料和退出登录。

提供了导航到首页的链接。

使用本地存储来保存和删除token。

• 详情功能：

定义了一个名为Detail的组件，该组件用于展示宠物的详细信息，并提供收藏宠物的功能。组件结构

Detail组件是一个带有多个状态变量的结构体，包括宠物ID、年龄、地点、联系人、电话、宠物类别、宠物图片数组、宠物绝育情况、宠物疫苗情况、宠物名称、宠物故事、性别、宠物创建时间、收藏状态图标等。

组件使用了@Entry和@Component装饰器，表明这是一个入口组件。

方法

onPageShow一个异步方法，在页面显示时调用。

从路由参数中获取宠物信息并更新组件状态。

从本地存储获取用户的token。

调用isCollectFn函数检查宠物是否已被收藏，并更新收藏状态。

根据收藏状态更新图标。

addFn：一个异步方法，用于处理收藏宠物的逻辑。

从本地存储获取用户的token。

调用addCollectFn函数发送收藏请求。

根据响应结果更新收藏状态，并显示相应的对话框。

myDialog：这是一个自定义函数，用于显示带有消息和两个回调函数（成功和错误）的对话框。

构建UI

build方法构建了宠物的详细信息页面。

使用RelativeContainer、Column、Row等布局组件来组织页面结构。

显示宠物的基本信息，如名称、类别、年龄、性别、绝育情况、疫苗情况、联系人、电话、地址、添加时间、故事等。

包含一个Swiper组件显示宠物图片轮播。

提供一个按钮和图标，允许用户收藏宠物。

功能总结

该组件提供了一个宠物详情页面，显示宠物的所有相关信息。

允许用户收藏宠物，并通过对话框反馈操作结果。

使用本地存储来获取用户的token。

提供了返回首页的导航链接。

• 收藏功能：

定义了一个名为Collect的组件，该组件用于展示和管理用户收藏的宠物列表。

组件结构

Collect组件是一个带有状态变量的结构体，包括用户的token、收藏宠物列表arr、当前操作的宠物IDpet_id。

组件使用了@Entry和@Component装饰器，表明这是一个入口组件。

组件包含一个Scroller实例，用于处理滚动视图。

方法

onPageShow：这是一个异步方法，在页面显示时调用。

从本地存储获取用户的token。

调用listCollectFn函数获取用户的收藏列表。

解析返回的数据，并更新收藏宠物列表arr。

removeFn：一个异步方法，用于处理取消收藏宠物的逻辑。

从本地存储获取用户的token。

调用removeCollectFn函数发送取消收藏请求。

根据响应结果更新收藏列表，并显示相应的对话框。

myDialog：这是一个自定义函数，用于显示带有消息和两个回调函数（成功和错误）的对话框。

构建UI

build方法构建了收藏列表页面。

使用RelativeContainer、Column、Row等布局组件来组织页面结构。

显示一个返回按钮，允许用户返回首页。

如果收藏列表为空，显示“暂无收藏！”的提示。

使用Scroll组件显示收藏的宠物列表，每个宠物项都包含宠物的图片、名称、年龄、类型和收藏时间。

提供一个“取消收藏”按钮，允许用户取消对某个宠物的收藏。

功能总结

该组件提供了一个用户收藏宠物列表的页面，显示用户收藏的所有宠物及其基本信息。

允许用户取消收藏宠物，并通过对话框反馈操作结果。

使用本地存储来获取用户的token。

提供了返回首页的导航链接。