当前位置: 首页 > article >正文

基于ssm+vue的房源管理系统设计与实现

博主介绍:专注于Java(springboot ssm 等开发框架) vue  .net  php phython node.js    uniapp 微信小程序 等诸多技术领域和毕业项目实战、企业信息化系统建设,从业十五余年开发设计教学工作
☆☆☆ 精彩专栏推荐订阅☆☆☆☆☆不然下次找不到哟
我的博客空间发布了1500+毕设题目 方便大家学习使用
感兴趣的可以先收藏起来,还有大家在毕设选题,项目以及论文编写等相关问题都可以给我留言咨询,希望帮助更多的人
更多项目地址 介绍  翰文编程-CSDN博客
文末下方有源码获取地址

    1. 系统结构设计

系统结构设计就像一个树状结构一样,一个树干有很多分支,大任务相当于树干,小任务相当于树枝,只有需求分析信息弄清楚之后,才能保证每个小任务都能实现目标,对初步设计好的系统再进行不断优化,最终得到一个具体现实的系统结构。

管理员功能模块和用户功能模块是该房源管理系统的两大部分,系统结构如图4-2所示。

图4-2 系统结构图

4.3 数据库设计

开发一个系统也需要提前设计数据库。这里的数据库是相关数据的集合,存储在一起的这些数据也是按照一定的组织方式进行的。目前,数据库能够服务于多种应用程序,则是源于它存储方式最佳,具备数据冗余率低的优势。虽然数据库为程序提供信息存储服务,但它与程序之间也可以保持较高的独立性。总而言之,数据库经历了很长一段时间的发展,从最初的不为人知,到现在的人尽皆知,其相关技术也越发成熟,同时也拥有着坚实的理论基础。

4.3.1 数据库概念设计

这部分内容需要借助数据库关系图来完成,也需要使用专门绘制数据库关系图的工具,比如Visio工具就可以设计E-R图(数据库关系图)。设计数据库,也需要按照设计的流程进行,首先还是要根据需求完成实体的确定,分析实体具有的特征,还有对实体间的关联关系进行确定。最后才是使用E-R模型的表示方法,绘制本系统的E-R图。不管是使用亿图软件,还是Visio工具,对于E-R模型的表示符号都一样,通常矩形代表实体,实体间存在的关系用菱形符号表示,实体的属性也就是实体的特征用符号椭圆表示。最后使用直线将矩形,菱形和椭圆等符号连接起来。接下来就开始对本系统的E-R图进行绘制。

(1)下图是论坛实体和其具备的属性。


图4.1 论坛实体属性图

(2)下图是用户实体和其具备的属性。


图4.2 用户实体属性图

(3)下图是公告信息实体和其具备的属性。


图4.3 公告信息实体属性图

(4)下图是字典表实体和其具备的属性。


图4.4 字典表实体属性图

(5)下图是房源信息实体和其具备的属性。


图4.5 房源信息实体属性图

(6)下图是用户表实体和其具备的属性。


图4.6 用户表实体属性图

(7)下图是房源收藏实体和其具备的属性。


图4.7 房源收藏实体属性图

(8)下图是房源留言实体和其具备的属性。


图4.8 房源留言实体属性图

      1. 数据库表设计

采用MYSQL数据库对该房源管理系统的数据进行存储,数据库中所包括的各个数据库表的详细信息如下所示:

表4.1字典表表

序号

列名

数据类型

说明

允许空

1

Id

Int

id

2

dic_code

String

字段

3

dic_name

String

字段名

4

code_index

Integer

编码

5

index_name

String

编码名字

6

super_id

Integer

父字段id

7

beizhu

String

备注

8

create_time

Date

创建时间

表4.2房源信息表

序号

列名

数据类型

说明

允许空

1

Id

Int

id

2

fangyuan_name

String

小区名称

3

fangyuan_types

Integer

户型家具

4

zushou_types

Integer

租售类型

5

fangyuan_photo

String

房间图片

6

fangyuan_chufadi

String

具体位置

7

fangyuan_mianji

String

面积

8

fangdong_name

String

房东

9

fangdong_phone

