基于Java+SpringBoot+vue的租房网站设计与实现（附源码，使用教程）

青旅半醒 2023-09-30 22:00 9阅读 0赞

## 基于Java+SpringBoot+vue的租房网站设计与实现 ##

#### 文章目录 ####

*  基于Java+SpringBoot+vue的租房网站设计与实现
 *  一、前言介绍
 *  二、主要技术
 *  三、系统设计（部分）
 *   *  3.1、主要功能模块设计
     *  3.2、系统登录设计
 *  四、数据库设计（部分）
 *  五、运行截图
 *   *  5.1、 \*\*管理员\*\* \*\*登录\*\*
     *  \*\*5.2、管理员功能模块\*\*
     *   *  5.2.1、用户管理
         *  5.2.2、房屋类型管理
         *  5.2.3、房屋信息管理
         *  5.2.4、房屋资讯
         *  5.2.5预约看房管理
         *  5.2.6在线签约管理
         *  5.2.7交流论坛
     *  \*\*5.3、\*\* \*\*用户\*\* \*\*功能模块\*\*
     *   *  5.3.预约看房管理
         *  5.3.2在线签约管理
         *  5.3.2租赁评价管理
     *  5.4、前台首页功能模块
     *   *  5.4.1、用户登录、用户注册
         *  5.4.2、个人中心
         *  5.4.3、预约看房
 *  七、代码参考

--------------------

> ## 一、前言介绍 ##

在网络高速发展的时代，众多的软件被开发出来，给用户带来了很大的选择余地，而且人们越来越追求更个性的需求。在这种时代背景下，房东只能以用户为导向，所以开发租房网站是必须的。

系统采用了Java技术，将所有业务模块采用以浏览器交互的模式，选择MySQL作为系统的数据库，开发工具选择  
eclipse来进行系统的设计。对系统进行测试后，改善了程序逻辑和代码。同时确保系统中所有的程序都能正常运行，所有的功能都能操作，并且该系统有很好的操作体验，实现了租房网站。

![4e492b1dc6c84b7cadbd5d5ecb32e232.png][]

> ## 二、主要技术 ##

<table> 
 <thead> 
  <tr> 
   <th>技术名</th> 
   <th>作用</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>SpringBoot</td> 
   <td>后端框架</td> 
  </tr> 
  <tr> 
   <td>Vue</td> 
   <td>前端框架</td> 
  </tr> 
  <tr> 
   <td>MySQL</td> 
   <td>数据库</td> 
  </tr> 
 </tbody> 
</table>

> ## 三、系统设计（部分） ##

### 3.1、主要功能模块设计 ###

本系统有管理员；首页、个人中心、用户管理、房屋类型管理、房屋信息管理、预约看房管理、在线签约管理、租赁评价管理、交流论坛、系统管理，用户；首页、个人中心、预约看房管理、在线签约管理、租赁评价管理、我的收藏管理，前台首页；首页、房屋信息、交流论坛、房屋资讯、个人中心、后台管理、在线客服等功能。

![3c76e2848b53486a88023e5fe1ed7fc3.jpeg][]

### 3.2、系统登录设计 ###

![5a13d658a3e741bbb3ad3963afc928dd.jpeg][]

> ## 四、数据库设计（部分） ##

数据库的功能就是对系统中所有的数据进行存储和管理。所有的数据可以在数据库中产时间的进行存储，方便用户的使用。而且所有的数据库中的数据也应该具有一定的共享性，任何的系统可以对一些数据进行使用，同时还应该保持一定的独立性，每一个数据库中的数据都有很强的安全性，可以被很好的存放到数据库，没有进行身份的验证是不能对这些数据进行查看和使用的。数据库的设计需要明确每一个实体之间的联系，系统的E-R图如下图所示：：

管理员实体主要存储管理信息包括用户名、密码、角色。管理员信息属性图如图4-4所示。

![aacacc6f5068437eb52bd2e33cf8483f.jpeg][]

在线签约信息实体图如图4-5所示：

![9c9241ea9ce946f4964329c7cef6606b.jpeg][]

> ## 五、运行截图 ##

### 5.1、 **管理员** **登录** ###

管理员输入个人的用户名、密码、角色登录系统，这时候系统的数据库就会在进行查找相关的信息，如果我们输入的用户名、密码、角色不正确，数据库就会提示出错误的信息提示，同时会提示管理员重新输入自己的用户名、密码、角色，直到账号密码输入成功后，会提登录成功的信息。网站管理员登录效果图如图5-1所示：

![4e492b1dc6c84b7cadbd5d5ecb32e232.png][]

图5-1管理员登录界面

### **5.2、管理员功能模块** ###

#### 5.2.1、用户管理 ####

管理员对用户管理进行详情、删除、修改操作。程序成效图如下图5-2所示:

