背景
基于python的流浪动物救济网站旨在为动物保护组织、收容所和潜在领养者提供一个高效、便捷的平台。该系统通过整合前端用户界面与后端数据库，创建一个友好的交互环境，使得用户能够方便地浏览可领养的宠物信息。
系统的核心功能包括宠物信息管理、领养申请处理、用户注册与登录、评论互动和搜索功能。管理员可以轻松添加、编辑和删除宠物信息，并对领养申请进行审核和管理，确保领养流程的规范与透明。同时，用户可以浏览宠物的详细资料，包括照片、性别、年龄、健康状况等，加深对领养宠物的了解。
系统还允许用户提交领养申请，并提供评论功能，以促进领养者之间的交流与互动。为了优化用户体验，系统支持多条件搜索，用户可以根据品种、年龄和性别进行筛选，从而快速找到合适的宠物。通过 Django 强大的后台管理功能和 MySQL 的高效数据存储，系统确保了数据的安全性和完整性。此外，良好的代码结构和模块化设计为后续功能扩展提供了便利。
功能介绍
系统分为后台和前台两部分。
后台的主要功能：
-
动物管理：管理系统可以录入、修改和查询动物的基本信息，如动物名称、型号、价格、备注等。
-
类型管理：系统可以管理动物的类型信息，包括类型的名称等。
-
标签管理：管理标签录入、修改和查询标签的信息。
-
评论管理：管理和浏览整个网站的评论信息。
-
领养管理：管理和浏览整个网站的领养信息。
-
用户管理：管理和浏览网站的用户信息，可以新增、编辑和删除用户。
-
统计分析：系统可以根据动物的活动数据和会员参与度进行统计和分析，帮助管理员了解整个系统的状况。
-
消息管理：动物管理员可以在系统上发布消息，整个网站的用户都能收到。
-
系统信息：管理员可以查看系统的基本信息，包括系统名称、服务器信息、内存信息、cpu信息、软件信息等。
前台的主要功能：
-
注册登录：用户通过注册和登录后，才能使用网站。
-
门户浏览：用户进入首页后，可以浏览动物列表信息，包括最新、最热、推荐。
-
智能推荐：详情页右侧的热门推荐。
-
用户中心：包括用户基本资料修改、用户邮箱推送、消息。
-
我的领养：包括我领养的动物的信息。
-
模糊搜索：顶部搜索功能，支持模糊搜索动物信息。
-
动物评论：详情页下侧用户可以评论动物。
开发环境
-
后端： Python 3.7 + Django 3.2
-
前端： Javascript + Vue
-
数据库：MySQL 8.0
-
开发平台：Pycharm + vscode
-
运行环境：Windows 10/11
关键技术
-
前端技术栈 ES6、vue、vuex、vue-router、vue-cli、axios、antd
-
后端技术栈 Python、Django、pip
后端技术
django框架
Django是一款基于Python开发的全栈式一体化Web应用框架。2003年问世之初，它只是美国一家报社的内部工具，2005年7月使用BSD许可证完成了开源。Django采用MTV设计模式，即Model（模型）+ Template（模板）+ View（视图）。它遵循MVC设计，并且内置了对象关系映射（ORM）层，使得开发者无需关心底层的数据存取细节，可以更专注于业务逻辑的开发。
Django的目的是削减代码量，简单且迅速地搭建以数据库为主体的复杂Web站点。它是全栈式框架，因此安装起来很简单，而且使用者众多。这使得Django除具有完备的官方文档之外，还有大量的关联文档、丰富的第三方库可供使用。与其他框架相比，Django用起来要轻松得多。
优点：
-
提供了定义序列化器Serializer的方法。可以快速根据Django ORM或者其他库自动序列化或反序列化。
-
提供了丰富的类视图MIXIN扩展类。可以简化视图的编写。
-
具有丰富的定制层级。包括函数视图、类视图，还可以将视图与自动生成API结合，满足各种需求。
-
支持多种身份认证和权限认证方式。
-
内置了限流系统。
前端技术
-
npm：node.js的包管理工具，用于统一管理我们前端项目中需要用到的包、插件、工具、命令等，便于开发和维护。
-
ES6：Javascript的新版本，ECMAScript6的简称。利用ES6我们可以简化我们的JS代码，同时利用其提供的强大功能来快速实现JS逻辑。
-
vue-cli：Vue的脚手架工具，用于自动生成Vue项目的目录及文件。
-
vue-router： Vue提供的前端路由工具，利用其我们实现页面的路由控制，局部刷新及按需加载，构建单页应用，实现前后端分离。
-
vuex：Vue提供的状态管理工具，用于统一管理我们项目中各种数据的交互和重用，存储我们需要用到数据对象。
-
Ant-design：基于MVVM框架Vue开源出来的一套前端ui组件。
运行步骤
后端运行步骤
(1) 安装mysql数据库，启动服务
(2) 打开cmd命令行，进入mysql，并新建数据库
```
mysql -u root -p
CREATE DATABASE IF NOT EXISTS python_adopt DEFAULT CHARSET utf8 COLLATE utf8_general_ci;
```
(3) 恢复sql数据
```
use xxx
source xxxx.sql
```
(4) 修改settings.py中的配置信息
(5) 安装python 3.8
(6) 安装依赖包
```
pip install -r requirements.txt -i https://mirrors.aliyun.com/pypi/simple
```
(7) 运行命令
```
python manage.py runserver
```
前端运行步骤
(1) 安装node 16
(2) cmd进入web目录下，安装依赖，执行:
```
npm install
```
(3) 运行项目
```
npm run dev
```
代码结构
后端结构
```
server
├── myapp // 主应用
│ └── auth // 认证管理
│ └── middlewares // 中间件
│ └── permission // 权限
│ └── views // 视图与接口（主要业务代码）
│ └── models.py // 状态码
│ └── serializers.py // 状态码
│ └── urls.py // 状态码
│ └── utils.py // 状态码
├── entity // 实体类
├── interceptor // 拦截器
├── mapper // 数据库映射
├── server // 配置目录
├── upload // 静态资源目录
├── requiements.txt // 依赖项
```
前端结构
```
├── build // 构建相关
├── public // 公共文件
│ ├── favicon.ico // favicon图标
│ └── index.html // html模板
├── src // 源代码
│ ├── api // 所有请求
│ ├── assets // 主题 字体等静态资源
│ ├── router // 路由
│ ├── store // 全局 store管理
│ ├── utils // 全局公用方法
│ ├── views // view界面
│ ├── App.vue // 入口页面
│ ├── main.js // 入口 加载组件 初始化等
│ └── settings.js // 系统配置
├── .eslintignore // 忽略语法检查
├── .eslintrc.js // eslint 配置项
├── .gitignore // git 忽略项
├── babel.config.js // babel.config.js
├── package.json // package.json
└── vite.config.js // vue配置
```
数据库设计
需求分析
在动物管理系统中，需要存储和管理动物信息、评论信息、分类信息、标签信息、用户信息、通知信息、日志信息。
实体设计如下：
-
动物(thing)
-
分类(classification)
-
标签(tag)
-
用户(user)
-
评价(comment)
-
日志(log)
-
通知(notice)
关系如下：
-
用户可以领养多个动物
-
动物可以被多个用户领养
-
一个动物有一个分类
-
一个分类可以对应多个动物
-
一个动物有多个标签
-
一个标签可以对应多个动物
运行效果
