该项目含有源码、文档、程序、数据库、配套开发软件、软件安装教程。欢迎交流
项目运行
环境配置:
Node.js+ Vscode + Mysql5.7 + HBuilderX+Navicat11+Vue+Express。
项目技术:
Express框架 + Node.js+ Vue 等等组成,B/S模式 +Vscode管理+前后端分离等等。
环境需要
1.运行环境:最好是Nodejs最新版,我们在这个版本上开发的。其他版本理论上也可以。
2.开发环境:Vscode或HbuilderX都可以。推荐HbuilderX;
3.mysql环境:建议是用5.7版本均可
4.硬件环境:windows 7/8/10 1G内存以上;或者 Mac OS;
6.Navcat11:这个版本不限10/11/14/15都可以。;
Node.js毕设帮助,指导,本源码(见文末),调试部署
第5章 系统实现
5.1微信端
用户登录,用户通过输入用户名和密码,选择角色并点击登录进行系统登录操作,如图5-1所示。
图5-1登录界面图
注册,在注册页面通过填写用户信息完成注册,如图5-2所示。
图5-2注册界面图
发放者和领养者登录进入首页,可以进行首页、宠物信息、宠圈、宠物指南、我的等功能模块的查看与操作,如图5-3所示。
图5-3系统首页界面图
宠物信息,在宠物信息页面可以查看宠物编号、宠物类别、宠物名称、年龄、性别、宠物照片、性格描述、生活习性、发放者账号、发放者姓名、发放者手机、发放者地址、出售价格等信息,如图5-4所示。
图5-4宠物信息界面图
宠圈,在宠圈页面可以查看标题、内容、发布时间、封面图片、领养者账号、领养者姓名等信息,进行赞、踩,如图5-5所示。
图5-5宠圈界面图
发放者,在我的页面可以对宠物信息、宠物健康凭证、宠物购买、领养订单、领养合同、公告信息、宠物学堂、保障服务、消息、回复、我的收藏管理等详细信息进行操作,如图5-6所示。
图5-6发放者界面图
领养合同,在领养合同页面可以查看合同编号、合同图片、宠物编号、宠物名称、领养时间、宠物类别、发放者账号、发放者姓名、领养者账号、领养者姓名、签订时间、审核回复等信息,如图5-7所示。
图5-7领养合同界面图
发放者信息,在用户信息页面可以填写发放者账号、密码、发放者姓名、性别、年龄、头像、发放者手机、发放者地址等详细信息进行保存操作,如图5-8所示。
图5-8发放者信息界面图
领养者,在我的页面可以查看宠物信息、宠物健康凭证、宠圈、宠物购买、领养订单、领养合同、公告信息、宠物学堂、保障服务、消息、回复、我的收藏管理等信息,如图5-9所示。
图5-9领养者界面图
宠物购买,在宠物购买页面可以查看订单编号、宠物名称、宠物类别、宠物照片、出售价格、发放者账号、发放者姓名、发放者手机、发放者地址、领养者账号、领养者姓名、领养者地址、交易方式、购买时间、审核回复等信息,进行支付,如图5-10所示。
图5-10宠物购买界面图
5.2服务端
管理员登录,管理员通过输入账号和密码,选择角色并点击登录进行系统登录操作,如图5-11所示。
图5-11管理员登录界图面
管理员登陆系统后,可以对首页、个人中心、发放者管理、领养者管理、宠物类别管理、宠物信息管理、宠物健康凭证管理、宠圈管理、宠物购买管理、领养订单管理、领养合同管理、公告信息管理、宠物指南管理、宠物学堂管理、保障服务管理、消息管理、回复管理、系统管理等功能模块进行相应操作,如图5-12所示。
图5-12管理员功能界图面
发放者管理,在发放者管理页面可以对索引、发放者账号、发放者姓名、性别、年龄、头像、发放者手机、发放者地址等内容进行详情,修改或删除等操作,如图5-13所示。
图5-13发放者管理界面图
领养者管理,在领养者管理页面可以对索引、领养者账号、领养者姓名、性别、年龄、头像、领养者手机、领养者地址等内容进行详情,修改或删除等操作,如图5-14所示。
图5-14领养者管理界面图
宠物类别管理,在宠物类别管理页面可以对索引、宠物类别等内容进行详情,修改或删除等操作,如图5-15所示。
图5-15宠物类别管理界面图
宠物信息管理,在宠物信息管理页面可以对索引、宠物编号、宠物类别、宠物名称、年龄、性别、宠物照片、性格描述、生活习性、发放者账号、发放者姓名、发放者手机、发放者地址、出售价格等内容进行详情,修改或删除等操作,如图5-16所示。
图5-16宠物信息管理界面图
宠物健康凭证管理,在宠物健康凭证管理页面可以对索引、宠物编号、宠物类别、宠物名称、健康凭证、发放者账号、发放者姓名、更新时间、备注等内容进行详情,修改或删除等操作,如图5-17所示。
图5-17宠物健康凭证管理界面图
宠圈管理,在宠圈管理页面可以对索引、标题、内容、发布时间、封面图片、领养者账号、领养者姓名等内容进行详情,修改或删除等操作,如图5-18所示。
图5-18宠圈管理界面图
宠物购买管理,在宠物购买管理页面可以查看索引、订单编号、宠物名称、宠物类别、宠物照片、出售价格、发放者账号、发放者姓名、发放者手机、发放者地址、领养者账号、领养者姓名、领养者地址、交易方式、购买时间、是否支付、审核回复、审核状态等内容,如图5-19所示。
图5-19宠物购买管理界面图
领养订单管理,在领养订单管理页面可以查看索引、领养编号、宠物编号、宠物名称、宠物类别、宠物照片、发放者账号、发放者姓名、发放者手机、发放者地址、领养时间、领养者账号、领养者姓名、领养者手机、领养者地址、交易方式、审核回复、审核状态等内容,如图5-20所示。
图5-20领养订单管理界面图
领养合同管理,在领养合同管理页面可以对索引、合同编号、合同图片、宠物编号、宠物名称、领养时间、宠物类别、发放者账号、发放者姓名、领养者账号、领养者姓名、签订时间、审核回复、审核状态、审核等内容进行详情,修改或删除等操作,如图5-21所示。
图5-21领养合同管理界面图
宠物指南管理,在宠物指南管理页面可以对索引、标题、图片、简述、发布时间、发布人等内容进行查看评论、,修改或删除等操作,如图5-22所示。
图5-22宠物指南管理界面图
宠物学堂管理,在宠物学堂管理页面可以对索引、标题、图片、简述、发布时间、发布人等内容进行查看评论、修改或删除等操作,如图5-23所示。
图5-23宠物学堂管理界面图
保障服务管理,在保障服务管理页面可以对索引、标题、图片、服务内容、保障内容、发布人、发布时间等内容进行查看评论,修改或删除等操作,如图5-24所示。
图5-24保障服务管理界面图
回复管理,在回复管理页面可以对索引、发放者账号、发放者姓名、回复内容、回复时间、领养者账号、领养者姓名等内容进行详情,修改或删除等操作,如图5-25所示。
图5-25回复管理界面图
Node.js毕设帮助,指导,源码获取,调试部署