Java基于SpringBoot+Vue的流浪猫狗救助救援网站的设计与实现

文末获取资源,收藏关注不迷路

文章目录

  • 前言
  • 一、研究背景
  • 二、研究意义
  • 三、主要使用技术
  • 四、研究内容
  • 五、核心代码
  • 六、文章目录

前言

互联网日益成熟,走进千家万户,改变多个行业传统的管理方式。流浪猫狗救助救援管理以用户需求为基础,借由发展迅猛的互联网平台实现流浪猫狗救助救援管理的信息化,简化旧时流浪猫狗救助救援管理所需的纸质记录这一繁杂过程,从而大幅提高流浪猫狗救助救援信息获取与传播速度。
基于此背景,本研究结合管理员即时发布流浪猫狗救助救援信息与用户的需求,设计并实现了流浪猫狗救助救援网站。系统采用B/S架构,java语言作为主要开发语言,MySQL技术创建和管理数据库。系统主要分为管理员和用户两大功能模块。通过系统,管理员使用日常浏览器即可随时完成流浪猫狗救助救援信息发布,契合流浪猫狗救助救援管理对时效性需求的同时提高工作效率。最终,根据各个功能模块的测试结果可知流浪猫狗救助救援网站功能基本完善。

一、研究背景

我国信息技术虽然起步较晚,但发展速度迅猛,如今已经跻身世界信息大国的行列。现在我们的生活离不开信息技术,人们可以利用计算机、互联网进行网上购物、视频学习、互动交流,信息技术已经渗透到我们的生活中,随着计算机技术、网络技术的迅速发展,研究并实现流浪猫狗救助救援网站是现代理论和科学技术相结合的产物。国内信息化发展趋势越来越快,我国信息化建设也随之迅速发展,通过信息系统对大量复杂数据进行管理代替传统人工管理,很大程度的提升管理效率。目前流浪猫狗救助救援网站基本实现了应用网络进行管理,使用各种技术、实现各种不同附加功能的系统数量众多。但随着近年来互联网技术的不断完善和更新,一些不适应当代信息化发展的技术正在被淘汰,而采用老旧技术实现的系统将出现维护困难的境况。因此符合现在社会发展的系统开发十分必要,流浪猫狗救助救援网站的设计和开发仍然有很大的进步空间。
国外部分发达国家的信息技术起步较早,以技术为基础引领的各行各业的变革产生时间也较早。信息化的理念由世界知名的美国麻省理工学院提出,接下来的三四十年随着网络技术的飞速发展,终于在全美形成了一系列非常完善成熟的信息化平台,自此美国国内大部分都实现了管理信息化。虽然制度存在不同,但由于美国信息化管理的起步时间早,积累经验多,有关流浪猫狗救助救援网站的研究技术经验仍然值得世界学习。

二、研究意义

本文结合目前基于B/S动态网页的流行技术和流浪猫狗救助救援管理传统流程,充分融合开发目的和系统各个功能的实现,实现在设计好的,美观的动态网页上实时,抛弃修改底层代码实现管理流浪猫狗救助救援信息,加快流浪猫狗救助救援管理速度。通过将流浪猫狗救助救援呈现在网站上,让用户联网登录对应网址就能浏览流浪猫狗救助救援信息,保质保量完成流浪猫狗救助救援管理并实现交互。
本系统对比以前主要有如下优点:
(1)实现无纸化流浪猫狗救助救援,节约人力资源与森林资源,避免浪费。
(2)减少流浪猫狗救助救援管理步骤,通过登录管理员后台,在设计好的人机交互页面直接进行流浪猫狗救助救援管理,简单易行,省时省力。
(3)系统长期保存流浪猫狗救助救援信息,浏览者可随时随地观看旧时流浪猫狗救助救援信息,了解舆论事件发展,保证流浪猫狗救助救援持续性。
(4)浏览者在对应流浪猫狗救助救援信息下进行评论,充分交换对流浪猫狗救助救援管理事件上的看法。

三、主要使用技术

环境需要
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

使用说明
使用Navicat或者其它工具,在mysql中创建对应名称的数据库,并导入项目的sql文件;
使用IDEA/Eclipse/MyEclipse导入项目,修改配置,运行项目;
将项目中applicationContext.xml配置文件中的数据库配置改为自己的配置,然后运行;
运行成功后,在浏览器中输入:http://localhost:8080/项目名

四、研究内容

前台功能实现
当打开系统的网址后,首先看到的就是首页界面。在这里能够看到系统的导航条,通过导航条导航进入各功能展示页面进行操作。系统首页界面
流浪猫狗:在流浪猫狗页面的输入栏中输入宠物名称、选择宠物分类、宠物性别和选择状态进行查询,可以查看到流浪猫狗详细信息,并根据需要进行宠物领养、评论或收藏操作:流浪猫狗页面
流浪猫狗知识:在流浪猫狗知识页面的输入栏中输入知识标题、形态特征和选择知识类型进行查询,可以查看到流浪猫狗知识详细信息,并根据需要进行评论或收藏操作:流浪猫狗知识页面
团队信息:在团队信息页面的输入栏中输入团队名称、团队地址和负责人进行查询,可以查看到团队详细信息,并根据需要进行申请、评论或收藏操作:团队信息页面
活动信息:在活动信息页面的输入栏中输入活动名称、活动地址、团队名称和选择活动分类进行查询,可以查看到活动详细信息,并根据需要进行评论或收藏操作:活动信息页面
Java基于SpringBoot+Vue的流浪猫狗救助救援网站的设计与实现_第1张图片

