基于springboot+vue的房屋租赁系统(前后端分离)

博主主页：猫头鹰源码

博主简介：Java领域优质创作者、CSDN博客专家、公司架构师、全网粉丝5万+、专注Java技术领域和毕业设计项目实战

主要内容：毕业设计(Javaweb项目|小程序等)、简历模板、学习资料、面试题库、技术咨询

文末联系获取

项目背景：?

中国的科技的不断进步，计算机发展也慢慢的越来越成熟，人们对计算机也是越来越更加的依赖，科研、教育慢慢用于计算机进行管理。从第一台计算机的产生，到现在计算机已经发展到我们无法想象。给我们的生活改变很多很多，给我们提供了把很多的方便，计算机已经融入到我们的生活中，和我们的生活息息相关。

随着城市流动人口的增多，人们对房屋租赁的需求日益增大，在房屋租赁方面涉及内容广泛，人们在查询房屋、预约看房、房屋租赁方面缺乏快速准确的手段，针对一现状，为更好用户服务，提供一个查询房屋、预约看房、房屋租赁的平台，开发了本房屋租赁系统。在互联网的迅速发展下，局域网的普及，为建立房屋租赁系统的设计与实现提供了基础条件。房屋租赁系统与传统的房屋租赁方式相比，有着无法比拟的优点，网络共享、传播速度快的特点，用户可以随时随地进行查询所需房屋、预约看房以及租赁房屋，同时管理员通过计算机对房屋租赁相关信息进行管理，大大提高了房屋租赁管理的效率。利用计算机高效率完成房屋租赁信息的管理，是适应现代制度要求、推动房产走向科学化、规范化的必要条件。

功能介绍：

系统包含技术：

后端：springboot，mybatis
前端：element-ui、js、css等
开发工具：idea/vscode
数据库：mysql 5.7
JDK版本：jdk1.8

部分截图说明：

租客进入本系统可查看系统信息，包括首页公告信息以及房屋信息等，系统主界面展示如图

租客在登录界面可输入登录信息进行登录系统，租客登录界面展示如图

租客可选择房屋查看房屋详情信息，登录可进行看房申请操作，房屋详情界面展示如图

租客登录后可选择房屋进行看房申请，看房申请界面展示如图

租客登录后还可查看租赁合同信息，租赁合同界面展示如图

管理员要想进入系统后台对系统进行管理操作，必须登录系统后台，管理员登录界面展示如图

管理员可查看、修改和删除租客信息，租客管理界面展示如图

管理员在户主管理界面可查看已有户主信息，对已有户主信息管理员可进行编辑和删除操作，同时管理员也可添加户主信息，户主管理界面展示如图

部分代码：

/**
     * 后端列表
     */
    @RequestMapping("/page")
    public R page(@RequestParam Map<String, Object> params,GonggaoxinxiEntity gonggaoxinxi,
		HttpServletRequest request){
        EntityWrapper<GonggaoxinxiEntity> ew = new EntityWrapper<GonggaoxinxiEntity>();
		PageUtils page = gonggaoxinxiService.queryPage(params, MPUtil.sort(MPUtil.between(MPUtil.likeOrEq(ew, gonggaoxinxi), params), params));

        return R.ok().put("data", page);
    }
    
    /**
     * 前端列表
     */
	@IgnoreAuth
    @RequestMapping("/list")
    public R list(@RequestParam Map<String, Object> params,GonggaoxinxiEntity gonggaoxinxi, HttpServletRequest request){
        EntityWrapper<GonggaoxinxiEntity> ew = new EntityWrapper<GonggaoxinxiEntity>();
		PageUtils page = gonggaoxinxiService.queryPage(params, MPUtil.sort(MPUtil.between(MPUtil.likeOrEq(ew, gonggaoxinxi), params), params));
        return R.ok().put("data", page);
    }

	/**
     * 列表
     */
    @RequestMapping("/lists")
    public R list( GonggaoxinxiEntity gonggaoxinxi){
       	EntityWrapper<GonggaoxinxiEntity> ew = new EntityWrapper<GonggaoxinxiEntity>();
      	ew.allEq(MPUtil.allEQMapPre( gonggaoxinxi, "gonggaoxinxi")); 
        return R.ok().put("data", gonggaoxinxiService.selectListView(ew));
    }

	 /**
     * 查询
     */
    @RequestMapping("/query")
    public R query(GonggaoxinxiEntity gonggaoxinxi){
        EntityWrapper< GonggaoxinxiEntity> ew = new EntityWrapper< GonggaoxinxiEntity>();
 		ew.allEq(MPUtil.allEQMapPre( gonggaoxinxi, "gonggaoxinxi")); 
		GonggaoxinxiView gonggaoxinxiView =  gonggaoxinxiService.selectView(ew);
		return R.ok("查询公告信息成功").put("data", gonggaoxinxiView);
    }
	
    /**
     * 后端详情
     */
    @RequestMapping("/info/{id}")
    public R info(@PathVariable("id") Long id){
        GonggaoxinxiEntity gonggaoxinxi = gonggaoxinxiService.selectById(id);
		gonggaoxinxi.setClicknum(gonggaoxinxi.getClicknum()+1);
		gonggaoxinxi.setClicktime(new Date());
		gonggaoxinxiService.updateById(gonggaoxinxi);
        return R.ok().put("data", gonggaoxinxi);
    }

    /**
     * 前端详情
     */
	@IgnoreAuth
    @RequestMapping("/detail/{id}")
    public R detail(@PathVariable("id") Long id){
        GonggaoxinxiEntity gonggaoxinxi = gonggaoxinxiService.selectById(id);
		gonggaoxinxi.setClicknum(gonggaoxinxi.getClicknum()+1);
		gonggaoxinxi.setClicktime(new Date());
		gonggaoxinxiService.updateById(gonggaoxinxi);
        return R.ok().put("data", gonggaoxinxi);
    }
    



    /**
     * 后端保存
     */
    @RequestMapping("/save")
    public R save(@RequestBody GonggaoxinxiEntity gonggaoxinxi, HttpServletRequest request){
    	gonggaoxinxi.setId(new Date().getTime()+new Double(Math.floor(Math.random()*1000)).longValue());
    	//ValidatorUtils.validateEntity(gonggaoxinxi);
        gonggaoxinxiService.insert(gonggaoxinxi);
        return R.ok();
    }
    
    /**
     * 前端保存
     */
    @RequestMapping("/add")
    public R add(@RequestBody GonggaoxinxiEntity gonggaoxinxi, HttpServletRequest request){
    	gonggaoxinxi.setId(new Date().getTime()+new Double(Math.floor(Math.random()*1000)).longValue());
    	//ValidatorUtils.validateEntity(gonggaoxinxi);
        gonggaoxinxiService.insert(gonggaoxinxi);
        return R.ok();
    }

    /**
     * 修改
     */
    @RequestMapping("/update")
    public R update(@RequestBody GonggaoxinxiEntity gonggaoxinxi, HttpServletRequest request){
        //ValidatorUtils.validateEntity(gonggaoxinxi);
        gonggaoxinxiService.updateById(gonggaoxinxi);//全部更新
        return R.ok();
    }
    

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

以上就是部分功能展示，从整体上来看，本系统功能是十分完整的，界面设计简洁大方，交互友好，数据库设计也很合理，规模适中，代码工整，清晰，适合学习使用。

好了，今天就到这儿吧，小伙伴们点赞、收藏、评论，一键三连走起呀，下期见~~