目录

业务流程演示

HarmonyOS原生特性展示

后端架构展示

管理后台功能

移动端应用 (HarmonyOS)

项目结构

功能特性 (HarmonyOS)

后端API服务 (Spring Boot)

数据模型

数据库

运行后端

管理后台 (Vue.js)

项目结构

运行后端vue管理后台


开源了一个完整的宠物领养平台项目,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

Logo

讨论HarmonyOS开发技术,专注于API与组件、DevEco Studio、测试、元服务和应用上架分发等。

更多推荐