基于SpringBoot+Vue的前后端分离的房屋租赁系统2

一、项目背景介绍：

开发过程中，我们注意到目前租房市场存在一些问题，如信息不对称、租金纠纷、租赁合同管理不规范等。为了解决这些问题，我们决定开发一个全新的房屋租赁系统。

首先，我们选择了SpringBoot作为后端框架。SpringBoot是一个快速开发、简化配置的Java开发框架，它提供了丰富的功能和强大的生态系统，可以帮助我们快速搭建稳定、高效的后端服务。同时，SpringBoot也具有良好的扩展性和可维护性，方便后期系统的升级和维护。

其次，为了提供良好的用户体验和友好的界面，我们选择了Vue作为前端框架。Vue是一种轻量级、渐进式的JavaScript框架，它具有简单易学、灵活高效的特点，可以帮助我们快速构建交互式的前端页面。通过Vue的组件化开发方式，我们可以更好地管理和复用前端代码，提高开发效率。

在系统的设计中，我们注重用户体验和功能完善。用户可以通过系统浏览各种房源信息，并进行筛选、比较和预订。同时，系统还提供了租赁合同管理、支付结算和评价反馈等功能，以保证租房过程的安全和顺利进行。

总之，基于SpringBoot+Vue的前后端分离架构，该房屋租赁系统具有稳定、高效的性能，同时提供了丰富的功能和良好的用户体验。我们希望通过这个系统，能够为用户提供一个便捷、安全的房屋租赁服务平台，促进租房市场的健康发展。

二、项目技术简介：

1. JAVA：Java是一门面向对象编程语言，不仅吸收了C++语言的各种优点，还摒弃了C++里难以理解的多继承、指针等概念，因此Java语言具有功能强大和简单易用两个特征。Java语言作为静态面向对象编程语言的代表，极好地实现了面向对象理论，允许程序员以优雅的思维方式进行复杂的编程。

2. Vue：Vue (发音为 /vjuː/，类似 view) 是一款用于构建用户界面的JavaScript框架。它基于标准HTML、CSS和JavaScript构建，并提供了一套声明式的、组件化的编程模型，帮助开发者高效地开发用户界面。

Vue是一个独立的社区驱动的项目，它是由尤雨溪在2014年作为其个人项目创建， 是一个成熟的、经历了无数实战考验的框架，它是目前生产环境中使用最广泛的JavaScript框架之一，可以轻松处理大多数web应用的场景，并且几乎不需要手动优化，并且Vue完全有能力处理大规模的应用。

3. Element-UI：Element，一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库。

4. Spring：Spring框架是一个开放源代码的J2EE应用程序框架，由Rod Johnson发起，是针对bean的生命周期进行管理的轻量级容器（lightweight container）。 Spring解决了开发者在J2EE开发中遇到的许多常见的问题，提供了功能强大IOC、AOP及Web MVC等功能。Spring可以单独应用于构筑应用程序，也可以和Struts、Webwork、Tapestry等众多Web框架组合使用，并且可以与 Swing等桌面应用程序AP组合。因此， Spring不仅仅能应用于J2EE应用程序之中，也可以应用于桌面应用程序以及小应用程序之中。Spring框架主要由七部分组成，分别是 Spring Core、 Spring AOP、 Spring ORM、 Spring DAO、Spring Context、 Spring Web和 Spring Web MVC。

5. SpringBoot：Spring Boot是由Pivotal团队提供的全新框架，其设计目的是用来简化新Spring应用的初始搭建以及开发过程。该框架使用了特定的方式来进行配置，从而使开发人员不再需要定义样板化的配置。通过这种方式，Spring Boot致力于在蓬勃发展的快速应用开发领域(rapid application development)成为领导者。

6. Mybatis-Plus：MyBatis-Plus（简称 MP）是一个 MyBatis的增强工具，在 MyBatis 的基础上只做增强不做改变，为 简化开发、提高效率而生。

三、系统功能模块介绍：

四、数据库设计：

五、功能模块：

1. 登录：在登录界面用户可以选择当前登录的权限是房东还是租客,选在对应的权限然后输入账号密码进入到的系统所能使用的功能是不一致的

   

2. 房东首页-日程提醒：

   

3. 房源菜单：房源列表用于管理房源,添加房源菜单用于添加房源

六、代码示例：

@GetMapping(/captchaImage)

public AjaxResult getCode(HttpServletResponse response) throws IOException

{

 AjaxResult ajax = AjaxResult.success();

 boolean captchaEnabled = configService.selectCaptchaEnabled();

 ajax.put(captchaEnabled, captchaEnabled);

 if (!captchaEnabled)

 {

 return ajax;

 } // 保存验证码信息

 String uuid = IdUtils.simpleUUID();

 String verifyKey = CacheConstants.CAPTCHA_CODE_KEY + uuid;

 String capStr = null, code = null;

 BufferedImage image = null;



 String captchaType = RuoYiConfig.getCaptchaType();

 if (math.equals(captchaType))

 {

 String capText = captchaProducerMath.createText();

 capStr = capText.substring(0, capText.lastIndexOf(@));

 code = capText.substring(capText.lastIndexOf(@) + 1);

 image = captchaProducerMath.createImage(capStr);

 }

 else if (char.equals(captchaType))

 {

 capStr = code = captchaProducer.createText();

 image = captchaProducer.createImage(capStr);

 }

 redisCache.setCacheObject(verifyKey, code, Constants.CAPTCHA_EXPIRATION, TimeUnit.MINUTES);

 // 转换流信息写出

 FastByteArrayOutputStream os = new FastByteArrayOutputStream();

 try

 {

 ImageIO.write(image, jpg, os);

 }

 catch (IOException e)

 {

 return AjaxResult.error(e.getMessage());

 }

 ajax.put(uuid, uuid);

 ajax.put(img, Base64.encode(os.toByteArray()));

 return ajax;



}