String

房东电话

10

fangyuan_jiage

String

价格

11

fangyuan_content

String

详情

12

create_time

Date

创建时间

表4.3房源收藏表

序号

列名

数据类型

说明

允许空

1

Id

Int

id

2

fangyuan_id

Integer

房源

3

yonghu_id

Integer

用户

4

fangyuan_collection_types

Integer

类型

5

insert_time

Date

收藏时间

6

create_time

Date

创建时间

表4.4房源留言表

序号

列名

数据类型

说明

允许空

1

Id

Int

id

2

fangyuan_id

Integer

房源

3

yonghu_id

Integer

用户

4

fangyuan_liuyan_text

String

留言内容

5

reply_text

String

回复内容

6

insert_time

Date

留言时间

7

update_time

Date

回复时间

8

create_time

Date

创建时间

表4.5论坛表

序号

列名

数据类型

说明

允许空

1

Id

Int

id

2

forum_name

String

帖子标题

3

yonghu_id

Integer

用户

4

zuozhe_id

Integer

作者

5

users_id

Integer

管理员

6

forum_content

String

发布内容

7

super_ids

Integer

父id

8

forum_state_types

Integer

帖子状态

9

insert_time

Date

发帖时间

10

update_time

Date

修改时间

11

create_time

Date

创建时间

表4.6公告信息表

序号

列名

数据类型

说明

允许空

1

Id

Int

id

2

news_name

String

公告标题

3

news_types

Integer

公告类型

4

news_photo

String

公告图片

5

insert_time

Date

公告时间

6

news_content

String

公告详情

7

create_time

Date

创建时间

表4.7用户表

序号

列名

数据类型

说明

允许空

1

Id

Int

id

2

yonghu_name

String

用户姓名

3

yonghu_photo

String

头像

4

yonghu_phone

String

联系方式

5

yonghu_id_number

String

用户身份证号

6

yonghu_email

String

邮箱

7

yonghu_delete

Integer

假删

8

create_time

Date

创建时间

表4.8用户表表

序号

列名

数据类型

说明

允许空

1

Id

Int

id

2

username

String

用户名

3

password

String

密码

4

role

String

角色

5

addtime

Date

新增时间

  1. 系统的实现
    1. 功能模块的实现

5.1用户信息管理

如图5.1显示的就是用户信息管理页面,此页面提供给管理员的功能有:用户信息的查询管理,可以删除用户信息、修改用户信息、新增用户信息,

还进行了对用户名称的模糊查询的条件

图5.1 用户信息管理页面

5.2 房源信息管理

如图5.2显示的就是房源信息管理页面,此页面提供给管理员的功能有:查看已发布的房源信息数据,修改房源信息,房源信息作废,即可删除,还进行了对房源信息名称的模糊查询 房源信息信息的类型查询等等一些条件。

图5.2 房源信息管理页面

主要代码:


package com.controller;

import java.io.File;
import java.math.BigDecimal;
import java.net.URL;
import java.text.SimpleDateFormat;
import com.alibaba.fastjson.JSONObject;
import java.util.*;
import org.springframework.beans.BeanUtils;
import javax.servlet.http.HttpServletRequest;
import org.springframework.web.context.ContextLoader;
import javax.servlet.ServletContext;
import com.service.TokenService;
import com.utils.*;
import java.lang.reflect.InvocationTargetException;

import com.service.DictionaryService;
import org.apache.commons.lang3.StringUtils;
import com.annotation.IgnoreAuth;
import org.slf4j.Logger;
import org.slf4j.LoggerFactory;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.*;
import com.baomidou.mybatisplus.mapper.EntityWrapper;
import com.baomidou.mybatisplus.mapper.Wrapper;
import com.entity.*;
import com.entity.view.*;
import com.service.*;
import com.utils.PageUtils;
import com.utils.R;
import com.alibaba.fastjson.*;

/**
 * 房源信息
 * 后端接口
 * @author
 * @email
*/
@RestController
@Controller
@RequestMapping("/fangyuan")
public class FangyuanController {
    private static final Logger logger = LoggerFactory.getLogger(FangyuanController.class);

