摘要：电子商务这一概念作为一种全新的经营模式从上世纪末开始兴起，很快就迎来了一个爆炸式的发展，借着互联网这一场东风，迅速蔓延到了全世界。在过去的三十年间，从一种简化商业活动的手段到一种成熟的商业模式，再到如今的以提供各种线上服务的
主动互联网营销模式、线上服务与传统行业结合的互联网+发展新形态，电子商务无疑蕴含着巨大的发展潜力，前景尤为可观。
家居项目是一个以 O2O 电子商务为发展模式的在线平台，旨在整合各地相关的房产信息，为想要购房或者租房的用户提供一个可以网络置业的家居平台。用户可以通过浏览器来发起访问，在前端界面设置搜索信息和筛选条件来查找需要的房源、查看房源详情，选中满意地房源时可以点击预约线下服务。
本论文描述了家居平台的实现：包括对需求的分析、系统概要的设计、详细设计和测试等。本人主要参与了二手房模块前端后台的开发与测试。项目后台使用 Spring
MVC+Mybatis 框架，前端设计使用 Html5+ajax+jQuery。数据库使用 MySQL 数据库，通过 Nginx 来实现负载均衡，确保高并发下的流畅访问。
关键词：O2O 电子商务；网络置业；Spring MVC
ABSTRACT
ABSTRACT:
as a new business model e-commerce began to rise from the last century，and soon ushered in an explosive development when the Internet quickly spread to the world.In the past three decades, from a simplified means of commercial activities to a mature business model, to today's online service to provide various active internet marketing model, online services and
traditional industries combined Internet + development forms， e-commerce will undoubtedly
have enormous development potential and its prospect is particularly impressive.
Jiaju project is a platform that using the model of O2O e-commerce, designed to integrate throughout the relevant real estate information resource and supply the user who want to purchase or rent a house a platform they could do it online. Users can access through a browser, search with keywords for information, view the houses listing and the house details, and click to book a offline service.
This paper describes the implementation of home platforms: including needs analysis, o utline design, detailed design and testing. My main job is the development and test of the second- hand housing module. Project background using Spring MVC + Mybatis frame, the front-end design uses Html5 + ajax + jQuery. Database using the MySQL database, using nginx to achieve load balancing to ensure smooth access under high concurrency.
KEYWORDS：O2O e- commerce; house purchasing online; Spring MVC
目 录
中文摘要 I
ABSTRACT II
目 录 III
1引言 1
1.1项目背景 1
1.2行业现状分析 1
1.3项目内容 2
1.4可行性分析 4
1.5项目来源和目标 4
1.6论文结构 4
2本项目涉及的关键技术 6
2.1SPRING MVC 6
2.1.1Spring 的好处 6
2.1.2Spring MVC 体系结构概述 7
2.2前端开发使用的技术 7
2.2.1Ajax 7
2.2.2JQuery 8
2.2.3百度地图 JavaScript API 8
2.3NGINX 8
2.4HADOOP 多节点集群 8
3需求分析 10
3.1业务流程分析 10
3.2功能需求分析 11
3.3系统用例模型 11
3.3.1系统主要参与者 11
3.3.2用例模型图 12
3.4模块功能需求 13
3.4.1家居主页 14
3.4.2新房列表 14
3.4.3新房详情 15
3.4.4房源发布 16
3.4.5个人中心 16
3.5非功能性需求 17
4概要设计 18
4.1总体设计 18
4.1.1总体设计原则 18
4.1.2平台模式 18
4.1.3 结构 19
4.1.4 系统包设计 21
4.2运行设计 22
4.2.1运行模块组合 22
4.3数据库设计 24
4.3.1数据库模型 24
4.3.2数据库表设计 26
5详细设计与实现 28
5.1新房列表设计与实现 28
5.1.1 功能 29
5.1.2模块整体设计 30
5.1.3新房列表的实现 32
5.2新房详情设计与实现 34
5.2.1 功能 35
5.2.2模块整体设计 35
5.2.3新房详情的实现 37
6 测试 41
6.1测试目的 41
6.2测试重点 41
6.3测试方法和测试用例 41
6.3.1单元测试 41
6.3.2冒烟测试 42
6.3.3回归测试 42
6.3.4集成测试 43
7 结论 45
参考文献 46
致 谢 47
附 录 48
1引言
1.1项目背景
O2O（Online To Offline）是指将线下的经营消费与线上的互联网电商整合，实现买卖双方、第三方网络平台的三方互利共赢。O2O 模式有效整合了网络购物与传统市场[1]。在近几年，尤其是在移动终端的普及和移动支付的成熟等客观条件的推动下，O2O 进入了一个高速发展阶段，从线上推广引流转变为服务性电商模式，O2O 开始了和日常生活的融合，各种各样的上门服务，如：上门按摩、上门送餐等渐渐成为人们生活一部分。
以服务性消费为主要动力，注重用户需求、坚持以人为本是 O2O 电商模式的一大特色。家居项目就是这样一个以服务为主打的网络置业 O2O 服务平台，其最终目的是通过线上线下结合的方式给用户提供一个以网络置业为核心的家居服务平台，创建“家庭消费无缝隙O2O 闭环”平台化模式。
家居项目旨在整合各地相关的房产资源和信息，搭建一个传统产业与互联网结合的平台，为想要购房或者租房的用户提供一个可以查看各地区房源信息的网络平台，方便用户更快更好更省心地买房置业。
众所周知，家是汉文化的集中代表，是国人思想的重要寄托之一。在中国这个巨大的经济市场内，以家文化为支撑、以满足家庭需求为核心的家居无疑具有极大的发展空间和大量的潜在用户的。
1.2行业现状分析
房地产产业作为热门产业，凭借其巨大的市场和发展潜力，一直以来都是最为火爆且受人关注的。90 年代末以后借力于互联网的发展，从最初最简单的门户网页发布信息到电子商务兴起时的网上预约看房卖房，再到信息集成整合形成的各种包含买房、租房、装修等服务的网络平台，网络置业始终保持着一定的热度。外加人们对于家和房产的看重以及随着人口流动性的扩散与加强，网络置业渐渐成为人们搭建一个属于自己的家的一种重要的手段之一。
但经过这些年的发展，我们可以发现网络置业在进步的同时也暴露出了各种各样的问题，虚假信息泛滥、平台结构不完善、流程繁琐多样、配套服务缺失、回馈信息失真等问题阻碍了其发展，也使得部分人群对于网络置业这一行为有了不认同。因此想要搭建一个成功的O2O 家居置业的平台，这些问题必然是要逐步解决的。
现在是信息爆炸的时代，互联网的发展使得各种各样的信息平台应运而生，电子商务的经营模式也成为了全新的经营模式的代表。尤其是在互联网+这一概念的提出后，各种传统产业和互联网的融合渐渐成了一个必然，由此网络置业也必将迎来一个新的发展阶段。
1.3项目内容
家居项目是一个基于 J2EE 企业架构的 web 项目，目的在于提供一个在线家居置业服务的网络服务平台，给用户提供不同地区的各种房源信息并提供线下服务的入口。系统网页端在 windows 环境下进行开发，服务器后台使用 Spring MVC 框架来搭建，使用
Mybatis 来提供数据持久层支持，数据存储则使用的是MySQL 数据库。前端使用 html5
提供 UI 界面，通过 jQuery 来传递各种房源数据并显示到界面。
用户使用网页浏览器来访问家居主页，查看热门的房源推荐，还可以在搜索栏选择房源类型、输入地名（楼盘名）来查看感兴趣的房源信息，或者直接在下拉框选择新房、二手房、租房选项进入到相应的房源列表。在房源列表页面，用户可以设置地铁找房、区域找房、输入地区关键字来划定房源区域，不同房源列表可以通过设置更为详细的搜索条件进一步地筛选。对于用户选中的房源，用户可以在详情页面查看房源的图片资源、配套设施、同地段价位房源信息推荐这些详细的资料。
用户所有的请求都有对应的后台接口来提供数据支持，发送 post 或者 get 请求到后台，由 Spring MVC 架构提供的 dispatcher Servlet 来分发消息，调用相应的 controller 方法，使用 service 包提供的数据服务服务接口来将数据封装成 json 返回，进而初始化界面或者局部刷新界面。
整个项目的重难点如下表 1-1：
表 1-1 项目重难点
序号 重难点 说明
1
前端页面设计 前端是用户使用家居平台的入口，需要具有良好的使用体验和美观的界面。其设计使用了
Bootstrap 框架
2
页面局部更新 在项目的房源列表页面中，使用 ajax 来获取数据，实现界面的局部更新
3
房源搜索 设置搜索条件是用户筛选房源的主要方式，也是项目主要的业务功能之一。在这里，我们通过对新房、二手房、出租房不同房源类型提供
不同的搜索条件设置来更好地帮助用户找到满意的房源
4
周边配套信息显示 在房源详情列表中的周边配套信息主要针对的是房源周边的教育、交通、医疗、餐饮、购物等设施的信息，调用百度地图的js api 来将不同的配套设施标注。
5
个人中心 家居项目将会在个人中心中增加我的预约等条目，便于用户查看自己的预约历史和发布的租房、二手房信息
6
数据流的可靠性、准确性 家居项目对数据的依赖性较高，前后端数据交互频繁，用户在前端发起的所有数据请求都必然有对应的数据接口服务在 controller 层被调用。因此一套行之有效的数据流交互方式十分有必要，项目数据传输采用的数据流顺序如下：前端request –> Spring MVC -> Java Bean
-> ORM -> 数据库 –> ORM –> Java Bean -> json -> 前端
7
高并发 为了确保前端页面在高并发下也能流畅访问,使用 nginx 来作为负载均衡服务器
本项目的主要特色：
1.搭建一个 O2O 电子商务家居平台，为想要买房置业的用户提供了需要的服务。契合互联网+的创新思想，紧跟互联网的发展脚步。
2.提供了房源信息、同地段价位房源和周边配套信息等用户关心的信息，分不同类型房源提供不同的搜索设置，便于用户使用。
3.前端页面设计采用 html5+jQuery 结构，简洁美观，逻辑清晰，便于用户操作使用，有良好的 UI 亲和度。
4.使用 Spring MVC 框架来搭建中间服务，降低系统耦合度，对于频繁的数据交互提供较为安全稳定的数据流。
5.将系统数据接口服务和controller 层分成两个工程，提高可维护性的同时也可以向手机端提供接口服务。
1.4可行性分析
本小节对项目进行了可行性分析，作为项目的立项依据。
后台技术：本项目后台部分使用的事 Spring MVC + Mybatis 框架， 这是一个当下比较流行的 web 开发框架。Spring MVC 配置简单，使用灵活，采用了 IOC 便于测试的同时还实现了视图、控制器与模型的分离。而MyBatis 提供了动态SQL支持，所有CRUD操作都写在 xml 文件中，便于统一管理与优化，解除了SQL 和程序代码的耦合。
前端技术：项目前端采用BootStrap 框架，简洁灵活。使用 Html5+JQuery 技术来完成页面设计和数据传输。
环境和配置：如下表 1-2，
表 1-2 环境
类型 序号 名称 要求
软件开发环境 1 操作系统 Win7 及以上
2 开发工具 Eclipse 4.5.0
3 数据库 MySQL 5.6.25
4 版本管理 SVN
硬件开发环境 1 电脑 ThinkPad E450c
2 主服务器 hadoop 多节点集群
3 开发（测试）服务器 8G4 核服务器
用户环境
1
浏览器 联网情况下使用网页浏览器即可
软硬件环境配置均由实习单位提供，系统采用 B/S 架构，用户访问方便，联网通过浏览器访问，无其他限制。
1.5项目来源和目标
家居项目由第二次实习单位提供，作者在该公司运营后台研发部部门作为 java 实习生参与项目的开发，主要负责网页前端开发与调试和后台的测试。
1.6论文结构
本文一共分为七章，具体的内容如下：
第一章主要介绍了项目的背景，提出了本次毕业设计的题目。第二章主要介绍了毕设项目使用的关键性技术。
第三章主要对家居项目进行了需求分析，对本项目的各个主要模块进行分析。第四章主要介绍了系统的结构进行了说明，做了概要的设计。
第五章主要对系统中各个模块进行详细设计。第六章主要阐述了了家居项目的测试情况。第七章主要是对整个项目进行了总结。
2本项目涉及的关键技术
家居项目整体基于 B/S 架构，用户通过网页浏览器向后台发起请求并返回数据。前端开发采用了目前流行的HTML5 +Jquery+ Ajax 技术。在后台服务器端使用 Spring MVC
+ Mybatis 框架进行开发，使用 JSON 数据格式进行数据传递，而数据库采用 MYSQL
数据库。
2.1Spring MVC
Spring MVC 是 spring 提供的一个展现层 web 框架，和众多其他 Web 框架一样，它基于 MVC 设计理念。此外，它采用了松散相合的结构，比起同类型的框架更加灵活，容易扩展。Spring MVC 通过自带的标注解释，让 POJO 成为响应请求的控制器。同时， Spring MVC 还支持使用 REST 风格的链接请求：注解驱动及REST 风格的 Spring MVC是 Spring 3.0 最出彩的功能之一。
2.1.1Spring 的好处
Spring 是一个优秀的轻量级框架，它可以给我们带来以下几方面的好处。
1.方便解耦，简化开发
因为 IOC 容器的存在，对象之间的依赖关系可以直接由 Spring 框架来控制，避免造成代码的过度藕合。同时，用户就可以不用为单实例模式类、配置解析等这些很底层的要求来编写代码，致力于上层的开发。
2.AOP 编程的支持
使用 Spring 集成的 AOP 功能，用户可以实现面向切面编程，使用传统面向对象编程（ OOP ）会受到很大限制的开发都可以通过AOP 轻松应对。
3.声明式事务的支持
在 Spring 中，用户可以通过声明式事务管理来管理系统事务，节约开发成本，增强成品的质量。
4.方便程序的测试
在 Spring 框架中，使用非容器依赖的编程方式来完成我们的功能测试，测试将不再是费时费力的事情，而是很容易进行的事情。
5.降低 Java EE API 的使用难度
Spring 很多使用复杂的 Java EE API 提供内部集成的封装，，大大降低了这些 Ja
API 的使用复杂度。
2.1.2Spring MVC 体系结构概述
Spring MVC 是基于Model 2 实现的技术框架，Model 2 是经典的MVC(Model、View、 Control）模型在 Web 应用中的变体，这个改变主要源于 HTTP 的无状态性。在多数情况下，可以将Model 2 与 MVC 等同起来。由于Spring MVC 是基于 Model 2 实现的框架，所以它底层的机制也是MVC 。其整体框架模型如下图 2-1 所示：
图2-1 Spring MVC整体框架模型图
在整个框架中，DispatcherServlet 处于核心的位置，它负责协调和组织不同组件以完成请求处理并返回响应的工作。和大多数Web MVC 框架一样， Spring MVC 通过一个前端 Servlet 接收所有的请求， 并将具体工作委托给其他组件进行处理，
DispatcherServlet 就是 Spring MVC 的前端 Servlet。
2.2前端开发使用的技术
2.2.1Ajax
Ajax 则是一种目前得到广泛认可的 RIA 技术。目前,Ajax 已成为 Web 技术领域的研究热点[10]。Ajax 是一种用于创建快速动态网页的技术，可以通过在后台和服务器进行较少数据量的交换，从而使网页实现异步更新，能够在减小服务器压力的同时加强页面刷新效率，提升了用户体验。对比 Applet,Flash 等传统的 Web 技术,Ajax 不需要专门的软件支持即可以在大多数流行浏览器中直接使用,Ajax正是通过XMLHttpRequest对象来
发送异步请求的。Ajax 涉及到的关键技术包括 JavaScript、XMLHttpRequest、DOM、
XML。服务器响应前端的请求后,返回普通的 text 或 XML,然后浏览器使用 JavaScript 解析 XML,并通过 DOM 操作更新相关的用户界面[10]。
2.2.2JQuery
jQuery 是继 prototype 之后又一个优秀的JavaScript 框架。它是轻量级的 js 库，兼容 CSS3，还兼容各种浏览器。能使用户能更方便地处理 HTML documents、events、实现动画效果，并且方便地为网站提供 AJAX 交互。jQuery 能够使用户的 html 页保持代码和 html 内容分离。
2.2.3百度地图JavaScript API
本项目使用百度地图 JavaScript API 来标注周边的配套信息，使用到的 主要功能如下：
1.基本地图功能：展示、平移、缩放、拖拽等。
2.覆盖物功能：地图上添加/删除周边配套信息的标注 marker。
3.工具类功能：提供坐标转换的支持。
4.定位功能：支持 IP 定位及浏览器（支持html5 特性浏览器）定位功能。
5.本地搜索功能：包括根据城市、矩形范围、圆形范围、配套信息设置等条件进行 POI 搜索。
2.3Nginx
负载均衡，即就是N 台服务器来平均分担负载，不会因为某台服务器负载高宕机而某台服务器闲置的情况，将负载分摊到不同的服务单元，既保证服务的可用性，又保证响应足够快，给用户很好的体验。Nginx 是一款轻量级的反向应用代理服务器，其特点是并发能力强、稳定性高、资源消耗低。
2.4Hadoop 多节点集群
Hadoop 集群部署时有三个角色：Client machines, Master nodes 和 Slave nodes。 Master nodes 负责 Hadoop 的两个关键功能：数据存储（HDFS）；以及运行在数据之上的并行计算(又称为 Map-Reduce)。Name node 用于数据存储的调度， Slave nodes 主
