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

随着城市饲养宠物日益增加,流浪动物也越来越多,本文对流浪动物出现的原因,引发的社会问题以及流浪动物的保护等方面进行思考阐述,以期唤醒人们对动物福利的关注和对生命的珍爱。
流浪动物主要是指散布在城市各大公园、社区以及城乡结合部人口较少的地区( 这一区域大都环境脏乱,垃圾成堆, 属于城市死角)的无主人的犬和猫。由于相关的法律、法规的不健全, 必要的管理缺位, 以及人们对宠物饲养的认识不够, 无辜遗弃宠物导致猫患、狗患, 它们或流落街头, 或被猫狗贩子扑杀, 或被执法人员乱棒打死, 引发出一系列的社会问题。
Java基于springboot+vue的流浪动物救助收养平台 nodejs 前后端分离_第1张图片
环境需要
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所示
Java基于springboot+vue的流浪动物救助收养平台 nodejs 前后端分离_第2张图片
人们之所以毫不在乎的遗弃动物,最主要的因素是缺乏相关的法律约束。法律的空白不只体现在弃养宠物上,在虐待、虐杀动物等极端事件中,由于无法可依,作恶者虽然会面临道德审判,但却很少受到实质的惩罚。基于同样的原因,很多流浪动物成为饭店的招牌菜,虽然会引起很多反对的声音,但生意却照做不误。
为了让这些爱犬人士了解最新的一些活动信息,我们开发了动物信息模块,在本模块中我们通过标题+图片的方式对动物信息进行了展示,并且可以通过点击动物信息的标题查看动物信息的详细信息,流浪动物救助收养平台动物信息效果如图
Java基于springboot+vue的流浪动物救助收养平台 nodejs 前后端分离_第3张图片
首页是网站的入口,主要包含了:首页,流浪动物信息,志愿者团队,流动动物公告,个人中心等功能。首页页面,实现效果如图
Java基于springboot+vue的流浪动物救助收养平台 nodejs 前后端分离_第4张图片
用户注册界面,登陆本网站的用户可以注册本网站,通过注册后可以随时浏览自己的浏览记录,更方便快捷的查找和保存用户信息,使用户不会因登陆地点和机器问题而困扰
Java基于springboot+vue的流浪动物救助收养平台 nodejs 前后端分离_第5张图片
流浪动物救助收养平台的管理人员通过后台登录可以对网站间管理,在登录的时候输入用户名+密码,系统将信息提交给Login方法进行数据的验证,当数据验证通过的时候登录成功,否则登录失败。流浪动物救助收养平台管理员登陆界面如图
Java基于springboot+vue的流浪动物救助收养平台 nodejs 前后端分离_第6张图片
管理员用户可以管理流浪动物信息,在流浪动物信息管理中输入对应的主键+创建时间+动物类型+动物特征+动物详情+救助时间+救助地点+图片+是否已经领养等基本信息后点击流浪动物信息管理中的[立即提交]按钮,系统会将输入的信息通过liulangdongwuxinxiControl控制层中的liulangdongwuxinxiadd()方法将这些数据添加到数据库liulangdongwuxinxi表中,为了挑高数据的完整性,我们对input控件设置了required属性,这样可以防止用户输入空的数据。流浪动物信息信息添加界面如图
Java基于springboot+vue的流浪动物救助收养平台 nodejs 前后端分离_第7张图片
Java基于springboot+vue的流浪动物救助收养平台 nodejs 前后端分离_第8张图片


/**
 * 登录相关
 */
("users")

public class UserController{
	
	
	private UserService userService;
	
	
	private TokenService tokenService;

	/**
	 * 登录
	 */
	
	(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);
	}
	
	/**
	 * 注册
	 */
	
	(value = "/register")
	public R register( 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();
    }

	/**
	 * 退出
	 */
	(value = "logout")
	public R logout(HttpServletRequest request) {
		request.getSession().invalidate();
		return R.ok("退出成功");
	}
	
	/**
     * 密码重置
     */
    
	(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");
    }
	
	/**
     * 列表
     */
    ("/page")
    public R page( 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);
    }

	/**
     * 列表
     */
    ("/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));
    }

    /**
     * 信息
     */
    ("/info/{id}")
    public R info(("id") String id){
        UserEntity user = userService.selectById(id);
        return R.ok().put("data", user);
    }
    
    /**
     * 获取用户的session用户信息
     */
    ("/session")
    public R getCurrUser(HttpServletRequest request){
    	Long id = (Long)request.getSession().getAttribute("userId");
        UserEntity user = userService.selectById(id);
        return R.ok().put("data", user);
    }

    /**
     * 保存
     */
    ("/save")
    public R save( 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();
    }

    /**
     * 修改
     */
    ("/update")
    public R update( UserEntity user){
//        ValidatorUtils.validateEntity(user);
        userService.updateById(user);//全部更新
        return R.ok();
    }

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

Java基于springboot+vue的流浪动物救助收养平台 nodejs 前后端分离_第9张图片
目录
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

你可能感兴趣的:(java,spring,boot,vue.js,elementui,node.js)