![d7071306ff1f434c890a5d0a490ee17c.png][]

#### 5.2.2、房屋类型管理 ####

![cab58e1c1af44369b7864fad8f613808.png][]

图5-3房屋类型管理界面

#### 5.2.3、房屋信息管理 ####

![4e188944704c433e92964ff289a5a3f5.png][]

图5-4房屋信息管理界面

#### 5.2.4、房屋资讯 ####

![425aed25311a41fe9e3b1028523b1c58.png][]

图5-5房屋资讯界面

#### 5.2.5预约看房管理 ####

![bf85116e584c4ce8a385666c7306eace.png][]

图5-6预约看房管理界面

#### 5.2.6在线签约管理 ####

![89112346421a4cd5b98846aac160c10a.png][]

图5-7在线签约管理界面

#### 5.2.7交流论坛 ####

![61cfd708b1654765982da18f479d380a.png][]

图5-8交流论坛界面

### **5.3、** **用户** **功能模块** ###

用户进入系统可以对首页、个人中心、预约看房管理、在线签约管理、租赁评价管理、我的收藏管理进行相对应操作。程序成效图如下图5-9所示:

![1a39a2189aac4004b016fc712bad9c1e.png][]

#### 5.3.预约看房管理 ####

![9e0b61070ee444ab80414edb0a8ca0b8.png][]

图5-10预约看房管理界面

#### 5.3.2在线签约管理 ####

![8d0510d400994fbdbd0e6b4b3f90d4ed.png][]

图5-11在线签约管理界面

#### 5.3.2租赁评价管理 ####

![a7aa25496e8148c8b8a3ac94dbafc644.png][]

图5-12租赁评价管理界面

### 5.4、前台首页功能模块 ###

租房网站，在租房网站可以查看首页、房屋信息、交流论坛、房屋资讯、个人中心、后台管理、在线客服等内容，如图5-13所示。

![0c047f4101a2409593a561c6e7f74699.png][]

#### 5.4.1、用户登录、用户注册 ####

![d396c26771b149b7bd2b8cf3942f37b2.png][]

![e970254317e743a9b3f8124d518cb435.png][]

#### 5.4.2、个人中心 ####

![8a9d306eefb0496b9954beb6bf33e2fb.png][]

#### 5.4.3、预约看房 ####

![d7849d92ef264197ab93130a3d393e6b.png][]

> ## 七、代码参考 ##

