Java基于springboot+vue的流浪动物救助收养平台 nodejs 前后端分离

随着城市饲养宠物日益增加，流浪动物也越来越多，本文对流浪动物出现的原因，引发的社会问题以及流浪动物的保护等方面进行思考阐述,以期唤醒人们对动物福利的关注和对生命的珍爱。
流浪动物主要是指散布在城市各大公园、社区以及城乡结合部人口较少的地区( 这一区域大都环境脏乱,垃圾成堆, 属于城市死角)的无主人的犬和猫。由于相关的法律、法规的不健全, 必要的管理缺位, 以及人们对宠物饲养的认识不够, 无辜遗弃宠物导致猫患、狗患, 它们或流落街头, 或被猫狗贩子扑杀, 或被执法人员乱棒打死, 引发出一系列的社会问题。

环境需要
1.运行环境：最好是java jdk 1.8，这是目前最稳定的JDK也是被使用最多的JDK版本。
2.IDE环境：IDEA，Eclipse都可以。推荐IDEA;
3.tomcat环境：Tomcat7/Tomcat8/Tomcat9版本均可
4.硬件环境：windows 7/8/10 1G内存以上；或者 Mac OS；
5.数据库：MySql 5.7版本；
6.是否Maven项目：是；
技术栈
后端：Spring+SpringMVC+Mybatis+Springboot
前端：vue+CSS+JavaScript+jQuery+elementui

为了让这些爱犬人士了解最新的一些活动信息，我们开发了爱心活动模块，在本模块中我们通过标题+图片的方式对爱心活动进行了展示，并且可以通过点击爱心活动的标题查看爱心活动的详细信息，流浪动物救助收养平台爱心活动信息效果如图5-4所示

人们之所以毫不在乎的遗弃动物，最主要的因素是缺乏相关的法律约束。法律的空白不只体现在弃养宠物上，在虐待、虐杀动物等极端事件中，由于无法可依，作恶者虽然会面临道德审判，但却很少受到实质的惩罚。基于同样的原因，很多流浪动物成为饭店的招牌菜，虽然会引起很多反对的声音，但生意却照做不误。
为了让这些爱犬人士了解最新的一些活动信息，我们开发了动物信息模块，在本模块中我们通过标题+图片的方式对动物信息进行了展示，并且可以通过点击动物信息的标题查看动物信息的详细信息，流浪动物救助收养平台动物信息效果如图

首页是网站的入口，主要包含了：首页，流浪动物信息，志愿者团队，流动动物公告，个人中心等功能。首页页面，实现效果如图

用户注册界面，登陆本网站的用户可以注册本网站，通过注册后可以随时浏览自己的浏览记录，更方便快捷的查找和保存用户信息，使用户不会因登陆地点和机器问题而困扰

流浪动物救助收养平台的管理人员通过后台登录可以对网站间管理，在登录的时候输入用户名+密码，系统将信息提交给Login方法进行数据的验证，当数据验证通过的时候登录成功，否则登录失败。流浪动物救助收养平台管理员登陆界面如图

管理员用户可以管理流浪动物信息，在流浪动物信息管理中输入对应的主键+创建时间+动物类型+动物特征+动物详情+救助时间+救助地点+图片+是否已经领养等基本信息后点击流浪动物信息管理中的[立即提交]按钮，系统会将输入的信息通过liulangdongwuxinxiControl控制层中的liulangdongwuxinxiadd()方法将这些数据添加到数据库liulangdongwuxinxi表中，为了挑高数据的完整性，我们对input控件设置了required属性，这样可以防止用户输入空的数据。流浪动物信息信息添加界面如图

/**
 * 登录相关
 */
@RequestMapping("users")
@RestController
public class UserController{
	
	@Autowired
	private UserService userService;
	
	@Autowired
	private TokenService tokenService;

	/**
	 * 登录
	 */
	@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){
//    	ValidatorUtils.validateEntity(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("/list")
    public R list( UserEntity user){
       	EntityWrapper<UserEntity> ew = new EntityWrapper<UserEntity>();
      	ew.allEq(MPUtil.allEQMapPre( user, "user")); 
        return R.ok().put("data", userService.selectListView(ew));
    }

    /**
     * 信息
     */
    @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){
//    	ValidatorUtils.validateEntity(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){
//        ValidatorUtils.validateEntity(user);
        userService.updateById(user);//全部更新
        return R.ok();
    }

    /**
     * 删除
     */
    @RequestMapping("/delete")
    public R delete(@RequestBody Long[] ids){
        userService.deleteBatchIds(Arrays.asList(ids));
        return R.ok();
    }
}

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138

目录
1 绪论 1
1.1课题背景 1
1.2课题研究现状 1
1.3初步设计方法与实施方案 2
1.4本文研究内容 2
2 系统开发环境 4
2.1 使用工具简介 4
2.2 环境配置 4
2.3 B/S结构简介 4
2.4 MySQL数据库 5
2.5 框架介绍 5
3 系统分析 6
3.1系统可行性分析 6
3.1.1经济可行性 6
3.1.2技术可行性 6
3.1.3运行可行性 6
3.2系统现状分析 6
3.3功能需求分析 7
3.4系统设计规则与运行环境 8
3.5系统流程分析 8
3.5.1操作流程 8
3.5.2添加信息流程 9
3.5.3删除信息流程 10
4 系统设计 11
4.1系统设计主要功能 11
4.2数据库设计 11
4.2.1数据库设计规范 11
4.2.2 E/R图 11
4.2.3数据表 12
5 系统实现 25
5.1系统功能模块 25
5.2后台模块 27
5.2.1管理员功能模块 27
5.2.2用户功能模块 30
6 系统测试 33
6.1功能测试 33
6.2可用性测试 33
6.3性能测试 34
6.4测试结果分析 34
7结 论 35
参考文献 36
致 谢 37