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

博主主页:猫头鹰源码

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

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

文末联系获取

项目介绍: 

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

功能介绍:

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

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

基于springboot+vue的青年公寓服务平台_第1张图片

系统包含技术:

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

部分截图说明:

下面首页

基于springboot+vue的青年公寓服务平台_第2张图片

博客列表

基于springboot+vue的青年公寓服务平台_第3张图片

博客详情

基于springboot+vue的青年公寓服务平台_第4张图片

房屋

基于springboot+vue的青年公寓服务平台_第5张图片

房屋详情

基于springboot+vue的青年公寓服务平台_第6张图片

商家列表

基于springboot+vue的青年公寓服务平台_第7张图片

登录

基于springboot+vue的青年公寓服务平台_第8张图片

商家管理

基于springboot+vue的青年公寓服务平台_第9张图片

博客类型管理

基于springboot+vue的青年公寓服务平台_第10张图片

博客管理

基于springboot+vue的青年公寓服务平台_第11张图片

房屋管理

基于springboot+vue的青年公寓服务平台_第12张图片

预约看房

基于springboot+vue的青年公寓服务平台_第13张图片

部分代码:

/**
    * 后端列表
    */
    @RequestMapping("/page")
    public R page(@RequestParam Map 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 list =(List)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转view
            BokeLiuyanView 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 queryWrapper = new EntityWrapper()
            .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,"表中有相同数据");
        }
    }

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

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

你可能感兴趣的:(spring,boot,java,后端,vue.js,spring)