基于springboot+vue的青年公寓服务平台

博主主页：猫头鹰源码

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

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

文末联系获取

项目介绍： 

本系统适合选题：青年、公寓、公寓服务、公寓平台、青年公寓等。系统采用springboot+vue整合开发，前端框架主要使用了element-ui框架、数据层采用mybatis，功能齐全，界面美观。

功能介绍：

青年公寓服务平台系统在进行系统中功能模块的划分时，采用层次图来进行表示。层次图具有树形结构，它能使用矩形框来描绘数据信息。顶层代表的数据结构很完整，顶层下面的矩形框表示的数据就是子集数据，当然处于最下面的矩形框就是不能再进行细分的数据元素了，使用层次方框图描述系统功能能让用户一目了然，能够明白系统的功能，以及对应功能板块下面的子功能都可以清楚领会。青年公寓服务平台分为管理员和用户两部分操作角色，下面将对他们的功能进行阐述。

管理员可以管理用户的基本信息，可以管理等功能。管理员功能结构图如下：

系统包含技术：

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

部分截图说明：

下面首页

博客列表

博客详情

房屋

房屋详情

商家列表

登录

商家管理

博客类型管理

博客管理

房屋管理

预约看房

部分代码：

/*** 后端列表*/@RequestMapping("/page")public R page(@RequestParam Map<String, Object> params, HttpServletRequest request){logger.debug("page方法:,,Controller:{},,params:{}",this.getClass().getName(),JSONObject.toJSONString(params));String role = String.valueOf(request.getSession().getAttribute("role"));if(false)return R.error(511,"永不会进入");else if("用户".equals(role))params.put("yonghuId",request.getSession().getAttribute("userId"));else if("商家".equals(role))params.put("shangjiaId",request.getSession().getAttribute("userId"));if(params.get("orderBy")==null || params.get("orderBy")==""){params.put("orderBy","id");}PageUtils page = bokeLiuyanService.queryPage(params);//字典表数据转换List<BokeLiuyanView> list =(List<BokeLiuyanView>)page.getList();for(BokeLiuyanView c:list){//修改对应字典表字段dictionaryService.dictionaryConvert(c, request);}return R.ok().put("data", page);}/*** 后端详情*/@RequestMapping("/info/{id}")public R info(@PathVariable("id") Long id, HttpServletRequest request){logger.debug("info方法:,,Controller:{},,id:{}",this.getClass().getName(),id);BokeLiuyanEntity bokeLiuyan = bokeLiuyanService.selectById(id);if(bokeLiuyan !=null){//entity转viewBokeLiuyanView view = new BokeLiuyanView();BeanUtils.copyProperties( bokeLiuyan , view );//把实体数据重构到view中//级联表BokeEntity boke = bokeService.selectById(bokeLiuyan.getBokeId());if(boke != null){BeanUtils.copyProperties( boke , view ,new String[]{ "id", "createTime", "insertTime", "updateTime", "yonghuId"});//把级联的数据添加到view中,并排除id和创建时间字段view.setBokeId(boke.getId());view.setBokeYonghuId(boke.getYonghuId());}//级联表YonghuEntity yonghu = yonghuService.selectById(bokeLiuyan.getYonghuId());if(yonghu != null){BeanUtils.copyProperties( yonghu , view ,new String[]{ "id", "createTime", "insertTime", "updateTime"});//把级联的数据添加到view中,并排除id和创建时间字段view.setYonghuId(yonghu.getId());}//修改对应字典表字段dictionaryService.dictionaryConvert(view, request);return R.ok().put("data", view);}else {return R.error(511,"查不到数据");}}/*** 后端保存*/@RequestMapping("/save")public R save(@RequestBody BokeLiuyanEntity bokeLiuyan, HttpServletRequest request){logger.debug("save方法:,,Controller:{},,bokeLiuyan:{}",this.getClass().getName(),bokeLiuyan.toString());String role = String.valueOf(request.getSession().getAttribute("role"));if(false)return R.error(511,"永远不会进入");else if("用户".equals(role))bokeLiuyan.setYonghuId(Integer.valueOf(String.valueOf(request.getSession().getAttribute("userId"))));bokeLiuyan.setInsertTime(new Date());bokeLiuyan.setCreateTime(new Date());bokeLiuyanService.insert(bokeLiuyan);return R.ok();}/*** 后端修改*/@RequestMapping("/update")public R update(@RequestBody BokeLiuyanEntity bokeLiuyan, HttpServletRequest request){logger.debug("update方法:,,Controller:{},,bokeLiuyan:{}",this.getClass().getName(),bokeLiuyan.toString());String role = String.valueOf(request.getSession().getAttribute("role"));
//        if(false)
//            return R.error(511,"永远不会进入");
//        else if("用户".equals(role))
//            bokeLiuyan.setYonghuId(Integer.valueOf(String.valueOf(request.getSession().getAttribute("userId"))));//根据字段查询是否有相同数据Wrapper<BokeLiuyanEntity> queryWrapper = new EntityWrapper<BokeLiuyanEntity>().eq("id",0);logger.info("sql语句:"+queryWrapper.getSqlSegment());BokeLiuyanEntity bokeLiuyanEntity = bokeLiuyanService.selectOne(queryWrapper);bokeLiuyan.setUpdateTime(new Date());if(bokeLiuyanEntity==null){bokeLiuyanService.updateById(bokeLiuyan);//根据id更新return R.ok();}else {return R.error(511,"表中有相同数据");}}

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

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