    @Autowired
    private FangyuanService fangyuanService;


    @Autowired
    private TokenService tokenService;
    @Autowired
    private DictionaryService dictionaryService;

    //级联表service

    @Autowired
    private YonghuService yonghuService;


    /**
    * 后端列表
    */
    @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"));
        if(params.get("orderBy")==null || params.get("orderBy")==""){
            params.put("orderBy","id");
        }
        PageUtils page = fangyuanService.queryPage(params);

        //字典表数据转换
        List<FangyuanView> list =(List<FangyuanView>)page.getList();
        for(FangyuanView 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);
        FangyuanEntity fangyuan = fangyuanService.selectById(id);
        if(fangyuan !=null){
            //entity转view
            FangyuanView view = new FangyuanView();
            BeanUtils.copyProperties( fangyuan , view );//把实体数据重构到view中

            //修改对应字典表字段
            dictionaryService.dictionaryConvert(view, request);
            return R.ok().put("data", view);
        }else {
            return R.error(511,"查不到数据");
        }

    }

    /**
    * 后端保存
    */
    @RequestMapping("/save")
    public R save(@RequestBody FangyuanEntity fangyuan, HttpServletRequest request){
        logger.debug("save方法:,,Controller:{},,fangyuan:{}",this.getClass().getName(),fangyuan.toString());

        String role = String.valueOf(request.getSession().getAttribute("role"));
        if(false)
            return R.error(511,"永远不会进入");

        Wrapper<FangyuanEntity> queryWrapper = new EntityWrapper<FangyuanEntity>()
            .eq("fangyuan_name", fangyuan.getFangyuanName())
            .eq("fangyuan_types", fangyuan.getFangyuanTypes())
            .eq("zushou_types", fangyuan.getZushouTypes())
            .eq("fangyuan_chufadi", fangyuan.getFangyuanChufadi())
            .eq("fangyuan_mianji", fangyuan.getFangyuanMianji())
            .eq("fangdong_name", fangyuan.getFangdongName())
            .eq("fangdong_phone", fangyuan.getFangdongPhone())
            .eq("fangyuan_jiage", fangyuan.getFangyuanJiage())
            ;

        logger.info("sql语句:"+queryWrapper.getSqlSegment());
        FangyuanEntity fangyuanEntity = fangyuanService.selectOne(queryWrapper);
        if(fangyuanEntity==null){
            fangyuan.setCreateTime(new Date());
            fangyuanService.insert(fangyuan);
            return R.ok();
        }else {
            return R.error(511,"表中有相同数据");
        }
    }

    /**
    * 后端修改
    */
    @RequestMapping("/update")
    public R update(@RequestBody FangyuanEntity fangyuan, HttpServletRequest request){
        logger.debug("update方法:,,Controller:{},,fangyuan:{}",this.getClass().getName(),fangyuan.toString());

        String role = String.valueOf(request.getSession().getAttribute("role"));
//        if(false)
//            return R.error(511,"永远不会进入");
        //根据字段查询是否有相同数据
        Wrapper<FangyuanEntity> queryWrapper = new EntityWrapper<FangyuanEntity>()
            .notIn("id",fangyuan.getId())
            .andNew()
            .eq("fangyuan_name", fangyuan.getFangyuanName())
            .eq("fangyuan_types", fangyuan.getFangyuanTypes())
            .eq("zushou_types", fangyuan.getZushouTypes())
            .eq("fangyuan_chufadi", fangyuan.getFangyuanChufadi())
            .eq("fangyuan_mianji", fangyuan.getFangyuanMianji())
            .eq("fangdong_name", fangyuan.getFangdongName())
            .eq("fangdong_phone", fangyuan.getFangdongPhone())
            .eq("fangyuan_jiage", fangyuan.getFangyuanJiage())
            ;

        logger.info("sql语句:"+queryWrapper.getSqlSegment());
        FangyuanEntity fangyuanEntity = fangyuanService.selectOne(queryWrapper);
        if("".equals(fangyuan.getFangyuanPhoto()) || "null".equals(fangyuan.getFangyuanPhoto())){
                fangyuan.setFangyuanPhoto(null);
        }
        if(fangyuanEntity==null){
            fangyuanService.updateById(fangyuan);//根据id更新
            return R.ok();
        }else {
            return R.error(511,"表中有相同数据");
        }
    }

    /**
    * 删除
    */
    @RequestMapping("/delete")
    public R delete(@RequestBody Integer[] ids){
        logger.debug("delete:,,Controller:{},,ids:{}",this.getClass().getName(),ids.toString());
        fangyuanService.deleteBatchIds(Arrays.asList(ids));
        return R.ok();
    }


    /**
     * 批量上传
     */
    @RequestMapping("/batchInsert")
    public R save( String fileName){
        logger.debug("batchInsert方法:,,Controller:{},,fileName:{}",this.getClass().getName(),fileName);
        try {
            List<FangyuanEntity> fangyuanList = new ArrayList<>();//上传的东西
            Map<String, List<String>> seachFields= new HashMap<>();//要查询的字段
            Date date = new Date();
            int lastIndexOf = fileName.lastIndexOf(".");
            if(lastIndexOf == -1){
                return R.error(511,"该文件没有后缀");
            }else{
                String suffix = fileName.substring(lastIndexOf);
                if(!".xls".equals(suffix)){
                    return R.error(511,"只支持后缀为xls的excel文件");
                }else{
                    URL resource = this.getClass().getClassLoader().getResource("static/upload/" + fileName);//获取文件路径
                    File file = new File(resource.getFile());
                    if(!file.exists()){
                        return R.error(511,"找不到上传文件,请联系管理员");
                    }else{
                        List<List<String>> dataList = PoiUtil.poiImport(file.getPath());//读取xls文件
                        dataList.remove(0);//删除第一行,因为第一行是提示
                        for(List<String> data:dataList){
                            //循环
                            FangyuanEntity fangyuanEntity = new FangyuanEntity();
//                            fangyuanEntity.setFangyuanName(data.get(0));                    //小区名称 要改的
//                            fangyuanEntity.setFangyuanTypes(Integer.valueOf(data.get(0)));   //户型家具 要改的
//                            fangyuanEntity.setZushouTypes(Integer.valueOf(data.get(0)));   //租售类型 要改的
//                            fangyuanEntity.setFangyuanPhoto("");//照片
//                            fangyuanEntity.setFangyuanChufadi(data.get(0));                    //具体位置 要改的
//                            fangyuanEntity.setFangyuanMianji(data.get(0));                    //面积 要改的
//                            fangyuanEntity.setFangdongName(data.get(0));                    //房东 要改的
//                            fangyuanEntity.setFangdongPhone(data.get(0));                    //房东电话 要改的
//                            fangyuanEntity.setFangyuanJiage(data.get(0));                    //价格 要改的
//                            fangyuanEntity.setFangyuanContent("");//照片
//                            fangyuanEntity.setCreateTime(date);//时间
                            fangyuanList.add(fangyuanEntity);


                            //把要查询是否重复的字段放入map中
                        }

                        //查询是否重复
                        fangyuanService.insertBatch(fangyuanList);
                        return R.ok();
                    }
                }
            }
        }catch (Exception e){
            return R.error(511,"批量插入数据异常,请联系管理员");
        }
    }





    /**
    * 前端列表
    */
    @IgnoreAuth
    @RequestMapping("/list")
    public R list(@RequestParam Map<String, Object> params, HttpServletRequest request){
        logger.debug("list方法:,,Controller:{},,params:{}",this.getClass().getName(),JSONObject.toJSONString(params));

        // 没有指定排序字段就默认id倒序
        if(StringUtil.isEmpty(String.valueOf(params.get("orderBy")))){
            params.put("orderBy","id");
        }
        PageUtils page = fangyuanService.queryPage(params);

        //字典表数据转换
        List<FangyuanView> list =(List<FangyuanView>)page.getList();
        for(FangyuanView c:list)
            dictionaryService.dictionaryConvert(c, request); //修改对应字典表字段
        return R.ok().put("data", page);
    }

    /**
    * 前端详情
    */
    @RequestMapping("/detail/{id}")
    public R detail(@PathVariable("id") Long id, HttpServletRequest request){
        logger.debug("detail方法:,,Controller:{},,id:{}",this.getClass().getName(),id);
        FangyuanEntity fangyuan = fangyuanService.selectById(id);
            if(fangyuan !=null){


                //entity转view
                FangyuanView view = new FangyuanView();
                BeanUtils.copyProperties( fangyuan , view );//把实体数据重构到view中

                //修改对应字典表字段
                dictionaryService.dictionaryConvert(view, request);
                return R.ok().put("data", view);
            }else {
                return R.error(511,"查不到数据");
            }
    }


    /**
    * 前端保存
    */
    @RequestMapping("/add")
    public R add(@RequestBody FangyuanEntity fangyuan, HttpServletRequest request){
        logger.debug("add方法:,,Controller:{},,fangyuan:{}",this.getClass().getName(),fangyuan.toString());
        Wrapper<FangyuanEntity> queryWrapper = new EntityWrapper<FangyuanEntity>()
            .eq("fangyuan_name", fangyuan.getFangyuanName())
            .eq("fangyuan_types", fangyuan.getFangyuanTypes())
            .eq("zushou_types", fangyuan.getZushouTypes())
            .eq("fangyuan_chufadi", fangyuan.getFangyuanChufadi())
            .eq("fangyuan_mianji", fangyuan.getFangyuanMianji())
            .eq("fangdong_name", fangyuan.getFangdongName())
            .eq("fangdong_phone", fangyuan.getFangdongPhone())
            .eq("fangyuan_jiage", fangyuan.getFangyuanJiage())
            ;
        logger.info("sql语句:"+queryWrapper.getSqlSegment());
        FangyuanEntity fangyuanEntity = fangyuanService.selectOne(queryWrapper);
        if(fangyuanEntity==null){
            fangyuan.setCreateTime(new Date());
        fangyuanService.insert(fangyuan);
            return R.ok();
        }else {
            return R.error(511,"表中有相同数据");
        }
    }


}