package com.controller;
        
        import java.text.SimpleDateFormat;
        import java.util.ArrayList;
        import java.util.Arrays;
        import java.util.Calendar;
        import java.util.Map;
        import java.util.HashMap;
        import java.util.Iterator;
        import java.util.Date;
        import java.util.List;
        import javax.servlet.http.HttpServletRequest;
        
        import com.utils.ValidatorUtils;
        import org.apache.commons.lang3.StringUtils;
        import org.springframework.beans.factory.annotation.Autowired;
        import org.springframework.format.annotation.DateTimeFormat;
        import org.springframework.web.bind.annotation.PathVariable;
        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.RestController;
        import com.baomidou.mybatisplus.mapper.EntityWrapper;
        import com.baomidou.mybatisplus.mapper.Wrapper;
        import com.annotation.IgnoreAuth;
        
        import com.entity.ChatEntity;
        import com.entity.view.ChatView;
        
        import com.service.ChatService;
        import com.service.TokenService;
        import com.utils.PageUtils;
        import com.utils.R;
        import com.utils.MD5Util;
        import com.utils.MPUtil;
        import com.utils.CommonUtil;
        
        
        /**
         * 在线客服
         * 后端接口
         * @author 
         * @email 
         * @date 2021-03-11 14:12:56
         */
        @RestController
        @RequestMapping("/chat")
        public class ChatController {
            @Autowired
            private ChatService chatService;
            
        
        
            /**
             * 后端列表
             */
            @RequestMapping("/page")
            public R page(@RequestParam Map<String, Object> params,ChatEntity chat,
        		HttpServletRequest request){
            	if(!request.getSession().getAttribute("role").toString().equals("管理员")) {
            		chat.setUserid((Long)request.getSession().getAttribute("userId"));
            	}
                EntityWrapper<ChatEntity> ew = new EntityWrapper<ChatEntity>();
        		PageUtils page = chatService.queryPage(params, MPUtil.sort(MPUtil.between(MPUtil.likeOrEq(ew, chat), params), params));
        
                return R.ok().put("data", page);
            }
            
            /**
             * 前端列表
             */
            @RequestMapping("/list")
            public R list(@RequestParam Map<String, Object> params,ChatEntity chat, HttpServletRequest request){
            	if(!request.getSession().getAttribute("role").toString().equals("管理员")) {
            		chat.setUserid((Long)request.getSession().getAttribute("userId"));
            	}
                EntityWrapper<ChatEntity> ew = new EntityWrapper<ChatEntity>();
        		PageUtils page = chatService.queryPage(params, MPUtil.sort(MPUtil.between(MPUtil.likeOrEq(ew, chat), params), params));
                return R.ok().put("data", page);
            }
        
        	/**
             * 列表
             */
            @RequestMapping("/lists")
            public R list( ChatEntity chat){
               	EntityWrapper<ChatEntity> ew = new EntityWrapper<ChatEntity>();
              	ew.allEq(MPUtil.allEQMapPre( chat, "chat")); 
                return R.ok().put("data", chatService.selectListView(ew));
            }
        
        	 /**
             * 查询
             */
            @RequestMapping("/query")
            public R query(ChatEntity chat){
                EntityWrapper< ChatEntity> ew = new EntityWrapper< ChatEntity>();
         		ew.allEq(MPUtil.allEQMapPre( chat, "chat")); 
        		ChatView chatView =  chatService.selectView(ew);
        		return R.ok("查询在线客服成功").put("data", chatView);
            }
        	
            /**
             * 后端详情
             */
            @RequestMapping("/info/{id}")
            public R info(@PathVariable("id") Long id){
                ChatEntity chat = chatService.selectById(id);
                return R.ok().put("data", chat);
            }
        
            /**
             * 前端详情
             */
            @RequestMapping("/detail/{id}")
            public R detail(@PathVariable("id") Long id){
                ChatEntity chat = chatService.selectById(id);
                return R.ok().put("data", chat);
            }
            
        
        
        
            /**
             * 后端保存
             */
            @RequestMapping("/save")
            public R save(@RequestBody ChatEntity chat, HttpServletRequest request){
            	chat.setId(new Date().getTime()+new Double(Math.floor(Math.random()*1000)).longValue());
            	//ValidatorUtils.validateEntity(chat);
            	if(StringUtils.isNotBlank(chat.getAsk())) {
        			chatService.updateForSet("isreply=0", new EntityWrapper<ChatEntity>().eq("userid", request.getSession().getAttribute("userId")));
            		chat.setUserid((Long)request.getSession().getAttribute("userId"));
            		chat.setIsreply(1);
            	}
            	if(StringUtils.isNotBlank(chat.getReply())) {
            		chatService.updateForSet("isreply=0", new EntityWrapper<ChatEntity>().eq("userid", chat.getUserid()));
            		chat.setAdminid((Long)request.getSession().getAttribute("userId"));
            	}
                chatService.insert(chat);
                return R.ok();
            }
            
            /**
             * 前端保存
             */
            @RequestMapping("/add")
            public R add(@RequestBody ChatEntity chat, HttpServletRequest request){
            	chat.setId(new Date().getTime()+new Double(Math.floor(Math.random()*1000)).longValue());
            	//ValidatorUtils.validateEntity(chat);
            	chat.setUserid((Long)request.getSession().getAttribute("userId"));
            	if(StringUtils.isNotBlank(chat.getAsk())) {
        			chatService.updateForSet("isreply=0", new EntityWrapper<ChatEntity>().eq("userid", request.getSession().getAttribute("userId")));
            		chat.setUserid((Long)request.getSession().getAttribute("userId"));
            		chat.setIsreply(1);
            	}
            	if(StringUtils.isNotBlank(chat.getReply())) {
            		chatService.updateForSet("isreply=0", new EntityWrapper<ChatEntity>().eq("userid", chat.getUserid()));
            		chat.setAdminid((Long)request.getSession().getAttribute("userId"));
            	}
                chatService.insert(chat);
                return R.ok();
            }
        
            /**
             * 修改
             */
            @RequestMapping("/update")
            public R update(@RequestBody ChatEntity chat, HttpServletRequest request){
                //ValidatorUtils.validateEntity(chat);
                chatService.updateById(chat);//全部更新
                return R.ok();
            }
            
        
            /**
             * 删除
             */
            @RequestMapping("/delete")
            public R delete(@RequestBody Long[] ids){
                chatService.deleteBatchIds(Arrays.asList(ids));
                return R.ok();
            }
            
            /**
             * 提醒接口
             */
        	@RequestMapping("/remind/{columnName}/{type}")
        	public R remindCount(@PathVariable("columnName") String columnName, HttpServletRequest request, 
        						 @PathVariable("type") String type,@RequestParam Map<String, Object> map) {
        		map.put("column", columnName);
        		map.put("type", type);
        		
        		if(type.equals("2")) {
        			SimpleDateFormat sdf = new SimpleDateFormat("yyyy-MM-dd");
        			Calendar c = Calendar.getInstance();
        			Date remindStartDate = null;
        			Date remindEndDate = null;
        			if(map.get("remindstart")!=null) {
        				Integer remindStart = Integer.parseInt(map.get("remindstart").toString());
        				c.setTime(new Date()); 
        				c.add(Calendar.DAY_OF_MONTH,remindStart);
        				remindStartDate = c.getTime();
        				map.put("remindstart", sdf.format(remindStartDate));
        			}
        			if(map.get("remindend")!=null) {
        				Integer remindEnd = Integer.parseInt(map.get("remindend").toString());
        				c.setTime(new Date());
        				c.add(Calendar.DAY_OF_MONTH,remindEnd);
        				remindEndDate = c.getTime();
        				map.put("remindend", sdf.format(remindEndDate));
        			}
        		}
        		
        		Wrapper<ChatEntity> wrapper = new EntityWrapper<ChatEntity>();
        		if(map.get("remindstart")!=null) {
        			wrapper.ge(columnName, map.get("remindstart"));
        		}
        		if(map.get("remindend")!=null) {
        			wrapper.le(columnName, map.get("remindend"));
        		}
        
        
        		int count = chatService.selectCount(wrapper);
        		return R.ok().put("count", count);
        	}
        	
        
        
        }

