基于 Spring Boot 和 Vue 的售楼管理系统设计与实现

基于 Spring Boot 和 Vue 的售楼管理系统设计与实现 | 极客日志

序号	列名	数据类型	说明	允许空
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	创建时间	是

序号	列名	数据类型	说明	允许空
1	Id	Int	id	否
2	fangwu_name	String	房屋名称	是
3	fangwu_uuid_number	String	房屋编号	是
4	fangwu_photo	String	房屋照片	是
5	fangwu_address	String	房屋位置	是
6	fangwu_louceng	String	楼层	是
7	fangwu_danyuan	String	单元	是
8	fangwu_fanghao	String	房号	是
9	fangwu_types	Integer	房屋类型	是
10	fangwu_loupan_types	Integer	楼盘	是
11	huxing	String	户型	是
12	fangwu_jiegou	String	房屋结构	是
13	fangwu_jianzhujiegou	String	建筑结构	是
14	fangwu_zhuangxiu	String	装修情况	是
15	fangwu_yongtu	String	房屋用途	是
16	fangwu_fangben_types	Integer	房本	是
17	fangwu_clicknum	Integer	房屋热度	是
18	fangwu_mianji	BigDecimal	房屋面积	是
19	fangwu_jiage	BigDecimal	总价 (万)	是
20	fangwuzhuangtai_types	Integer	房屋状态	是
21	fangwu_content	String	房屋介绍	是
22	fangwu_xiaoqu_content	String	小区介绍	是
23	fangwu_peitao_content	String	周边配套	是
24	shangxia_types	Integer	是否上架	是
25	fangwu_delete	Integer	逻辑删除	是
26	insert_time	Date	录入时间	是
27	create_time	Date	创建时间	是

序号	列名	数据类型	说明	允许空
1	Id	Int	id	否
2	fangwu_id	Integer	房屋	是
3	yonghu_id	Integer	用户	是
4	fangwu_collection_types	Integer	类型	是
5	insert_time	Date	收藏时间	是
6	create_time	Date	创建时间	是

序号	列名	数据类型	说明	允许空
1	Id	Int	id	否
2	fangwu_id	Integer	房屋	是
3	yonghu_id	Integer	用户	是
4	fangwu_liuyan_text	String	留言内容	是
5	insert_time	Date	留言时间	是
6	reply_text	String	回复内容	是
7	update_time	Date	回复时间	是
8	create_time	Date	创建时间	是

序号	列名	数据类型	说明	允许空
1	Id	Int	id	否
2	fangwu_yuyue_uuid_number	String	预约编号	是
3	fangwu_id	Integer	房屋	是
4	yonghu_id	Integer	用户	是
5	fangwu_yuyue_text	String	预约缘由	是
6	insert_time	Date	申请时间	是
7	fangwu_yuyue_time	Date	预约看房时间	是
8	fangwu_yuyue_yesno_types	Integer	预约状态	是
9	fangwu_yuyue_yesno_text	String	预约回复	是
10	fangwu_yuyue_shenhe_time	Date	回复时间	是
11	create_time	Date	创建时间	是

序号	列名	数据类型	说明	允许空
1	Id	Int	id	否
2	gonggao_name	String	公告名称	是
3	gonggao_photo	String	公告图片	是
4	gonggao_types	Integer	公告类型	是
5	insert_time	Date	公告发布时间	是
6	gonggao_content	String	公告详情	是
7	create_time	Date	创建时间	是

序号	列名	数据类型	说明	允许空
1	Id	Int	id	否
2	yonghu_id	Integer	用户	是
3	yuangong_id	Integer	员工	是
4	fangwu_id	Integer	房屋	是
5	hetong_uuid_number	String	合同编号	是
6	hetong_name	String	合同名称	是
7	hetong_file	String	合同文件	是
8	hetong_address	String	签订地点	是
9	hetong_types	Integer	合同类型	是
10	qianding_time	Date	签订时间	是
11	hetong_content	String	合同介绍	是
12	yonghu_tongyi_types	Integer	是否同意	是
13	hetong_delete	Integer	逻辑删除	是
14	insert_time	Date	录入时间	是
15	create_time	Date	创建时间	是

