基于HTML+CSS的房地产销售网站设计与实现

摘 要

房地产销售系统，在二十年来互联网时代下有着巨大的意义，随着互联网不断的发展扩大，一个方便直 观的房地产管理系统的网站开发是多么地有意义，不仅打破了传统的线下看房，线下获取资讯，也给房地产从业人 员带来便捷的好处。在本房地产管理系统中，前端方面主要应用div+css的结合方式来搭建网页的页面，还应用了， Jquery技术来优化HTML操作、事件的处理、对Ajax交互。整体的应用框架使用了SSM框架，有利于后续开发的管理和 修改操作。此外还选择了Nginx:反向代理服务器,Nginx搭建支持用户头像，房源图片等静态图片资源的访问。在数据库方面，采用了mysql，还搭配一个可视化操作的Navicat for MySQL软件，便捷地管理数据库，比如增删修改的 操作，和及时调整修改数据类型。所有的技术支持实现了一个前台和后台管理系统，通过管理员在后台管理前台显 示房源，账户管理以及博客房产信息的浏览，前台系统用户可以浏览房源，评论互动功能等。
关键词：div ，css ，mysql，Jquery，房产管理系统

房地产销售系统的需求分析

1.系统功能需求分析
互联网的快速发展下，很多网站也应该有更好的用户体验来赢得用户的喜爱，设计一个简单，易上手的房地产 销售网站，线上看房源能不仅促进房地产销售，也能使得开发商轻易管理自己的网站。经过对房地产销售管理系统 的了解，系统应当分为前台跟后台两部分，而前台界面主要对一些信息的展览显示，用户的登录注册，修改个人资 料，其中展览部分主要包括在前台主页上新上房源的展示，所有房源列表的查看，还有博客信息的查看等等功能； 而后台管理系统是对前台展览信息的一个管理控制，包括对账户(包含用户，管理员等)进行管理，房源的管理， 评论的管理，博客的管理等等功能。系统总体模块功能如图1所示

图1 系统总体模块功能图

2前台系统模块功能分析
在本着界面友好，操作方便的原则上，房产销售系统的前台系统功能是为了能便于给用户展示一些房源信息， 以及增进用户体验效率，在简单化操作的前提下，给予最大的用户体验，因此主要有是以下设计的用户模块：前台 系统用户模块功能如图2-2所示
前台系统用户模块：这个模块是针对用户的体验，浏览房地产相关信息的，主要实现在线查看房源，在线查看 博客信息，和搜索不同房源，另外互动留言模块是针对需要进行注册登录的用户体验。

图2 前台系统用户模块功能图

3前台功能操作设计模块
注册登录功能：用户手动注册账号，并登录账号才能够进行对房源，博客信息的评论操作。 修改个人资料功能：用户登录账户后，可手动将信息进行更改，包括密码重置等操作。
浏览经纪人资料功能：用户点击机构列表界面，获取相关的经纪人资料，后台将经纪人资料显示给用户。
浏览新上线房源功能：首页有新上线房源列表的展示，用户也可到查看所有房源列表进行对所有房源查询操作。
查询所有房源功能：用户点击查询房源后，将显示所有的房源信息，也可对房源信息进行筛选查看，包括按价 格筛选查询，加入时间筛选查询，或者按房源的类别(出售或出粗)进行筛选。
浏览博客信息功能：用户点击查看房产百科后，可获得所有博客信息的查询显示。
评论互动功能：用户在浏览房源或者博客信息时，可进行评论互动的操作。
前台功能模块如图3所示

图3 前台功能模块图

参考文献

[1] 赵爱美.基于HTML5和_NET的移动学习平台研究与实现[J].河南科技学院学报，2013.
[2] 张幸芝，徐东东，贾菲.基于响应式Web设计的教务系统移动平台研究与建设[J].软件，2013. [3] 陈鲱.Web前端开发技术以及优化方向分析[J].新媒体研究，2015.
[4] 刘勇军.Java Web核心编程技术.电子工业出版社.2014.
[5] 温浩宇.Web网站设计与开发教程.西安电子科技大学出版社.2014 :1-180.
[6] 俞华锋.基于HTML5的网页设计与实现[J].科技信息，2012(29) .
[7] 孙鑫.Java Web 开发详解.电子工业出版社.2010.
[8] 黄俊.Java程序设计与应用开发.第二版.机械工业出版社.2014.
[9] 汪赵强.网页制作与JSP技术.机械工业出版社.2010.
[10] 孙卫琴.Tomcat与Java Web开发技术详解.电子工业出版社.2009.
[11] 黄俊.Java程序设计与应用开发.第二版.机械工业出版社.2014.
[12] 曹刘阳.编写高质量代码——Web前端开发修炼之道[M].北京：机械工业出版社，2010.
[13] 刘智勇. JavaScript 开发技术大全[M].北京：清华大学出版社，2009.
[14] Evjen.XML Web Services for ASP.NET.Wiley Pub.2002.
[15] Martin Ngobye Computing Static Slice for Java Programs.2012.