基于springboot+vue+微信小程序的宠物领养系统

基于springboot+vue+微信小程序的宠物领养系统

一、介绍

本项目利用SpringBoot、Vue和微信小程序技术,构建了一个宠物领养系统。

本系统的设计分为两个层面,分别为管理层面与用户层面,也就是管理者与用户,管理权限与用户权限是不同的,具体角色分类与所具权限如下:

  1. 管理者:能够通过账户密码登录管理者界面,管理员有个人信息、修改密码、用户管理、公告管理、宠物管理、领养管理和社区管理功能。
  2. 用户:能够通过注册登录查看宠物信息、对于自己喜欢的宠物,可以申请领养。用户可以在社区发帖以及跟帖、且拥有公告查看、个人信息编辑、修改密码、参与用户调研、查看我的领养申请以及查看以及添加个人宠物的功能,且可以维护个人宠物的成长记录。
二、软件架构
功能架构:

在这里插入图片描述

技术栈:
  • 后端:Java、SpringBoot、Mybaits Plus ;
  • 前端:vue3、element-plus(https://element-plus.org/zh-CN/component/overview.html)、echarts;
  • 微信小程序:vant(https://vant-ui.github.io/vant-weapp/#/button)
  • 数据库: MySql
三、系统功能
用户功能需求
(1)注册功能

用户在小程序上进行账号注册。首先检查用户名和邮箱是否存在,如不存在即可进行注册;验证用户实名身分是否成年,只有满足身份证年龄18周岁以上的用户才可注册;注册成功后,将用户输入的密码进行MD5加密,注册成功后提示注册成功,并将用户信息保存到数据库中。

(2)登录功能

使用宠物领养系统前是需要用户登录个人账号。用户使用注册的账号登录小程序。
在这里插入图片描述

(3)首页

用户登录小程序后,首先可以看待宠物列表,可以浏览系统发布的宠物信息。(包括图片、视频、详细介绍),点击详情可以查看宠物详情,包含宠物基本信息、详情、审核信息和成长记录等信息。对于自己感兴趣的宠物,可以点击申请领养进行申请(申请领养前必须先完成用户信息调研)。
点击首页的“推荐”按钮,可以进入推荐列表:系统会根据用户调研信息的喜好结果,个性化推荐心仪的宠物。
在这里插入图片描述

(4)社区

用户通过申请领养到宠物后还可以在平台上实时记录宠物成长信息和在宠物社区进行发帖,与其他用户交流心得。还可以对他人发布的信息进行点赞、评论等操作。该部分功能分为晒宠物、求宠物、找领养等模块,用户发布的时候可以选择模块标签后进行发布。
在这里插入图片描述

(5)公告

用户可以查看管理员发布的系统公告
在这里插入图片描述

(6)个人信息编辑

用户在这里维护个人信息。

(7)修改密码

用户可以定期在这里修改密码,确保账号的安全性。

(8)用户调研

用户在这里参与用户调研,填写调查问卷后,系统会给用户推荐喜欢的宠物,用户也可以对自己感兴趣的宠物申请领养。
在这里插入图片描述

(9)我的领养申请

用户在这里查看自己的领养申请记录,分为全部、已申请、审核通过、审核未通过、已收货和已取消几类数据。
在这里插入图片描述

(10)我的宠物

首先,用户可以在该模块添加自己的宠物,添加后可以维护宠物的成长记录,该模块的数据管理员不可见,仅宠物主自己可看。如果用户想转让自己的宠物,点击转让按钮即可转让,转让后宠物会进入管理员界面,由管理员进行审核与发布。对于用户领养且已收货的宠物、点击领养tag按钮,即可查看宠物信息。
在这里插入图片描述

管理者功能需求
(1)登录

管理员使用系统,首先要登入系统。

(2)个人信息

管理员在这里维护个人信息。

(3)首页

首页是对平台数据的统计页面,这里使用echarts图对数据进行分析展示,管理员可以清晰的看到平台相关数据分析。
在这里插入图片描述

(4)修改密码

管理员可以定期在这里修改密码,确保账号的安全性。

(5)用户管理

管理者可以进入用户管理页面,可以看到目前所注册的用户相关信息,通过姓名,手机账号进行搜索,还可以对用户进行如下操作:
a)新增:点击新增按钮,输入用户信息,可添加新用户
b)搜索:输入用户名字和手机号码,点击搜索即可查询用户信息
c)编辑:编辑用户信息
d)重置密码:点击重置密码,可重置该用户密码
e)启用/停用:对用户账号状态进行修改,被停用的用户无法登录系统
f)删除:删除该账号
在这里插入图片描述
在这里插入图片描述

(6)公告管理

管理者进入公告管理页面,进行新增、修改、删除、停/启用以及查看详情等操作。
在这里插入图片描述
在这里插入图片描述

(7)宠物管理

管理者进入宠物管理页面,即可看到平台所有宠物列表,包含管理员添加的以及用户转让的宠物,且可以进行新增、查看详情、修改、删除、审核、启/停用、以及维护成长记录等操作。

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