序号	列名	数据类型	说明	允许空
1	Id	Int	id	否
2	yonghu_name	String	用户姓名	是
3	yonghu_phone	String	用户手机号	是
4	yonghu_id_number	String	用户身份证号	是
5	yonghu_photo	String	用户头像	是
6	yonghu_email	String	用户邮箱	是
7	create_time	Date	创建时间	是

序号	列名	数据类型	说明	允许空
1	Id	Int	id	否
2	yuangong_name	String	员工姓名	是
3	yuangong_phone	String	员工手机号	是
4	yuangong_id_number	String	员工身份证号	是
5	yuangong_photo	String	员工头像	是
6	yuangong_email	String	员工邮箱	是
7	create_time	Date	创建时间	是

package com.utils;
import org.apache.commons.io.FileUtils;
import org.apache.poi.hssf.usermodel.HSSFCell;
import org.apache.poi.hssf.usermodel.HSSFRow;
import org.apache.poi.hssf.usermodel.HSSFSheet;
import org.apache.poi.hssf.usermodel.HSSFWorkbook;
import org.apache.poi.ss.usermodel.Cell;
import java.io.File;
import java.io.FileOutputStream;
import java.util.ArrayList;
import java.util.List;
/** * 文件导入到处 */
public class PoiUtil {
    /** * 导入 *
     * @param url
     * @return
     * @throws Exception */
    public static List<List<String>> poiImport(String url) throws Exception {
        List<List<String>> list = new ArrayList<>();
        // 创建 Excel 读取文件内容
        HSSFWorkbook workbook = new HSSFWorkbook(FileUtils.openInputStream(new File(url)));
        /** * 第一种方式读取 Sheet 页 */
        // HSSFSheet sheet = workbook.getSheet("Sheet0");
        /** * 第二种方式读取 Sheet 页 */
        HSSFSheet sheet = workbook.getSheetAt(0);//获取工作表
        for (int i = 0; i < sheet.getLastRowNum()+1; i++) {
            HSSFRow row = sheet.getRow(i);//获取行
            List<String> rowlist = new ArrayList<>();//行数据
            for (int j = 0; j < row.getLastCellNum(); j++) {
                HSSFCell cell = row.getCell(j);
                cell.setCellType(Cell.CELL_TYPE_STRING);
                String value = cell.getStringCellValue();
                rowlist.add(value);//行中数据添加到行中
            }
            list.add(rowlist);//将行数据添加到 list 中
        }
        return list;
    }
    // 导出
    public static void poiExport(List<List<String>> list, String url) throws Exception {
        //创建 Excel 工作薄
        HSSFWorkbook workbook = new HSSFWorkbook();
        //创建一个工作表 sheet
        HSSFSheet sheet = workbook.createSheet();
        for (int i = 0; i < list.size(); i++) {
            HSSFRow row = sheet.createRow(i);
            List<String> dataList = list.get(i);
            for (int j = 0; j < dataList.size(); j++) {
                HSSFCell cell = row.createCell(j);
                cell.setCellValue(dataList.get(j));
            }
        }
        FileOutputStream stream = FileUtils.openOutputStream(new File(url));
        workbook.write(stream);
        stream.close();
    }
    public static void main(String[] args) {
        try {
            //导入
            List<List<String>> lists = PoiUtil.poiImport("C:\\Users\\Administrator\\Desktop\\工作 1.xls");
            System.out.println();
            //导出
            PoiUtil.poiExport(lists, "C:\\Users\\Administrator\\Desktop\\工作 1.xls");
            // // List<List<String>> list = new ArrayList<>();
            // ArrayList<String> dataList = new ArrayList<>();
            // dataList.add("标题 1");
            // dataList.add("标题 2");
            // dataList.add("标题 3");
            // list.add(dataList);
            // // 追加数据
            // for (int i = 1; i < 10; i++) {// 这里的 int 起始是 1 也就是第二行开始
            // ArrayList<String> dataList111 = new ArrayList<>();
            // dataList111.add("内容" + i);
            // dataList111.add("内容 1111111121222222222333333333377777777411111111477777777" + i);
            // dataList111.add("内容" + i);
            // list.add(dataList111);
            // }
            // PoiUtil.poiExport(list, "C:\\Users\\Administrator\\Desktop\\工作 1.xls");
        } catch (Exception e) {
            e.printStackTrace();
        }
    }
}