[4e492b1dc6c84b7cadbd5d5ecb32e232.png]: https://img-blog.csdnimg.cn/4e492b1dc6c84b7cadbd5d5ecb32e232.png
[3c76e2848b53486a88023e5fe1ed7fc3.jpeg]: https://img-blog.csdnimg.cn/3c76e2848b53486a88023e5fe1ed7fc3.jpeg
[5a13d658a3e741bbb3ad3963afc928dd.jpeg]: https://img-blog.csdnimg.cn/5a13d658a3e741bbb3ad3963afc928dd.jpeg
[aacacc6f5068437eb52bd2e33cf8483f.jpeg]: https://img-blog.csdnimg.cn/aacacc6f5068437eb52bd2e33cf8483f.jpeg
[9c9241ea9ce946f4964329c7cef6606b.jpeg]: https://img-blog.csdnimg.cn/9c9241ea9ce946f4964329c7cef6606b.jpeg
[d7071306ff1f434c890a5d0a490ee17c.png]: https://img-blog.csdnimg.cn/d7071306ff1f434c890a5d0a490ee17c.png
[cab58e1c1af44369b7864fad8f613808.png]: https://img-blog.csdnimg.cn/cab58e1c1af44369b7864fad8f613808.png
[4e188944704c433e92964ff289a5a3f5.png]: https://img-blog.csdnimg.cn/4e188944704c433e92964ff289a5a3f5.png
[425aed25311a41fe9e3b1028523b1c58.png]: https://img-blog.csdnimg.cn/425aed25311a41fe9e3b1028523b1c58.png
[bf85116e584c4ce8a385666c7306eace.png]: https://img-blog.csdnimg.cn/bf85116e584c4ce8a385666c7306eace.png
[89112346421a4cd5b98846aac160c10a.png]: https://img-blog.csdnimg.cn/89112346421a4cd5b98846aac160c10a.png
[61cfd708b1654765982da18f479d380a.png]: https://img-blog.csdnimg.cn/61cfd708b1654765982da18f479d380a.png
[1a39a2189aac4004b016fc712bad9c1e.png]: https://img-blog.csdnimg.cn/1a39a2189aac4004b016fc712bad9c1e.png
[9e0b61070ee444ab80414edb0a8ca0b8.png]: https://img-blog.csdnimg.cn/9e0b61070ee444ab80414edb0a8ca0b8.png
[8d0510d400994fbdbd0e6b4b3f90d4ed.png]: https://img-blog.csdnimg.cn/8d0510d400994fbdbd0e6b4b3f90d4ed.png
[a7aa25496e8148c8b8a3ac94dbafc644.png]: https://img-blog.csdnimg.cn/a7aa25496e8148c8b8a3ac94dbafc644.png
[0c047f4101a2409593a561c6e7f74699.png]: https://img-blog.csdnimg.cn/0c047f4101a2409593a561c6e7f74699.png
[d396c26771b149b7bd2b8cf3942f37b2.png]: https://img-blog.csdnimg.cn/d396c26771b149b7bd2b8cf3942f37b2.png
[e970254317e743a9b3f8124d518cb435.png]: https://img-blog.csdnimg.cn/e970254317e743a9b3f8124d518cb435.png
[8a9d306eefb0496b9954beb6bf33e2fb.png]: https://img-blog.csdnimg.cn/8a9d306eefb0496b9954beb6bf33e2fb.png
[d7849d92ef264197ab93130a3d393e6b.png]: https://img-blog.csdnimg.cn/d7849d92ef264197ab93130a3d393e6b.png