(8)领养管理

管理员进入领养管理页面,可以看到用户所有的申请领养记录,可以对记录进行审核操作,且可以在这里查看宠物详情和领养详情。
在这里插入图片描述

(9)社区管理

管理宠物社区的帖子和评论,可以对违规信息进行删除操作。
在这里插入图片描述
在这里插入图片描述

四、安装教程

  • 使用Navicat或者其它工具,在mysql中创建对应名称的数据库,并执行项目的sql文件
  • 使用IDEA/Eclipse导入项目,若为maven项目请选择maven,等待依赖下载完成
  • 修改application.yml里面的数据库配置以及文件下载地址等配置,然后运行项目
  • (管理端前端)在编译器中打开terminal,进入pet-web目录下,执行npm install 依赖下载完成后执行 npm run dev,执行成功后会显示访问地址
  • (微信小程序)在微信开发者工具中打开pet-mini代码

五、工程目录结构

|house-second|-- pet-server 后端目录接口|-- pet-web 管理端前端|-- pet-web 用户端(微信小程序)

六、表结构

表名说明功能
tbl_file文件信息表存储文件信息
tbl_user用户信息表存储系统用户信息
tbl_user_survey用户调研信息表保存用户调研信息
tbl_notice公告信息表存储公告信息
tb_pet_user个人宠物信息表存储用户个人宠物基础信息
tb_pet宠物信息表存储宠物库宠物基本信息
tb_pet_adopt宠物领养信息表存储领养信息
tb_pet_record宠物成长记录表存储宠物成长记录信息
tb_community社区信息表存储社区帖子信息
tb_community_collect社区点赞表存储社区帖子点赞和收藏信息
tb_community_comment社区评论表存储社区帖子评论信息

七、其它

微信小程序官方文档:https://developers.weixin.qq.com/miniprogram/dev/component/picker-view-column.html
vat文档:https://vant-ui.github.io/vant-weapp/#/button

源码地址:https://gitee.com/ymz-001/j-pet

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.rhkb.cn/news/1141.html

如若内容造成侵权/违法违规/事实不符,请联系长河编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Termora 一个开源的 SSH 跨平台客户端工具