package com.config;
import org.springframework.context.annotation.Bean;
import org.springframework.context.annotation.Configuration;
import org.springframework.web.servlet.config.annotation.InterceptorRegistry;
import org.springframework.web.servlet.config.annotation.ResourceHandlerRegistry;
import org.springframework.web.servlet.config.annotation.WebMvcConfigurationSupport;
import com.interceptor.AuthorizationInterceptor;
@Configuration
public class InterceptorConfig extends WebMvcConfigurationSupport{
    @Bean
    public AuthorizationInterceptor getAuthorizationInterceptor() {
        return new AuthorizationInterceptor();
    }
    @Override
    public void addInterceptors(InterceptorRegistry registry) {
        registry.addInterceptor(getAuthorizationInterceptor()).addPathPatterns("/**").excludePathPatterns("/static/**");
        super.addInterceptors(registry);
    }
    /** * springboot 2.0 配置 WebMvcConfigurationSupport 之后，会导致默认配置被覆盖，要访问静态资源需要重写 addResourceHandlers 方法 */
    @Override
    public void addResourceHandlers(ResourceHandlerRegistry registry) {
        registry.addResource_handler("/**")
        .addResourceLocations("classpath:/resources/")
        .addResourceLocations("classpath:/static/")
        .addResourceLocations("classpath:/admin/")
        .addResourceLocations("classpath:/img/")
        .addResourceLocations("classpath:/front/")
        .addResourceLocations("classpath:/public/");
        super.addResourceHandlers(registry);
    }
}

package com.service.impl;
import java.util.Map;
import org.springframework.stereotype.Service;
import com.baomidou.mybatisplus.mapper.EntityWrapper;
import com.baomidou.mybatisplus.plugins.Page;
import com.baomidou.mybatisplus.service.impl.ServiceImpl;
import com.dao.ConfigDao;
import com.entity.ConfigEntity;
import com.service.ConfigService;
import com.utils.PageUtils;
import com.utils.Query;
/** * 系统用户
 * @author yangliyuan
 * @date 2019 年 10 月 10 日 上午 9:17:59 */
@Service("configService")
public class ConfigServiceImpl extends ServiceImpl<ConfigDao, ConfigEntity> implements ConfigService {
    @Override
    public PageUtils queryPage(Map<String, Object> params) {
        Page<ConfigEntity> page = this.selectPage(
            new Query<ConfigEntity>(params).getPage(),
            new EntityWrapper<ConfigEntity>()
        );
        return new PageUtils(page);
    }
}

<template>
    <el-main style="padding: 10px 20px; background-image: url(/shoulouguanli/img/back-list-img-bg.jpg); background-size:100% 100%; boxShadow: 0 0 0px rgba(0,0,0,0); height:calc(100% - ${template2.back.menulist.menulistHeight}); ">
        <bread-crumbs :title="title" class="bread-crumbs"></bread-crumbs>
        <router-view class="router-view" style="height:auto;background: transparent;"></router-view>
    </el-main>
