基于BS架构和HTML5技术在移动端开发的应用_开题报告

本应用研究内容

此次应用主要有两个研究方向。

1.基于B/S架构和HTML5技术在移动端开发

纵观现在计算机软件发展史，个人计算机的主流软件的结构经历了从C/S过渡到了B/S的架构中。时代背景是从低带宽/无贷款时代过度到了高速带宽时代。类比现今的移动端网络，也是从低带宽（2G/3G）过度到了高带宽（4G），甚至在不久的将来会有更高速的带宽出现。因此，相比开发难度高、成本高，维护难度高、成本高的C/S结构的应用也会被开发维护成本低、难度低的B/S结构的应用给代替。

目前在国内，已经有许多B/S架构的应用，诸如中国移动、中国电信等的移动应用。也有许多应用采用了C/S为主,B/S为辅的架构模式，QQ、淘宝等都是如此。但是，传统的C/S结构的还是为大多数。因此在移动端使用B/S架构和使用HTML5技术在国内还是属于非常前沿的技术。

在国外，基于B/S架构的移动端应用虽然也不多，但已经有一些诸如cordova、ionic等优良的框架可用于应用的快速开发。也有良好健康的社区给开发人员们提供一定程度的技术支持。

在此方向上本应用主要为了探索B/S架构的HTML5技术在移动端应用的使用。

2.基于房产买卖的大数据分析

杭州2016年土地市场明显升温，截止今天已经出现了33宗单宗地成交金额超过10亿的地块，其中有7宗溢价率超过了100%。从城市成交看杭州累计签约金额达到了1087.55亿。同比涨幅超过去年同期的269%，涨幅仅次于深圳，处于全国第二，地王频繁出现。地价推动房价上涨。在G20后更是出现了房价的爆发，相关部门更是在短时间内两次颁布限购措施以降低房产市场的热度。G20过后的爆发中尤其是以余杭区最为夸张，甚至出现了楼盘单次调价超过100%的现象。因此本应用将会以周/月为单位，记录余杭区各个街道（组团）的成交信息和库存信息，并且总结他们在当周/月中的涨跌幅等。并且还提供实时的最新房产成交信息和最新的相关资讯信息。有了这些信息，各类买卖房产者都可以更加理性合理的价格交易房产。

本应用的主要功能

该系统的主要功能包括：用户登录，实时成交数据查询，成交数据月报查询，成交数据周报查询，实时热门资讯。

用户登录

当下社会中人人都会有一个手机号码，因此本应用将采用手机号作为用户号，通过发送手机验证码的方式来实现登录操作。并且在系统中记录下每一个用户设备的唯一识别码，用来提供二次登陆，在下次登录的时候用户就不再需要验证手机号即可直接登录。用户将不再需要记忆一个繁琐的密码，简化用户操作。

实时成交数据查询

用户在登录系统后可以查看当天余杭区各处成交的楼盘信息。

成交数据月报查询

用户可以查看最新至上一周的以月为单位的房产成交信息和主城区、萧山区的数据对比。对于观望者可以从容冷静的分析以月为单位的房产价格走势，判断往后的较长时间内的涨跌幅等。

成交数据周报查询

用户可以查看最新至上一周的以周为单位的房产成交信息和主城区、萧山区的数据对比。相比月报来说数据更加精确，短时间内想要买卖房产的人来说可以更好的判断房产形势。

实时热门资讯

若有突发新闻或者影响房价走势的新闻可以在此查看。对房价走势的估算起到一定的调整作用。

设计思想

B/S架构

应用端采用基于ionic框架的HTML5开发

ionic是一个用来开发混合手机应用的，开源的，免费的代码库。可以优化html、css和js的性能，构建高效的应用程序，而且还可以用于构建Sass和AngularJS的优化。ionic会是一个可以信赖的框架。ionic是一个专注于用WEB开发技术，基于HTML5创建类似于手机平台原生应用的一个开发框架。绑定了AngularJS和Sass。这个框架的目的是从web的角度开发手机应用，基于PhoneGap的编译平台，可以实现编译成各个平台的应用程序。

服务端采用MVC架构的java开发

视图层和业务层分离，这样就允许更改视图层代码而不用重新编译模型和控制器代码，同样，如果周报或者月报或者其他地方业务逻辑有调整，我们只需要改动MVC的模型层即可。因为模型与控制器和视图相分离，所以很容易改变应用程序的数据层和业务规则。模型是自包含的，并且与控制器和视图相分离，所以很容易改变应用程序的数据层和业务规则。由于运用MVC的应用程序的三个部件是相互独立，改变其中一个不会影响其它两个，所以依据这种设计思想能构造良好的松耦合的构件。

MVC使开发和维护用户接口的技术含量降低。分离视图层和业务逻辑层也使得WEB应用更易于维护和修改。

数据交换格式将采用JSON的格式

JSON(java script Object Notation)采用完全独立于语言的文本格式，也是理想的数据交换语言。 易于人阅读和编写，同时也易于机器解析和生成(一般用于提升网络传输速率)。

数据库采用Oracle数据库

Oracle数据库是甲骨文公司的一款关系数据库管理系统。它是在数据库领域一直处于领先地位的产品。Oracle数据库系统可移植性好、使用方便、功能强，适用于各类大、中、小、微机环境。它是一种高效率、可靠性好的 适应高吞吐量的数据库解决方案。Oracle数据库可用性强，可扩展性强，数据安全性强，稳定性强，为服务端系统提供强有力的数据保证。

数据静态化

考虑到周报、月报、资讯的数据在长时间内不会去修改，因此为了减少对数据库访问的压力，将会采取静态化数据的方式。在每天凌晨，系统访问人数最少的时间点，服务端将会启动任务将需要用到的数据静态化成一个存储在服务端的文件。在此之后用户再次需要访问这些数据的时候就不在需要访问数据库，可以减小数据库压力，并且提高用户访问速度，优化使用体验。

二、^范文提纲

一、基于B/S架构和HTML5技术的移动端开发在国内外的发展 

二、大数据分析在房地产市场的应用 

三、项目实现 

（一）项目总体设计(思路) 

（二）项目移动端开发(思路)流程 

（三）项目服务端开发(思路)流程 

（四）数据库设计(思路)流程 

三、参考文献

[1]李刚.疯狂Java讲义（第3版）[M]北京：电子工业出版社 2014

[2]李刚.轻量级Java EE企业应用实战（第4版）：Struts 2+Spring 4+Hibernate整合开发[M]北京：电子工业出版社 2014

[3]李东博.HTML5+CSS3从入门到精通[M]北京：清华大学出版社 2013

[4]弗里曼.HTML5权威指南[M]北京：人民邮电出版社 2014

[5]杰里米 威尔肯斯.Ionic实战：基于AngularJS的移动混合应用开发[M]北京：电子工业出版社 2016

[6]Adam Freeman.AngularJS高级程序设计[M]北京：人民邮电出版社 2015

[7]Brad Green，Shyam Seshadri.用AngularJS开发下一代Web应用[M]北京：电子工业出版社 2013

[8]秦靖，刘存勇.Oracle从入门到精通[M]北京：机械工业出版社 2011

[9]（英）迈尔-舍恩伯格，（英）库克耶.大数据时代[M]浙江：浙江人民出版社 2013

[10]Lindsay Bassett.JSON必知必会[M]北京：人民邮电出版社 2016