基于spring boot和vue的宠物相亲网站的设计与实现

头像
欧阳小白
     四川
    阅读 14 分钟

    ​
     博主介绍：✌在职Java研发工程师、专注于程序设计、源码分享、技术交流、专注于Java技术领域和毕业设计✌
    温馨提示：文末有 CSDN 平台官方提供的老师 Wechat / QQ 名片 :)

    [
    项目名称

    基于spring boot和vue的宠物相亲网站的设计与实现

    演示视频

    基于spring boot和vue的宠物相亲网站的设计与实现_哔哩哔哩_bilibili](https://ym.maptoface.com/archives/59293)

    系统介绍

    摘  要

    随着科技技术的快速发展，将互联网技术应用到各类行业当中已经成了社会的普遍需求，现今的生活以及工作当中已经离不开各种软件应用技术的帮助，它们已经普遍存在于我们的生活工作当中了，并且由于它们的帮助，也使得我们的工作以及生活大大提高了质量以及效率。随着技术的成熟，这个过程我们所有人都是见证者，曾几何时谁曾想过在电脑或者手机上可以创作这么多程序和应用，这使得我们生活以及工作更加方便了并增添了很多娱乐。线上系统彻底告别传统的模式，使得管理不再复杂和困难，并且减少相同和繁琐的操作，使用科技解决重复的问题，让管理规范、灵活化。

    宠物相亲网站能够通过互联网得到广泛的、全面的宣传，让尽可能多的用户了解和熟知宠物相亲网站的便捷高效，大大提高了宠物配对、多样选择、数据整合等等问题，也解决了复杂的线下了解和沟通，减少很多不必要的麻烦，并且对于管理宠物相亲的人员而言，若管理员拥有自己的系统，通过系统更好地管理业务将会是一件非常便捷的事情。

    根据查阅的资料和结合实际需求加上参考大量的项目来进行分析和设计，本设计采用Springboot技术来开发[1]，使用Vue前端开发框架渲染页面并且为了保证数据持久化使用了关系型数据库来保存数据，这里使用了MySQL数据库来进行操作，通过对系统详尽的设计和编码，开发出一套宠物相亲系统势在必行。

    关键词：宠物相亲网站；Springboot；MySQL数据库

    第4章 系统设计

    4.1系统功能

    宠物相亲网站智能管理系统是宠物相亲服务平台的一部分。用户通过服务平台单点登录，即刻浏览宠物相亲网站智能管理系统。系统软件数据库查询与服务平台后台管理数据库查询保持一致。当服务平台的用户信息发生变化时，可以在系统软件数据库中查询到相同的信息内容。

    用户成功登录服务平台后，在浏览宠物相亲网站智能管理系统软件时，服务平台会将登录名等信息发送至宠物相亲网站智能管理系统，宠物相亲智能管理系统会发出分析、重置用户信息，获取系统软件的用户认证，完成系统软件和服务平台的登录。

    4.1.1用户模块

    （1）可以管理和查看宠物的基本信息：并且可以进行添加、修改、删除宠物信息，可以以列表的形式进行查看。

    （2）可以管理收藏的帖子信息：进行删除或查看。

    （3）管理个人信息：可管理用户本人个人信息，并可以修改密码等。

    （4）针对感兴趣的宠物帖子可以在下发进行留言或回复。

    4.1.2管理员部分

    （1）管理个人信息：可管理用户本人个人信息，并可以修改密码等。

    （2）管理所有的用户信息：可以进行修改、删除、查询、新增。

    （3）宠物的类型数据初始化设置和修改、删除、查询、新增。

    （4）管理宠物信息：可以添加、修改、删除宠物信息，并用列表形式查询宠物信息。

    （5）论坛管理：对帖子数据可以进行修改、删除、查询、新增。

    （6）留言数据管理：对留言数据可以进行修改、删除、查询、新增。

    （7）系统管理：主要负责管理首页推荐的轮播图数据和公告数据信息的修改、删除、查询、新增

     
    图片

    图片
    ​编辑
    图片

    图片
    ​编辑
    图片

    图片
    ​编辑
    图片

    图片
    ​编辑
    图片

    图片
    ​编辑

    环境需要

    1.运行环境：最好是java jdk 1.8，我们在这个平台上运行的。其他版本理论上也可以。
    2.IDE环境：IDEA，Eclipse,Myeclipse都可以。推荐IDEA;
    3.tomcat环境：Tomcat 7.x,8.x,9.x版本均可
    4.硬件环境：windows 7/8/10 1G内存以上；或者 Mac OS； 
    5.数据库：MySql 5.7版本；
    6.是否Maven项目：否；

    技术栈

    1. 后端：Spring+SpringMVC+Mybatis
    2. 前端：JSP+CSS+JavaScript+jQuery

    使用说明

    1. 使用Navicat或者其它工具，在mysql中创建对应名称的数据库，并导入项目的sql文件；
    2. 使用IDEA/Eclipse/MyEclipse导入项目，Eclipse/MyEclipse导入时，若为maven项目请选择maven;
      若为maven项目，导入成功后请执行maven clean;maven install命令，然后运行；
    3. 将项目中springmvc-servlet.xml配置文件中的数据库配置改为自己的配置;
    4. 运行项目，在浏览器中输入http://localhost:8080/ 登录

    运行截图

    图片

    图片
    ​编辑
    图片

    图片
    ​编辑
    图片

    图片
    ​编辑
    图片

    图片
    ​编辑
    图片

    图片
    ​编辑
    图片

    图片
    ​编辑
    图片

    图片
    ​编辑
    图片

    图片
    ​编辑
    图片

    图片
    ​编辑
    图片

    图片
    ​编辑
    图片

    图片
    ​编辑
    图片

    图片
    ​编辑
    图片

    图片
    ​编辑
    图片

    图片
    ​编辑
    图片

    图片
    ​编辑
    图片

    图片
    ​编辑
    图片

    图片
    ​编辑

     用户管理控制层:

    package com.houserss.controller;

    import javax.servlet.http.HttpSession;

    import org.apache.commons.lang3.StringUtils;
    import org.springframework.beans.factory.annotation.Autowired;
    import org.springframework.stereotype.Controller;
    import org.springframework.web.bind.annotation.RequestMapping;
    import org.springframework.web.bind.annotation.RequestMethod;
    import org.springframework.web.bind.annotation.RequestParam;
    import org.springframework.web.bind.annotation.ResponseBody;

    import com.houserss.common.Const;
    import com.houserss.common.Const.Role;
    import com.houserss.common.ServerResponse;
    import com.houserss.pojo.User;
    import com.houserss.service.IUserService;
    import com.houserss.service.impl.UserServiceImpl;
    import com.houserss.util.MD5Util;
    import com.houserss.util.TimeUtils;
    import com.houserss.vo.DeleteHouseVo;
    import com.houserss.vo.PageInfoVo;

    /**

    • Created by admin
      */

    @Controller
    @RequestMapping("/user/")
    public class UserController {

    @Autowired
private IUserService iUserService;

/**
 * 用户登录
 * @param username
 * @param password
 * @param session
 * @return
 */
@RequestMapping(value = "login.do",method = RequestMethod.POST)
@ResponseBody
public ServerResponse<User> login(User user,String uvcode, HttpSession session){
    String code = (String)session.getAttribute("validationCode");
    if(StringUtils.isNotBlank(code)) {
        if(!code.equalsIgnoreCase(uvcode)) {
            return ServerResponse.createByErrorMessage("验证码不正确");
        }
    }
    ServerResponse<User> response = iUserService.login(user.getUsername(),user.getPassword());
    if(response.isSuccess()){
        session.setAttribute(Const.CURRENT_USER,response.getData());
    }
    return response;
}

    }

    图片

    管理员管理控制层:

    package com.sxl.controller.admin;

    import java.util.List;
    import java.util.Map;

    import javax.servlet.http.HttpServletRequest;

    import org.springframework.http.ResponseEntity;
    import org.springframework.stereotype.Controller;
    import org.springframework.ui.Model;
    import org.springframework.web.bind.annotation.RequestMapping;

    import com.sxl.controller.MyController;

    @Controller("adminController")
    @RequestMapping(value = "/admin")
    public class AdminController extends MyController {

    

@RequestMapping(value = "/index")
public String frame(Model model, HttpServletRequest request)throws Exception {
    return "/admin/index";
}

@RequestMapping(value = "/main")
public String main(Model model, HttpServletRequest request)throws Exception {
    return "/admin/main";
}

@RequestMapping(value = "/tj1")
public String tj1(Model model, HttpServletRequest request)throws Exception {
    String sql="select DATE_FORMAT(insertDate,'%Y-%m-%d') dates,sum(allPrice) price from t_order order by DATE_FORMAT(insertDate,'%Y-%m-%d')  desc";
    List<Map> list = db.queryForList(sql);
    model.addAttribute("list", list);
    System.out.println(list);
    return "/admin/tj/tj1";
}


@RequestMapping(value = "/password")
public String password(Model model, HttpServletRequest request)throws Exception {
    return "/admin/password";
}


@RequestMapping(value = "/changePassword")
public ResponseEntity<String> loginSave(Model model,HttpServletRequest request,String oldPassword,String newPassword) throws Exception {
    Map admin = getAdmin(request);
    if(oldPassword.equals(admin.get("password").toString())){
        String sql="update t_admin set password=? where id=?";
        db.update(sql, new Object[]{newPassword,admin.get("id")});
        return renderData(true,"1",null);
    }else{
        return renderData(false,"1",null);
    }
}

    }

    图片

    修改密码业务逻辑:

    package com.sxl.controller.admin;

    import java.util.Map;

    import javax.servlet.http.HttpServletRequest;

    import org.springframework.http.ResponseEntity;
    import org.springframework.stereotype.Controller;
    import org.springframework.ui.Model;
    import org.springframework.web.bind.annotation.RequestMapping;

    import com.sxl.controller.MyController;

    @Controller("userController")
    @RequestMapping(value = "/user")
    public class UserController extends MyController {

    

@RequestMapping(value = "/index")
public String frame(Model model, HttpServletRequest request)throws Exception {
    return "/user/index";
}

@RequestMapping(value = "/main")
public String main(Model model, HttpServletRequest request)throws Exception {
    return "/user/main";
}


@RequestMapping(value = "/password")
public String password(Model model, HttpServletRequest request)throws Exception {
    return "/user/password";
}


@RequestMapping(value = "/changePassword")
public ResponseEntity<String> loginSave(Model model,HttpServletRequest request,String oldPassword,String newPassword) throws Exception {
    Map user = getUser(request);
    if(oldPassword.equals(user.get("password").toString())){
        String sql="update t_user set password=? where id=?";
        db.update(sql, new Object[]{newPassword,user.get("id")});
        return renderData(true,"1",null);
    }else{
        return renderData(false,"1",null);
    }
}
@RequestMapping(value = "/mine")
public String mine(Model model, HttpServletRequest request)throws Exception {

    Map user =getUser(request);Map map = db.queryForMap("select * from t_user where id=?",new Object[]{user.get("id")});model.addAttribute("map", map); return "/user/mine";

    }



@RequestMapping(value = "/mineSave")
public ResponseEntity<String> mineSave(Model model,HttpServletRequest request,Long id
    ,String username,String password,String name,String gh,String mobile) throws Exception{
    int result = 0;
        String sql="update t_user set name=?,gh=?,mobile=? where id=?";
        result = db.update(sql, new Object[]{name,gh,mobile,id});
    if(result==1){
        return renderData(true,"操作成功",null);
    }else{
        return renderData(false,"操作失败",null);
    }
}
}

    图片

    通用管理模块:

    package com.sxl.controller;

    import java.nio.charset.Charset;
    import java.util.Locale;
    import java.util.ResourceBundle;

    import javax.servlet.http.HttpServletRequest;

    import org.apache.commons.lang.StringUtils;
    import org.springframework.beans.factory.annotation.Autowired;
    import org.springframework.http.HttpHeaders;
    import org.springframework.http.HttpStatus;
    import org.springframework.http.MediaType;
    import org.springframework.http.ResponseEntity;

    import com.sxl.util.JacksonJsonUtil;
    import com.sxl.util.StringUtil;
    import com.sxl.util.SystemProperties;

    public class BaseController {

    public static final Long EXPIRES_IN = 1000 * 3600 * 24 * 1L;// 1天

@Autowired
private SystemProperties systemProperties;

/**
 * 获得配置文件内容
 */
public String getConfig(String key) {
    return systemProperties.getProperties(key);
}

/**
 * 返回服务器地址 like http://192.168.1.1:8441/UUBean/
 */
public String getHostUrl(HttpServletRequest request) {
    String hostName = request.getServerName();
    Integer hostPort = request.getServerPort();
    String path = request.getContextPath();

    if (hostPort == 80) {
        return "http://" + hostName + path + "/";
    } else {
        return "http://" + hostName + ":" + hostPort + path + "/";
    }
}

/***
 * 获取当前的website路径 String
 */
public static String getWebSite(HttpServletRequest request) {
    String returnUrl = request.getScheme() + "://"
            + request.getServerName();

    if (request.getServerPort() != 80) {
        returnUrl += ":" + request.getServerPort();
    }

    returnUrl += request.getContextPath();

    return returnUrl;
}



/**
 * 初始化HTTP头.
 * 
 * @return HttpHeaders
 */
public HttpHeaders initHttpHeaders() {
    HttpHeaders headers = new HttpHeaders();
    MediaType mediaType = new MediaType("text", "html",
            Charset.forName("utf-8"));
    headers.setContentType(mediaType);
    return headers;
}

/**
 * 返回 信息数据
 * 
 * @param status
 * @param msg
 * @return
 */
public ResponseEntity<String> renderMsg(Boolean status, String msg) {
    if (StringUtils.isEmpty(msg)) {
        msg = "";
    }
    String str = "{\"status\":\"" + status + "\",\"msg\":\"" + msg + "\"}";
    ResponseEntity<String> responseEntity = new ResponseEntity<String>(str,
            initHttpHeaders(), HttpStatus.OK);
    return responseEntity;
}

/**
 * 返回obj数据
 * 
 * @param status
 * @param msg
 * @param obj
 * @return
 */
public ResponseEntity<String> renderData(Boolean status, String msg,
        Object obj) {
    if (StringUtils.isEmpty(msg)) {
        msg = "";
    }
    StringBuffer sb = new StringBuffer();
    sb.append("{");
    sb.append("\"status\":\"" + status + "\",\"msg\":\"" + msg + "\",");
    sb.append("\"data\":" + JacksonJsonUtil.toJson(obj) + "");
    sb.append("}");

    ResponseEntity<String> responseEntity = new ResponseEntity<String>(
            sb.toString(), initHttpHeaders(), HttpStatus.OK);
    return responseEntity;
}


/***
 * 获取IP（如果是多级代理，则得到的是一串IP值）
 */
public static String getIpAddr(HttpServletRequest request) {
    String ip = request.getHeader("x-forwarded-for");
    if (ip == null || ip.length() == 0 || "unknown".equalsIgnoreCase(ip)) {
        ip = request.getHeader("Proxy-Client-IP");
    }

    if (ip == null || ip.length() == 0 || "unknown".equalsIgnoreCase(ip)) {
        ip = request.getHeader("WL-Proxy-Client-IP");
    }

    if (ip == null || ip.length() == 0 || "unknown".equalsIgnoreCase(ip)) {
        ip = request.getRemoteAddr();
    }

    if (ip != null && ip.length() > 0) {
        String[] ips = ip.split(",");
        for (int i = 0; i < ips.length; i++) {
            if (!"unknown".equalsIgnoreCase(ips[i])) {
                ip = ips[i];
                break;
            }
        }
    }

    return ip;
}

/**
 * 国际化获得语言内容
 * 
 * @param key
 *            语言key
 * @param args
 * @param argsSplit
 * @param defaultMessage
 * @param locale
 * @return
 */
public static String getLanguage(String key, String args, String argsSplit,
        String defaultMessage, String locale) {
    String language = "zh";
    String contry = "cn";
    String returnValue = defaultMessage;

    if (!StringUtil.isEmpty(locale)) {
        try {
            String[] localeArray = locale.split("_");
            language = localeArray[0];
            contry = localeArray[1];
        } catch (Exception e) {
        }
    }

    try {
        ResourceBundle resource = ResourceBundle.getBundle("lang.resource",
                new Locale(language, contry));
        returnValue = resource.getString(key);
        if (!StringUtil.isEmpty(args)) {
            String[] argsArray = args.split(argsSplit);
            for (int i = 0; i < argsArray.length; i++) {
                returnValue = returnValue.replace("{" + i + "}",
                        argsArray[i]);
            }
        }
    } catch (Exception e) {
    }

    return returnValue;
}

    }

    图片

    ​

    后端
    欧阳小白
    35 声望45 粉丝
    « 上一篇
    泳装企业管理系统的设计与实现
    下一篇 »
    基于Java的校园快递管理系统

    引用和评论

    推荐阅读
    头像
    基于SpringBoot+MySQL的租房项目+文档

    欧阳小白阅读 499

    头像
    再见 XShell！一款万能通用的终端工具，用完爱不释手！

    macrozheng赞 2阅读 2.9k

    头像
    🔥必看！AnythingLLM+DeepSeek 快速构建私有知识库！

    阮小贰赞 6阅读 12.9k评论 1

    头像
    Redis 持久化原理分析和使用建议

    vivo互联网技术赞 3阅读 1.9k评论 1

    头像
    MyBatis-Plus结合Spring Boot实现数据权限

    Pursuer丶赞 3阅读 8.6k

    头像
    DeepSeek服务器繁忙？别慌，试试这几个方法！

    阮小贰阅读 30.4k评论 1

    头像
    👉DeepSeek 本地部署后联网搜索，小白必看秘籍！

    阮小贰阅读 21.1k评论 2

    0 条评论
    得票最新