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

简介: 该系统基于springboot+vue整合,mysql数据库,前后端分离,具有完整的业务逻辑。主要功能:房屋信息管理、缴纳租金、故障管理、用户管理、公告管理等。

系统使用技术:springboot+mybatis


前端技术:ElementUI、node.js、js、css


开发工具:idea


数据库:mysql5.7


项目介绍:



该系统基于springboot+vue整合,mysql数据库,前后端分离,具有完整的业务逻辑。主要功能:房屋信息管理、缴纳租金、故障管理、用户管理、公告管理等。


下面我们来看看管理员相关功能。



系统登录:


image.png


系统首页


查看系统首页


image.png


系统首页


查看系统首页


20210814172036540.png


故障报修


对故障信息进行管理,用户可以申保故障


20210814172048957.png


租金管理


对租金进行操作


20210814172156852.png


公告管理


对公告进行操作


20210814172228439.png


查看个人信息


20210814172242951.png


用户申报故障

对故障进行申报


image.png


代码



登录相关代码:


@RequestMapping(value = "/login",method = RequestMethod.POST)
  public Map<String,Object> login(@RequestBody LoginUser loginUser) {
    Map<String,Object> map = new HashMap<>();
    User user = userService.login(loginUser.getAccount(),loginUser.getPassword());
    if(user == null){
      map.put("flag",false);
      return map;
    }
    UserList userList = userService.findUserInfoByCondition(null,user.getId(),null);
    //生成令牌
    JwtUtil jwtUtil = new JwtUtil();
    String token = null;
    if(userList.getType() == 1){
      map.put("systemRole","admin");
      token = jwtUtil.createJWT(String.valueOf(userList.getId()),user.getUsername(),"admin");
    }else {
      map.put("systemRole","user");
      token = jwtUtil.createJWT(String.valueOf(userList.getId()),user.getUsername(),"user");
    }
    map.put("userInfo",userList);
    map.put("token",token);
    map.put("flag",true);
    return map;
  }



以上就是部分功能展示,从整体上来看,本系统功能是十分完整的,而且也与当前的热点话题关联,界面设计简洁大方,交互友好,数据库设计也很合理,规模适中,比较适合毕业设计和课程设计的相关应用。


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

相关文章
|
5天前
|
JavaScript 测试技术 开发者
Vue 3 Vuex:构建更强大的状态管理系统
Vue 3 Vuex:构建更强大的状态管理系统
14 1
|
8天前
|
JavaScript 前端开发 开发者
Vue的响应式原理:深入探索Vue的响应式系统与依赖追踪
【4月更文挑战第24天】Vue的响应式原理通过JavaScript getter/setter实现,当数据变化时自动更新视图。它创建Watcher对象收集依赖,并通过依赖追踪机制精确通知更新。当属性改变,setter触发更新相关Watcher,重新执行操作以反映数据最新状态。Vue的响应式系统结合依赖追踪,有效提高性能,简化复杂应用的开发,但对某些复杂数据结构需额外处理。
|
12天前
|
小程序 JavaScript Java
基于SpringBoot+Vue+uniapp微信小程序的医院核酸检测服务系统的详细设计和实现
基于SpringBoot+Vue+uniapp微信小程序的医院核酸检测服务系统的详细设计和实现
35 0
|
13天前
|
人工智能 移动开发 前端开发
Springboot医院智慧导诊系统源码:精准推荐科室
医院智慧导诊系统是在医疗中使用的引导患者自助就诊挂号,在就诊的过程中有许多患者不知道需要挂什么号,要看什么病,通过智慧导诊系统,可输入自身疾病的症状表现,或选择身体部位,在经由智慧导诊系统多维度计算,精准推荐科室,引导患者挂号就诊,实现科学就诊,不用担心挂错号。
26 2
|
14天前
|
人工智能 前端开发 Java
Java语言开发的AI智慧导诊系统源码springboot+redis 3D互联网智导诊系统源码
智慧导诊解决盲目就诊问题,减轻分诊工作压力。降低挂错号比例,优化就诊流程,有效提高线上线下医疗机构接诊效率。可通过人体画像选择症状部位,了解对应病症信息和推荐就医科室。
161 10
|
14天前
|
Java 关系型数据库 MySQL
一套java+ spring boot与vue+ mysql技术开发的UWB高精度工厂人员定位全套系统源码有应用案例
UWB (ULTRA WIDE BAND, UWB) 技术是一种无线载波通讯技术,它不采用正弦载波,而是利用纳秒级的非正弦波窄脉冲传输数据,因此其所占的频谱范围很宽。一套UWB精确定位系统,最高定位精度可达10cm,具有高精度,高动态,高容量,低功耗的应用。
一套java+ spring boot与vue+ mysql技术开发的UWB高精度工厂人员定位全套系统源码有应用案例
|
14天前
|
JavaScript 前端开发 UED
Vue工具和生态系统: Vue.js和服务器端渲染(SSR)有关系吗?请解释。
Vue.js是一个渐进式JavaScript框架,常用于开发单页面应用,但其首屏加载较慢影响用户体验和SEO。为解决此问题,Vue.js支持服务器端渲染(SSR),在服务器预生成HTML,加快首屏速度。Vue.js的SSR可手动实现或借助如Nuxt.js的第三方库简化流程。Nuxt.js是基于Vue.js的服务器端渲染框架,整合核心库并提供额外功能,帮助构建高效的应用,改善用户体验。
14 0
|
15天前
|
存储 数据可视化 安全
Java全套智慧校园系统源码springboot+elmentui +Quartz可视化校园管理平台系统源码 建设智慧校园的5大关键技术
智慧校园指的是以物联网为基础的智慧化的校园工作、学习和生活一体化环境,这个一体化环境以各种应用服务系统为载体,将教学、科研、管理和校园生活进行充分融合。无处不在的网络学习、融合创新的网络科研、透明高效的校务治理、丰富多彩的校园文化、方便周到的校园生活。简而言之,“要做一个安全、稳定、环保、节能的校园。
39 6
|
15天前
|
JavaScript 搜索推荐 前端开发
Vue工具和生态系统:Vue CLI是什么?它的作用是什么?
【4月更文挑战第17天】Vue CLI是官方的Vue.js开发加速器,它包含交互式项目模板和@vue/cli-service,基于webpack并预设配置。支持个性化配置和插件扩展,拥有大量官方插件,整合最佳前端工具。还提供图形化界面用于项目管理和创建。
10 0
|
Java 应用服务中间件 Maven
传统maven项目和现在spring boot项目的区别
Spring Boot:传统 Web 项目与采用 Spring Boot 项目区别
359 0
传统maven项目和现在spring boot项目的区别