文章目录
- 基于Java+SpringMVC+vue+element宠物管理系统设计实现
- 一、前言介绍：
- 二、系统设计：
- 2.1 系统设计原则：
- 2.2 整体架构设计：
- 2.3 系统功能设计：
- 2.4 登录注册时序图设计
- 三、功能截图：
- 3.1 登录注册：
- 3.2 前端部分：
- 3.2.1 系统首页：
- 3.2.2 宠物用品：
- 3.2.3 宠物寄存：
- 3.2.4 宠物领养：
- 3.2.5 宠物论坛：
- 3.2.6 宠物资讯：
- 3.2.7 个人中心：
- 3.2.8 购物车管理：
- 3.2.9 用户后端：
- 3.3 后台管理：
- 3.3.1 用户管理：
- 3.3.2 商品管理：
- 3.3.3 领养管理：
- 3.3.4 寄存管理：
- 3.3.5 订单管理：
- 四、数据设计：
- 4.1 宠物领养管理实体属性如下图所示 ：
- 4.2 宠物挂失管理实体属性如下图所示：
- 4.3 订单管理实体属性如下图所示：
- 4.4 宠物寄存管理实体属性如下图所示：
- 五、代码实现：
- 六、论文参考：
- 获取源码：
一、前言介绍：
随着现代网络技术发展，对于宠物管理系统的设计现在正处于发展的阶段，所以对的要求也是比较严格的，要从系统的功能和用户实际需求来进行对系统制定开发的发展方式，依靠网络技术的的快速发展和现代通讯技术的结合为人们带来方便，可以方便用户网上查看，还可以通过这些技术实现宠物管理系统系统等过程。当今社会互联网急速发展，宠物管理系统也在国内爆炸式的发展起来。这种网络模式对长期使用互联网社会产生了深远的的影响，在这种社会环境下开发一个适用于用户都可以操作的、简单的、便捷的宠物管理系统的发展前景是非常好的。 以往的宠物管理系统相关信息管理，都是工作人员手工统计。这种方式不但时效性低，而且需要查找和变更的时候很不方便。随着科学的进步，技术的成熟，计算机信息化也日新月异的发展，社会也已经深刻的认识，计算机功能非常的强大，计算机已经进入了人类社会发展的各个领域，并且发挥着十分重要的作用。本系统利用网络沟通、计算机信息存储管理，有着与传统的方式所无法替代的优点。比如计算检索速度特别快、可靠性特别高、存储容量特别大、保密性特别好、可保存时间特别长、成本特别低等。在工作效率上，能够得到极大地提高，延伸至服务水平也会有好的收获，有了网络，宠物管理系统的各方面的管理更加科学和系统，更加规范和简便。
二、系统设计：
2.1 系统设计原则：
一个系统要在开发和维护的过程中方便使用，必须采取一定的设计原则，其主要设计原则有： 简单性：系统功能简单易懂，只需要掌握基本的计算机操作能力即可使用。
针对性：针对特定的宠物管理系统用户，没有多余的其他功能，使用户可以专心使用。
实用性：能够满足用户对宠物信息方面的需求。
一致性：设计风格、命名规范一致，整个系统的各个功能模块色彩、摆放位置、功能等都是一致的。
先进性：本系统的代码采用读取数据的方式，方便后续开发、拓展。
2.2 整体架构设计：
2.3 系统功能设计：
主要功能设计包含：首页、个人中心、宠物分类管理、商品分类管理、宠物用品管理、宠物商店管理、宠物领养管理、用户管理、宠物寄存管理、用户领养管理、宠物挂失管理、论坛管理、管理员管理、系统管理、订单管理等信息等
2.4 登录注册时序图设计
前端用户发送登录请求-验证输入的账号虚线-执行数据查询-返回查询结果-判断用户是否存在-前端根据结果集执行不同的操作。
三、功能截图：
3.1 登录注册：
登录、用户注册，在用户注册页面可以查看用户名、密码、姓名、手机等详细内容进行登录、用户注册。
3.2 前端部分：
3.2.1 系统首页：
宠物管理系统，在系统首页可以查看首页、宠物用品、宠物商店、宠物领养、宠物挂失、论坛信息、宠物资讯、个人中心、后台管理、购物车、客服等内容。
3.2.2 宠物用品：
在宠物用品页面通过填写商品名称、分类、图片、规格、品牌、保质期、生产日期、价格等信息进行立即购买
在我的订单页面通过填写订单编号、商品、价格、数量、总价、地址等信息进行提交操作
3.2.3 宠物寄存：
3.2.4 宠物领养：
3.2.5 宠物论坛：
3.2.6 宠物资讯：
3.2.7 个人中心：
3.2.8 购物车管理：
用户下单模块：
余额不足时可以在用户个人中心进行充值：
订单管理：
3.2.9 用户后端：
3.3 后台管理：
管理员登录进入宠物管理系统可以查看首页、个人中心、宠物分类管理、商品分类管理、宠物用品管理、宠物商店管理、宠物领养管理、用户管理、宠物寄存管理、用户领养管理、宠物挂失管理、论坛管理、管理员管理、系统管理、订单管理等信息。
3.3.1 用户管理：
3.3.2 商品管理：
宠物用品管理，在宠物用品管理页面中可以查看商品名称、分类、图片、规格、品牌、保质期、生产日期、价格等信息，并可根据需要对已有宠物用品管理进行修改或删除等操作。
3.3.3 领养管理：
宠物领养管理，在宠物领养管理页面中可以查看宠物名称、分类、图片、种类、年龄、性别、性情、宠物状态、疫苗情况、领养费用等内容，并且根据需要对已有宠物领养管理进行添加，修改或删除等详细操作。
3.3.4 寄存管理：
宠物寄存管理，在宠物寄存管理页面中可以查看寄存标题、宠物名称、分类、图片、性别、年龄、商店编号、商店名称、联系电话、寄存日期、备注、用户名、手机、审核回复、审核状态、审核等内容，并且根据需要对已有宠物寄存管理进行添加，修改或删除等详细操作。
3.3.5 订单管理：
在订单管理页面中可以查看订单编号、商品名称、商品图片、购买数量、价格/积分、折扣价格、总价格/总积分、折扣总价格、支付类型、状态、地址等内容，并且根据需要对已有订单管理进行添加，修改或删除等详细操作，如图所示
四、数据设计：
4.1 宠物领养管理实体属性如下图所示 ：
4.2 宠物挂失管理实体属性如下图所示：
4.3 订单管理实体属性如下图所示：
4.4 宠物寄存管理实体属性如下图所示：
五、代码实现：
/** * 登录 */ @IgnoreAuth @PostMapping(value = "/login") public R login(String username, String password, String captcha, HttpServletRequest request) { UserEntity user = userService.selectOne(new EntityWrapper<UserEntity>().eq("username", username)); if(user==null || !user.getPassword().equals(password)) { return R.error("账号或密码不正确"); } String token = tokenService.generateToken(user.getId(),username, "users", user.getRole()); return R.ok().put("token", token); } /** * 注册 */ @IgnoreAuth @PostMapping(value = "/register") public R register(@RequestBody UserEntity user){ if(userService.selectOne(new EntityWrapper<UserEntity>().eq("username", user.getUsername())) !=null) { return R.error("用户已存在"); } userService.insert(user); return R.ok(); } /** * 退出 */ @GetMapping(value = "logout") public R logout(HttpServletRequest request) { request.getSession().invalidate(); return R.ok("退出成功"); } /** * 密码重置 */ @IgnoreAuth @RequestMapping(value = "/resetPass") public R resetPass(String username, HttpServletRequest request){ UserEntity user = userService.selectOne(new EntityWrapper<UserEntity>().eq("username", username)); if(user==null) { return R.error("账号不存在"); } user.setPassword("123456"); userService.update(user,null); return R.ok("密码已重置为：123456"); } /** * 列表 */ @RequestMapping("/page") public R page(@RequestParam Map<String, Object> params,UserEntity user){ EntityWrapper<UserEntity> ew = new EntityWrapper<UserEntity>(); PageUtils page = userService.queryPage(params, MPUtil.sort(MPUtil.between(MPUtil.allLike(ew, user), params), params)); return R.ok().put("data", page); } /** * 信息 */ @RequestMapping("/info/{id}") public R info(@PathVariable("id") String id){ UserEntity user = userService.selectById(id); return R.ok().put("data", user); } /** * 获取用户的session用户信息 */ @RequestMapping("/session") public R getCurrUser(HttpServletRequest request){ Long id = (Long)request.getSession().getAttribute("userId"); UserEntity user = userService.selectById(id); return R.ok().put("data", user); } /** * 保存 */ @PostMapping("/save") public R save(@RequestBody UserEntity user){ if(userService.selectOne(new EntityWrapper<UserEntity>().eq("username", user.getUsername())) !=null) { return R.error("用户已存在"); } userService.insert(user); return R.ok(); } /** * 修改 */ @RequestMapping("/update") public R update(@RequestBody UserEntity user){ userService.updateById(user);//全部更新 return R.ok(); } /** * 删除 */ @RequestMapping("/delete") public R delete(@RequestBody Long[] ids){ userService.deleteBatchIds(Arrays.asList(ids)); return R.ok(); }// 登录 form.on('submit(login)', function(data) { data = data.field; if (!data.role) { layer.msg('请选择登录用户类型', { time: 2000, icon: 5 }); return false; } http.request(data.role + '/login', 'get', data, function(res) { layer.msg('登录成功', { time: 2000, icon: 6 }); // 登录凭证 localStorage.setItem('Token', res.token); localStorage.setItem('role', jquery('#role:checked').attr('title')); // 当前登录用户角色 localStorage.setItem('userTable', data.role); localStorage.setItem('sessionTable', data.role); // 用户名称 localStorage.setItem('adminName', data.username); http.request(data.role + '/session', 'get', {}, function(res) { // 用户id localStorage.setItem('userid', res.data.id); // 路径访问设置 window.location.href = '../../index.html'; }) }); return false });<?xml version="1.0" encoding="UTF-8"?><beans xmlns="http://www.springframework.org/schema/beans" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:context="http://www.springframework.org/schema/context" xmlns:mvc="http://www.springframework.org/schema/mvc" xsi:schemaLocation="http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans.xsd http://www.springframework.org/schema/context http://www.springframework.org/schema/context/spring-context.xsd http://www.springframework.org/schema/mvc http://www.springframework.org/schema/mvc/spring-mvc.xsd"> <mvc:default-servlet-handler/> <!-- Controller包(自动注入) --> <context:component-scan base-package="com.controller"/> <!-- FastJson注入 --> <mvc:annotation-driven> </mvc:annotation-driven> <!-- 静态资源配置 --> <mvc:resources mapping="/resources/**" location="/resources/"/> <!-- 对模型视图名称的解析,即在模型视图名称添加前后缀 --> <bean class="org.springframework.web.servlet.view.InternalResourceViewResolver"> <property name="prefix" value="/WEB-INF/pages/"/> <property name="suffix" value=".jsp"/> </bean> <!-- 拦截器配置 --> <mvc:interceptors> <mvc:interceptor> <mvc:mapping path="/**"/> <mvc:exclude-mapping path="/upload"/> <bean class="com.interceptor.AuthorizationInterceptor"/> </mvc:interceptor> </mvc:interceptors> <!-- 上传限制 --> <bean id="multipartResolver" class="org.springframework.web.multipart.commons.CommonsMultipartResolver"> <!-- 上传文件大小限制为31M，31*1024*1024 --> <property name="maxUploadSize" value="32505856"/> </bean></beans>六、论文参考：
