摘要：针对传统的公寓房屋管理系统使用起来数据繁杂、感观度差等问题，本设计基于WebGL技术实现了一个3D可视化公寓房屋管理系统。系统后端采用Spring MVC框架技术，安全认证采用Shrio框架，数据库中间件为MyBatis，数据库使用MySQL。前端采用Vue.js和ElementUI框架技术，3D地图采用BMapGL，网页3D建模基于WebGL Three.js渲染框架。系统实现了房屋租用中控台、房屋3D可视化管理、房屋物品管理、租户管理、房屋租用管理、房屋收费管理、房屋数据报表功能。系统通过3D模型来展示房屋的地理位置以及空间结构，用户管理房屋租用变得更加直观简单。目前房屋3D模型相对比较简单，有待完善和改进。

 

关键词：WebGL；Spring MVC；Three.js;

 

目 录

摘 要

Abstract

1 目的与意义-1

1.1 背景-1

1.2 发展与前景-1

1.3 开发思路-2

2 相关技术分析-3

2.1 前端技术-3

2.1.1 HTML5技术-3

2.1.2  CSS3技术-3

2.1.3 Vue.js-3

2.1.4 WebGL-4

2.1.5 Three.js-4

2.1.6 BMapGL-4

2.1.7 Ajax-4

2.1.8 Echarts-5

2.2 服务端技术-5

2.2.1 SSM框架-5

2.2.2 MySQL数据库-6

2.2.3 MD5加密算法-6

2.2.4 Shrio权限检验-7

2.2.5 Maven依赖管理-7

2.2.6 系统架构搭建-7

3 需求分析-9

3.1 分析摘要-9

3.2 模块分析-9

3.2.1 系统管理模块-9

3.2.2 公寓房屋管理模块-10

4 系统设计-13

4.1 系统管理模块设计-13

4.2 公寓房屋管理功能设计-15

4.3 数据库设计-16

5 系统实现-27

5.1 系统管理后台工程结构-27

5.1.1 服务端结构-27

5.1.2 系统配置结构-29

5.1.3 前端结构-33

5.1.4 测试目录-34

5.2 系统3D可视化工程结构-35

5.2 公寓房屋管理系统实现-36

5.2.1 用户登录-36

5.2.2 权限管理-39

5.2.3 房屋3D可视化-39

5.2.4 房屋物品管理-44

5.2.5 房屋收费管理-44

5.2.6 租户管理-45

5.2.7 房屋租赁管理-46

5.2.8 房屋数据报表-55

6 系统测试-60

6.1 单元测试-60

6.2 并发测试-62

7 总结与展望-65

7.1 总结-65

7.2 展望-66

致谢-68