sringboot vue宠物寄养系统实战开发教程

56 阅读3分钟

最近打算写一个宠物寄养系统,本来想找一个合适的项目作参考,看看功能写哪些比较合适。 但网上找到的只有模板生成的十分冗杂的项目,用vue还前后端不分离,只能自己写一个了,也录制了完整带敲视频,方便同学们进行参考学习!界面看起来比较简单,element ui刚用顺手。。。。。。

在这里插入图片描述

首先是设计角色,考虑到现在项目一般要求比较复杂,搞两个角色有点少,就写了三个角色。

也录制了完整的项目完整教程,希望能同学们可以做个参考 带敲视频

分三个角色,那功能就大概确定了,管理员就主要起到一个审核作用,另外一个角色是商家,商家就提供各种服务。

登录 这一功能应该是很基础的了,哪个项目都有,添加了选择角色的功能,用户就跳转前台,管理员,商家跳转后台。

在这里插入图片描述

用户可以在下图界面输入名字,用户名,密码,确认密码注册。

在这里插入图片描述 添加宠物 用户在寄养宠物前需要添加宠物信息,未寄养时,也可以对宠物信息进行修改,删除。 在这里插入图片描述 购买商品 用户可以在商品页面加入购物车后进行购买,购买后可以在已购买物品查看订单信息。 在这里插入图片描述 用户在首页选择自己所需要的物品后,可以加入购物车,也可以进行删除。 在这里插入图片描述 购物车中的数据是通过存入数据库实现,用户选中想要的商品即向购物车数据库表中添加一条数据,当加入购物车的商品在购物车中已经存在,需要在service层判断,只需要增加商品数量即可。 选中购物车中的商品,购买,然后弹出可选择的收货信息,即可完成购买。

在这里插入图片描述

购买服务项目 在店铺详情页面,可以选择店铺提供的服务项目,选择购买即可。

在这里插入图片描述 用户购买后,可以在购买项目页面查看到购买的项目服务信息。 在这里插入图片描述 寄养宠物 用户在登录之后可以进行宠物的寄养,在店铺信息栏选择店铺跳转到店铺详情页面,在表单中输入寄养信息,如选择寄养的宠物,预计寄养时间等,等待管理员审核后可以寄养成功。

在这里插入图片描述 寄养评价 在用户完成寄养后,可以对店里的寄养服务评价,方便管理人员对寄养过程中存在的不足进行改进。 在这里插入图片描述

商家功能 登录:在登录页面选择商家角色登录。 商品管理:可以添加店铺的商品信息, 项目服务管理:对项目服务进行增删改查,对用户购买的服务进行处理。 在这里插入图片描述 寄养完成后,该店铺商家可以对用户评论进行查看。 在这里插入图片描述 管理员: 对用户,商家信息进行管理。 宠物管理:对宠物信息进行修改,删除,查询。当寄养进行时,无法删除与修改宠物信息。 在这里插入图片描述 公告管理:对公告信息可以增删改查。 评价管理:对于用户的寄养评价进行管理。 在这里插入图片描述