【源码】基于Ionic框架的宠物信息发布与领养平台——PET ME HOME

项目简介

本项目是一个基于Ionic框架开发的宠物信息发布与领养平台，主要解决流浪动物保护站与公众之间的信息不对等问题。平台为救助站和个人提供信息公开渠道，救助站可发布现居流浪宠物信息，个人能浏览信息、领养或关注宠物、发布走失信息与提供线索，还具备简单的个人中心管理功能。

项目的主要特性和功能

1. 采用前后端分离架构，前端用Ionic框架开发界面，通过REST API与后端交互，后端使用Express服务器，借助Mongoose.js操作MongoDB数据库。
2. 运用JSON Web Token (JWT) 实现用户登录与验证，保障用户操作安全。
3. 以MongoDB存储数据，通过分表和外键连接实现高效数据交互。
4. 利用Cordova Camera Plugin调用本地相机和图库，图片以Base64编码字符串形式存储。
5. 借助Angular的 ngIf 和 ngFor 实现前端页面动态数据展示与状态切换。
6. 具备简单的消息发送功能，用户在领养宠物或提供线索时可发送消息。
7. 前端实现关键字实时过滤，减少网络请求开销。
8. 采用Ionic原生组件，形成真实iOS应用风格，页面布局为流式卡片设计，交互友好。
9. 支持在浏览器和安卓模拟器上运行，有良好的跨平台兼容性。

安装使用步骤

运行环境

• Node.js 10.16.0
• Ionic CLI 5.4.4
• Cordova 9.0.0
• 安卓模拟器（如Pixel 2 Android API 28 x86 CPU）

启动服务器

1. 复制服务器代码到本地。
2. 修改 config.js 文件中的数据库连接地址： javascript 'database': 'mongodb://localhost:27017/pet'
3. 启动服务器： bash node server.js
4. 确保API可正常访问，检查 http://<serverIP>:9090/api 是否返回正确响应。

启动客户端

1. 安装Ionic和Cordova： bash npm install -g cordova ionic
2. 复制客户端代码到本地并安装依赖包： bash cd PETMEHOME npm install
3. 修改 src/environments/environment.ts 文件中的服务器地址： typescript url: 'http://<serverIP>:9090/api'
4. 在浏览器中调试运行： bash ionic serve
5. 在安卓模拟器中调试运行： bash ionic cordova emulate android -l -c 打开 chrome://inspect/#devices 可查看当前运行的模拟器的后台输出。

下载地址

点击下载 【提取码: 4003】【解压密码: www.makuang.net】