HarmonyOS宠物领养平台
目录
开源了一个完整的宠物领养平台项目,HarmonyOS + Spring Boot + Vue.js全栈实现,包含移动端、后端API、管理后台三端,代码规范,文档完整,适合学习和实际使用!
宠物领养平台是一个完整的全栈应用系统,旨在为宠物领养提供便捷的数字化解决方案。系统采用现代化的技术架构,包含移动端应用、后端API服务和管理后台三个核心模块,从移动端到管理后台的一致性开发体验。
在此声明,不可用于非法,用于非法于本人无关
github地址:https://github.com/Lipeng-ks/HarmonyOS-Pet-adoption-platform.git
业务流程演示
用户注册登录 → 浏览宠物 → 申请领养 → 状态跟踪
发布送养 → 管理审核 → 匹配成功 → 完成领养
寻宠发布 → 信息展示 → 状态更新 → 找到宠物
HarmonyOS原生特性展示
ArkUI组件使用、原生API调用、性能优化实践
后端架构展示
RESTful API设计、数据库设计、安全认证机制
管理后台功能
数据可视化、批量操作、响应式设计
移动端应用 (HarmonyOS)
开发框架:HarmonyOS Next
编程语言:ArkTS (TypeScript)
UI框架:ArkUI
状态管理:本地状态管理
网络请求:@ohos.net.http

HarmonyOS SDK

下面这三个地方需要修改到电脑对应的IP,不能使用127.0.0.1,只能使用原生IP,是用来连接后端接口
src/main/ets/common/database/DbHelper.ets

src/main/ets/common/services/ApiService.ets

src/main/ets/common/services/AuthService.ets

项目结构
entry/src/main/ets/
├── common/ # 公共模块
│ ├── services/ # API服务
│ ├── models/ # 数据模型
│ ├── database/ # 本地数据库
│ └── data/ # 静态数据
├── pages/ # 页面组件
│ ├── Auth/ # 认证页面
│ ├── Home/ # 首页模块
│ ├── Profile/ # 个人中心
│ ├── Collection/ # 收藏页面
│ └── PersonalCenter/ # 设置页面
└── entryability/ # 应用入口
功能特性 (HarmonyOS)
用户系统:用户注册登录、实名认证、个人资料管理、密码修改、地址管理
宠物功能:宠物信息浏览、高级搜索筛选、宠物详情查看、收藏宠物、发布送养信息
领养流程:在线领养申请、申请状态跟踪、领养订单管理、申请历史查看
寻宠功能:发布寻宠信息、寻宠信息浏览、状态更新管理、地区筛选
签到功能:每日签到、签到统计、连续签到奖励
(全部的功能都是按照我的个人理解来开发的,如有不合理自行修改,部分可能存在BUG)
后端API服务 (Spring Boot)
框架版本:Spring Boot 3.2.0
编程语言:Java 17
数据库:MySQL 8.0+
ORM框架:Spring Data JPA
安全框架:Spring Security
构建工具:Maven
RESTful API:统一响应格式、完整的CRUD接口、参数验证、异常处理
安全特性:JWT身份认证、BCrypt密码加密、CORS跨域配置、SQL注入防护
数据处理:JPA数据持久化、事务管理、数据库连接池、查询优化
事件驱动:Spring Events、异步处理、状态变更通知、业务解耦
数据模型
核心实体关系
├── UserInfo (用户信息)
├── Animal (宠物信息)
├── AdoptionOrder (领养订单)
├── MissingPet (寻宠信息)
├── UserCheckin (签到记录)
├── UserFavorite (收藏记录)
└── ProvinceCity (省市数据)
数据库
运行后端前需要先添加数据库,没有添加会运行失败,运行下面SQL文件添加数据库(MySQL)
HarmonyOS\sql\adoption_platform.sql
数据库连接配置需要修改成自己的用户名和密码,两个文件都需要修改
SpringBoot\src\main\resources\application-mysql.properties
SpringBoot\src\main\resources\application.properties


运行后端
后端运行在8080端口下,端口被占用会运行失败,端口占用运行失败这样操作
netstat -ano | findstr :8080 //查看占用8080端口的进程
taskkill /PID 进程ID /F //停止占用8080端口的进程
不想停止进程就去这两个配置文件修改 server.port=8080 的8080就是端口号(下面是相对路径)
两个文件都需要修改
SpringBoot\src\main\resources\application-mysql.properties
SpringBoot\src\main\resources\application.properties

我推荐三个启动方式
1、在IDEA打开SpringBoot文件夹,需要根据上面我给出的配置版本来配置,版本正确一般不需要动什么,去pom.xml更新一下Maven构建工具
2、找到SpringBoot\target\目录,输入cmd回车
java -jar pet-adoption-server-1.0.0.jar //输入回车就可以运行了

3、在SpringBoot目录下面使用终端输入 ./mvnw.cmd spring-boot:run 命令就可以运行了

(效果都是一样的,运行成功都是出现一个API地址,这个地址不用管)
管理后台 (Vue.js)
宠物领养平台管理后台是一个功能完善的宠物领养管理系统,为管理员提供了全面的宠物信息管理、用户管理、订单处理等功能。系统采用现代化的前端技术栈,提供了直观易用的管理界面。
框架版本:Vue 3.5.10
开发语言:TypeScript 5.5.4
构建工具:Vite 5.4.3
UI组件库:Element Plus 2.8.7
状态管理:Pinia 2.2.6
路由管理:Vue Router 4.4.5
项目结构
├── public/ # 静态资源
├── src/
│ ├── layouts/ # 布局组件
│ ├── router/ # 路由配置
│ ├── services/ # API 服务层
│ ├── stores/ # 状态管理
│ ├── views/ # 页面组件
│ ├── App.vue # 根组件
│ └── main.ts # 应用入口
├── index.html # HTML 模板
├── vite.config.ts # Vite 配置
├── tsconfig.json # TypeScript 配置
└── package.json # 项目依赖
运行后端vue管理后台
环境要求
Node.js >= 16.0.0
npm >= 8.0.0 或 yarn >= 1.22.0
默认管理员账户:用户名:admin 密码:123456
// 进入前端目录
cd vue
// 安装依赖
npm install // 或
yarn install
// 启动开发服务器
npm run dev // 或
yarn dev
如果后端修改了端口需要在下图对应的地方修改端口进行对接
相对路径vue\vite.config.ts
export default defineConfig({
server: {
proxy: {
'/api': {
target: 'http://localhost:8080', //修改这里的端口
changeOrigin: true
}
}
}
})
移动端开发(HarmonyOS),后端开发(Spring Boot),前端开发(Vue.js),UI/UX设计都是我一个人完成的,我只是一个准大二的大学生,这是我的一个移动端开发(HarmonyOS)作业,有需要学习的可以到GitHub拉取代码,能力有限,代码质量一般般,毕竟是开源代码,没有动力进行代码优化,有许多地方的代码没有进行优化,第一次开源项目,可能写得不到位,请见谅!
都是原创,放心使用
再一次声明,禁止用于非法途径
个人学习使用禁止商业用途
2025-8-30
更多推荐


所有评论(0)