/**

通用的本地文件上传

@param multipartFile 文件对象@return 文件访问链接URL

 */

@PostMapping(/file)

public SimpleResponse uploadImg(@RequestParam(file) MultipartFile file) {

 // 文件后缀

 String suffix = file.getOriginalFilename().substring(file.getOriginalFilename().lastIndexOf(.) + 1);

 File savePathFile = new File(newTomcatFolder);

 if (!savePathFile.exists()) {

 // 若不存在该目录，则创建目录

 savePathFile.mkdir();

 }

 // 通过UUID生成唯一文件名

 String filename = UUID.randomUUID() + . + suffix;

 try {

 // 将文件保存指定目录

 file.transferTo(new File(newTomcatFolder + filename));

 } catch (Exception e) {

 e.printStackTrace();

 return SimpleResponse.error(保存文件异常);

 }

 // 返回访问链接

 return SimpleResponse.success(newTomcatHost + filename);

}

/**用户登录

 */

@PostMapping(/login)

public ReturnMsg manageLogin(@RequestBody Map<String, String> param) {

 if (StrUtil.isEmpty(param.get(username)) || StrUtil.isEmpty(param.get(password))) {

 return ReturnMsg.error(用户名或密码错误!);

 }

 ManageDTO manageDTO = new ManageDTO();

 manageDTO.setUserName(param.get(username));

 manageDTO.setPassWord(param.get(password));

 QueryWrapper<ManageDTO> manageDTOQueryWrapper = new QueryWrapper<>(manageDTO);

 manageDTOQueryWrapper.last(limit 1);

 ManageDTO adminDTOS = manageService.getOne(manageDTOQueryWrapper);

 if (adminDTOS == null) return ReturnMsg.error(用户名或密码错误!);

 Map<String, Object> map = new HashMap<>();

 map.put(avatar, StrUtil.isNotBlank(adminDTOS.getPhotoImg()) ? adminDTOS.getPhotoImg() : https://wpimg.wallstcn.com/f778738c-e4f8-4870-b634-56703b4acafe.gif);

 map.put(introduction, adminDTOS.getName() + ,你好!);

 map.put(name, adminDTOS.getName());

 map.put(roles, Arrays.asList(admin));

 map.put(type, adminDTOS.getStatus());

 Map<String, String> returnMap = new HashMap<>();

 String uuid = UUID.randomUUID().toString();

 returnMap.put(token, uuid);

 userInfoMap.put(uuid, JSON.toJSONString(map));

 return ReturnMsg.ok(returnMap);

}

七、项目总结：

开发基于SpringBoot+Vue的前后端分离的房屋租赁系统2是作为毕设作品进行设计的，这个毕设作品是我在校进行知识学习的一个毕业考核项目，也是检验我通过网络工具，图书工具等学习工具进行自学的能力水平，让我在根据程序开发的需求分析初步完成程序功能之外，还接触了程序的测试过程，了解程序测试的具体的过程，以及遇到问题怎么去寻找相应的解决办法等等，毕业作品的制作以及设计才是学校对我真正的考验。

在程序软件没能进行开发之前，我去了学校的图书馆借了有关数据库操作的书籍，在查看了sqlserver和mysql两种数据库的相关知识之后，我最后选择了我比较熟悉的mysql数据库。在编程语言的抉择上，由于自己之前接触过Java程序的开发，所以为了让我尽快在短时间内完成程序制作，我确定用Java编程语言进行程序编程。另外我从百度上下载了很多的有关信息增加，信息删除等操作的源代码，并通过不断调试以及完成配套的数据库的设计，开始完成程序的各个部分的功能。每当我粗心大意，致使我深陷程序开发困扰不能自拔之时，值得庆幸的是，我就会得到老师，还有我的寝室同学的耐心指导。

历经长达几个月的毕业作品制作，我凭借自己的知识技能，还有大家的指导帮助，能够在学校规定的时间段之内提交毕业作品。虽然已经算是完成了毕业作品，但是付出了这么多心血，还是想把这个作品做得更加完美一点。针对我的毕业作品学生信息管理系统，我觉得还有很多方面需要完善，第一就是界面上需要细微调整，比如色彩搭配有点违背广众的审美，需要细微调整，还有系统里面的字体大小也需要调大一点，太小的字体看起来有些费眼。然后在程序的功能上因为自己的入门开发水平的影响，所以目前只能做到这个境界，这个系统相比其他类似系统来说功能很简单，逻辑结构设计得也比较合理。

自己一个人完成程序的开发，我不仅亲自体验了程序的开发流程，体验到了程序开发的各种不易。这种体验也还加深了我对知识的尊重。学海无涯，知识不是大学短短四年就能学完的，在大学学到的知识在最终经历检验时，才会深深地明白自己的知识积累原来还很浅薄。所以今后不管身在何处，自己的学习心态一定要时刻体现出来，要深刻明白知识学到手里就是自己的。同时，自己也不必过多抱怨学到的知识没有用处，相信学到的知识总会有派上用处的那天。不要等到需要用时再去学习知识，那样就会导致自己错失很多本该属于自己的机遇。