Termora 是一个终端模拟器和 SSH 客户端,支持 Windows,macOS 和 Linux。 功能特性 支持 SSH 和本地终端支持 SFTP 文件传输支持 Windows、macOS、Linux 平台支持 Zmodem 协议支持 SSH 端口转发支持配置同步到 Gist支持宏(录制脚本并回放&…

TypeScript Jest 单元测试 搭建

NPM TypeScript 项目搭建 创建目录 mkdir mockprojectcd mockproject初始化NPM项目 npm init -y安装TypeScript npm i -D typescript使用VSCode 打开项目 创建TS配置文件tsconfig.json {"compilerOptions": {"target": "es5","module&…

sql模糊关联匹配

需求目标: 建立临时表 drop table grafana_bi.zbj_gift_2024;USE grafana_bi; CREATE TABLE zbj_gift_2024 (id INT AUTO_INCREMENT PRIMARY KEY,userName VARCHAR(255),giftName VARCHAR(255),giftNum INT,points INT,teacher VARCHAR(255),sendDate DATETIME,…

Web前端:JavaScript标识符与变量

JavaScript介绍 JavaScript 是一种轻量级的脚本语言。所谓“脚本语言”,指的是它不具备开发操作系统的能力,而是只用来编写控制其他大型应用程序的“脚本”。 JavaScript 是一种嵌入式(embedded)语言。它本身提供的核心语法不算…

mac homebrew配置使用

本文介绍mac上homebrew工具的安装、配置过程。homebrew功能类似于centos的yum,用于软件包的管理,使用上有命令的差异。 本次配置过程使用mac,看官方文档,在linux上也可以用,但我没试过,有兴趣的同学可以试试…

对话新晋 Apache SeaTunnel Committer:张圣航的开源之路与技术洞察

近日,张圣航被推选为 Apache SeaTunnel 的 Committer成员。带着对技术的热情和社区的责任,他将如何跟随 Apache SeaTunnel 社区迈向新的高度?让我们一起来聆听他的故事。 自我介绍 请您简单介绍一下自己,包括职业背景、当前的工作…

智慧公厕大数据驱动下的公共卫生管理与优化

在快速发展的城市化进程中,公共卫生问题日益凸显,成为城市管理的重要议题。智慧公厕,作为公共卫生设施的一次革命性创新,正借助物联网技术的东风,引领公共卫生进入一个全新的生态时代。本文将深入探讨智慧公厕如何利用…

后盾人JS--JS值类型使用(终章)

数值类型转换技巧与NaN类型 什么是NaN呢&#xff1f;顾名思义就是&#xff0c;not a number <!DOCTYPE html> <html lang"en"> <head><meta charset"UTF-8"><meta name"viewport" content"widthdevice-width,…

EFK采集k8s日志

在 Kubernetes 集群中&#xff0c;需要全面了解各个 pod 应用运行状态、故障排查和性能分析。但由于 Pod 是动态创建和销毁的&#xff0c;其日志分散且存储不持久&#xff0c;因此需要通过集中式日志采集方案&#xff0c;将日志收集到统一的平台并配置日志可视化分析和监控告警…

探索网络安全:浅析文件上传漏洞

前言 在数字化时代&#xff0c;网络安全已成为我们每个人都需要关注的重要议题。无论是个人隐私保护&#xff0c;还是企业数据安全&#xff0c;网络威胁无处不在。了解网络安全的基本知识和防护措施&#xff0c;对我们每个人来说都至关重要。 网络安全 网络安全并非只是对网…

计算机网络 (36)TCP可靠传输的实现

前言 TCP&#xff08;传输控制协议&#xff09;是一种面向连接的、可靠的、基于字节流的传输层通信协议。TCP通过多种机制实现可靠传输&#xff0c;这些机制主要包括连接管理、序列号和确认应答机制、重传机制、流量控制、拥塞控制等。 一、连接管理 TCP使用三次握手&#xff0…

零样本极速复刻语音!F5-TTS本地部署教程

一、介绍 F5-TTS 是由上海交通大学、剑桥大学和吉利汽车研究院&#xff08;宁波&#xff09;有限公司于 2024 年共同开源的一款高性能文本到语音 (TTS) 系统&#xff0c;它基于流匹配的非自回归生成方法&#xff0c;结合了扩散变换器 (DiT) 技术。。这一系统能够在没有额外监督…

poi处理多选框进行勾选操作下载word以及多word文件压缩

一、场景 将数据导出word后且实现动态勾选复选框操作 eg: word模板 导出后效果&#xff08;根据数据动态勾选复选框&#xff09; 二、解决方案及涉及技术 ① 使用poi提供的库进行处理&#xff08;poi官方文档&#xff09; ② 涉及依赖 <!-- excel工具 --><depen…

关于使用FastGPT 摸索的QA

近期在通过fastGPT&#xff0c;创建一些基于特定业务场景的、相对复杂的Agent智能体应用。 工作流在AI模型的基础上&#xff0c;可以定义业务逻辑&#xff0c;满足输出对话之外的需求。 在最近3个月来的摸索和实践中&#xff0c;一些基于经验的小问题点&#xff08;自己也常常…

开放词汇检测新晋SOTA:DOSOD实时检测算法详解

在计算机视觉领域&#xff0c;目标检测技术一直是研究的热点与难点。随着应用场景的不断拓展&#xff0c;传统的闭集检测逐渐显露出其局限性&#xff0c;开放词汇检测&#xff08;Open-Vocabulary Object Detection&#xff09;应运而生&#xff0c;为行业带来了新的活力与可能…

Spring 项目 基于 Tomcat容器进行部署

文章目录 一、前置知识二、本地Idea运行Spring项目1. 将写好的 Spring 项目先打包成 war 包2. 查看项目工件&#xff08;Artifact&#xff09;是否存在3. 配置 Tomcat3.1 添加一个本地 Tomcat 容器3.2 将项目部署到 Tomcat 4. 运行项目 三、基于 Tomcat 部署及多实例部署1. Spr…

MixDehazeNet:用于图像去雾网络的混合结构块

摘要 https://arxiv.org/pdf/2305.17654 图像去雾是低级视觉领域中的一项典型任务。先前的研究验证了大型卷积核和注意力机制在去雾中的有效性。然而&#xff0c;存在两个缺点&#xff1a;引入大型卷积核时容易忽略图像的多尺度特性&#xff0c;而注意力模块的标准串联方式没有…

浅谈云计算05 | 云存储等级及其接口工作原理

一、云存储设备 在当今数字化飞速发展的时代&#xff0c;数据已然成为个人、企业乃至整个社会的核心资产。从日常生活中的珍贵照片、视频&#xff0c;到企业运营里的关键业务文档、客户资料&#xff0c;数据量呈爆炸式增长。面对海量的数据&#xff0c;如何安全、高效且便捷地存…

反转链表题目

文章目录 反转链表题目链接&#xff1a;[在线OJ](https://leetcode.cn/problems/reverse-linked-list/description/)题目详解思路1&#xff1a;思路1算法复杂度 思路2代码实现思路2算法复杂度 结语 欢迎大家来到我的博客&#xff0c;给生活来点impetus 让我们进入《题海探骊》…

【1】Word:邀请函

目录 题目 文字解析 流程 题目 文字解析 考生文件夹☞Word.docx☞一定要用ms打开&#xff0c;wps打开作答无效☞作答完毕&#xff0c;F12或者手动另存为&#xff08;考生文件夹&#xff1a;路径文件名&#xff09; 注意&#xff1a;一定要检查&#xff0c;很有可能你前面步…