Java基于SpringBoot+Vue的流浪猫狗救助救援网站的设计与实现_第2张图片
Java基于SpringBoot+Vue的流浪猫狗救助救援网站的设计与实现_第3张图片
Java基于SpringBoot+Vue的流浪猫狗救助救援网站的设计与实现_第4张图片
Java基于SpringBoot+Vue的流浪猫狗救助救援网站的设计与实现_第5张图片
Java基于SpringBoot+Vue的流浪猫狗救助救援网站的设计与实现_第6张图片

后台模块实现
后台用户登录,在登录页面选择需要登录的角色,在正确输入用户名和密码后,进入操作系统进行操作:
管理员进入主页面,主要功能包括对个人中心、用户管理、宠物分类管理、知识类型管理、流浪猫狗管理、领养信息管理、流浪猫狗知识管理、团队信息管理、活动分类管理、活动信息管理、志愿申请管理、系统管理等进行操作。管理员主页面
管理员点击用户管理。在用户页面输入账号和姓名进行查询、新增或删除用户列表,并根据需要对用户详情信息进行详情、修改或删除操作:
管理员点击流浪猫狗管理。在流浪猫狗页面输入宠物名称、选择宠物分类、宠物性别和状态进行查询、宠物类别统计、领养状态统计、新增或删除流浪猫狗列表,并根据需要对流浪猫狗详情信息进行详情、修改、查看评价或删除操作:
管理员点击领养信息管理。在领养信息页面输入宠物名称、宠物分类、姓名和选择是否通过进行查询或删除领养信息列表,并根据需要对领养详情信息进行详情、修改或删除操作:
管理员点击流浪猫狗知识管理。在流浪猫狗知识页面输入知识标题、形态特征和选择知识类型进行查询、新增或删除流浪猫狗知识列表,并根据需要对流浪猫狗知识详情信息进行详情、修改、查看评论或删除操作:
管理员点击系统管理。在宠物资讯页面输入标题进行查询、新增或删除宠物资讯列表,并根据需要对宠物资讯详情信息进行详情、修改或删除操作:还可以对轮播图管理、关于我们和系统简介进行详细操作:
用户功能实现
用户进入系统可以对个人中心、领养信息管理、志愿申请管理等功能进行操作。用户主页面
用户点击志愿申请管理。在志愿申请页面输入团队名称、姓名和选择是否通过进行查询、新增或删除志愿申请列表,并根据需要对志愿申请详情信息进行详情、修改或删除操作:
Java基于SpringBoot+Vue的流浪猫狗救助救援网站的设计与实现_第7张图片
Java基于SpringBoot+Vue的流浪猫狗救助救援网站的设计与实现_第8张图片
Java基于SpringBoot+Vue的流浪猫狗救助救援网站的设计与实现_第9张图片
Java基于SpringBoot+Vue的流浪猫狗救助救援网站的设计与实现_第10张图片
Java基于SpringBoot+Vue的流浪猫狗救助救援网站的设计与实现_第11张图片
Java基于SpringBoot+Vue的流浪猫狗救助救援网站的设计与实现_第12张图片
Java基于SpringBoot+Vue的流浪猫狗救助救援网站的设计与实现_第13张图片
Java基于SpringBoot+Vue的流浪猫狗救助救援网站的设计与实现_第14张图片

五、核心代码


package com.controller;


import java.util.Arrays;
import java.util.Calendar;
import java.util.Date;
import java.util.Map;

import javax.servlet.http.HttpServletRequest;

import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.PathVariable;
import org.springframework.web.bind.annotation.PostMapping;
import org.springframework.web.bind.annotation.RequestBody;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.bind.annotation.ResponseBody;
import org.springframework.web.bind.annotation.RestController;

import com.annotation.IgnoreAuth;
import com.baomidou.mybatisplus.mapper.EntityWrapper;
import com.entity.TokenEntity;
import com.entity.UserEntity;
import com.service.TokenService;
import com.service.UserService;
import com.utils.CommonUtil;
import com.utils.MPUtil;
import com.utils.PageUtils;
import com.utils.R;
import com.utils.ValidatorUtils;

/**
 * 登录相关
 */
@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);
    	UserEntity u = userService.selectOne(new EntityWrapper<UserEntity>().eq("username", user.getUsername()));
    	if(u!=null && u.getId()!=user.getId() && u.getUsername().equals(user.getUsername())) {
    		return R.error("用户名已存在。");
    	}
        userService.updateById(user);//全部更新
        return R.ok();
    }

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

六、文章目录

1系统概述 1
1.1 研究背景 1
1.2研究目的 1
1.3系统设计思想 1
2相关技术 3
2.1 MYSQL数据库 3
2.2 B/S结构 3
2.3 Spring Boot框架简介 4
2.4 VUE框架 4
3系统分析 5
3.1可行性分析 5
3.1.1技术可行性 5
3.1.2经济可行性 5
3.1.3操作可行性 5
3.2系统性能分析 6
3.2.1 系统安全性 6
3.2.2 数据完整性 6
3.3系统界面分析 6
3.4系统流程和逻辑 8
4系统概要设计 9
4.1概述 9
4.2系统结构 10
4.3.数据库设计 11
4.3.1数据库实体 11
4.3.2数据库设计表 13
5系统详细实现 17
5.1 管理员模块的实现 17
5.2用户模块的实现 19
6系统测试 21
6.1概念和意义 21
6.2特性 22
6.3重要性 22
6.4测试方法 23
6.5 功能测试 23
6.6可用性测试 24
6.7性能测试 24
6.8测试分析 24
6.9测试结果分析 25
结论 25
致谢语 26
参考文献 26

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