</template>
<script>
import menu from "@/utils/menu";
export default {
    data() {
        return {
            menuList: [],
            role: "",
            currentIndex: -2,
            itemMenu: [],
            title: '',
        };
    },
    mounted() {
        let menus = menu.list();
        this.menuList = menus;
        this.role = this.$storage.get("role");
    },
    created() {
        this.init();
    },
    methods: {
        init(){
            this.$nextTick(()=>{
                // let h = document.getElementsByClassName('el-aside')[0].clientHeight
                // document.getElementsByClassName('el-main')[0].style.minHeight = "calc(100vh - 60px - " + h+'px)'
            })
        },
        menuHandler(menu) {
            this.$router.push({ name: menu.tableName });
            this.title = menu.menu;
        },
        titleChange(index, menus) {
            this.currentIndex = index
            this.itemMenu = menus;
            console.log(menus);
        },
        homeChange(index) {
            this.itemMenu = [];
            this.title = ""
            this.currentIndex = index
            this.$router.push({ name: 'home' });
        },
        centerChange(index) {
            this.itemMenu = [{ "buttons": ["新增", "查看", "修改", "删除"], "menu": "修改密码", "tableName": "updatePassword" }, { "buttons": ["新增", "查看", "修改", "删除"], "menu": "个人信息", "tableName": "center" }];
            this.title = ""
            this.currentIndex = index
            this.$router.push({ name: 'home' });
        }
    }
};
</script>
<style lang="scss" scoped>
a {
    text-decoration: none;
    color: #555;
}
a:hover {
    background: #00c292;
}
.nav-list {
    width: 100%;
    margin: 0 auto;
    text-align: left;
    margin-top: 20px;
    .nav-title {
        display: inline-block;
        font-size: 15px;
        color: #333;
        padding: 15px 25px;
        border: none;
    }
    .nav-title.active {
        color: #555;
        cursor: default;
        background-color: #fff;
    }
}
.nav-item {
    margin-top: 20px;
    background: #FFFFFF;
    padding: 15px 0;
    .menu {
        padding: 15px 25px;
    }
}
.el-main {
    // background-color: #F6F8FA;
    padding: 0 24px;
    min-height: 100vh;
    // padding-top: 60px;
}
.router-view {
    padding: 10px;
    margin-top: 10px;
    background: #FFFFFF;
    box-sizing: border-box;
}
.bread-crumbs {
    width: 100%;
    // border-bottom: 1px solid #e9eef3;
    // border-top: 1px solid #e9eef3;
    margin-top: 10px;
    box-sizing: border-box;
}
.detail-form-content {
    background: transparent;
}
</style>

序号	列名	数据类型	说明	允许空
1	Id	Int	id	否
2	username	String	老师名	是
3	password	String	密码	是
4	role	String	角色	是
5	addtime	Date	新增时间	是

基于 Spring Boot 和 Vue 的售楼管理系统设计与实现

售楼管理系统设计与实现

绪论

1.1 研究背景

1.2 目的和意义

1.3 论文结构安排

2 相关技术

2.1 SSM 框架介绍

2.2 VUE 介绍

2.3 Mysql 数据库介绍

3 系统分析

3.1 系统可行性分析

3.1.1 技术可行性分析

3.1.2 经济可行性分析

3.1.3 运行可行性分析

3.2 系统性能分析

3.2.1 易用性指标

3.2.2 可扩展性指标

3.2.3 健壮性指标

3.2.4 安全性指标

3.3 系统流程分析

3.3.1 操作流程分析

3.3.2 登录流程分析

3.3.3 信息添加流程分析

3.3.4 信息删除流程分析

3.4 系统功能分析

4 系统设计

4.1 总体功能

4.2 系统概要设计

4.3 系统功能结构设计

4.4 数据库设计

4.4.1 数据库 E-R 图设计

4.4.2 数据库表结构设计

5 系统实现

5.1 管理员功能介绍

5.1.1 房屋列表

5.1.2 公告信息管理

5.1.3 公告类型管理

PoiUtil.java

InterceptorConfig.java

ConfigServiceImpl.java

IndexMain.vue

微信扫一扫，关注极客日志

更多推荐文章

相关免费在线工具