5.3户型家具管理

如图5.3显示的就是户型家具管理页面,此页面提供给管理员的功能有:根据户型家具进行条件查询,还可以对户型家具进行新增、修改、查询操作等等。

图5.3 户型家具管理页面

大家点赞、收藏、关注、评论啦  其他的定制服务  下方联系卡片↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ 或者私信作者


http://www.kler.cn/news/364476.html

相关文章:

  • 解决vue使用pdfdist-mergeofd插件时报错polyfills
  • 解决:如何在opencv中得到与matlab立体标定一样的矫正图?(python版opencv)
  • XML\XXE漏洞基本原理
  • 代码随想录 -- 贪心 -- 单调递增的数字
  • 苍穹外卖--开发记录day11
  • Mytatis-plus使用sl4j日志打印SQL
  • Vue前端播放rtsp视频流(vue+webrtc-streamer)
  • 使用 Pake 一键打包网页为桌面应用 / 客户端
  • 预算不够,怎么跟KOL砍价?(内附砍价模板)
  • 头部聚合公司源码质量测评!手把手教你打造高质量的碰一碰支付系统!
  • 设计模式 | 6大设计原则
  • NOTION 推出可定制的电子邮件产品 — NOTION MAIL
  • 15_卸载操作
  • pytorch 交叉熵损失函数 BCELoss
  • Java 代理模式详解
  • 003:无人机概述
  • 使用RabbitMQ实现延迟消息的完整指南
  • 瓜田推广:揭秘零撸项目里流量变现的技术与模式框架,新手必看!
  • EDA软件设计(1)----画板、侧边框和属性版的简易设计
  • 多模态技术串讲
  • CSDN介绍
  • Flink on yarn模式下,JobManager异常退出问题
  • 百度文心一言接入流程-java版
  • 前端全栈混合之路Deno篇:Deno2.0如何快速创建http一个 restfulapi/静态文件托管应用及oak框架介绍
  • 循环双链表,将L改造为L=(a1,a3,…,an,a4,a2)
  • 【Linux】实现一个简易的shell命令行