移动互联网前端技术的app的实现与研究(源码)【字数：8141】
摘 要随着4G，WiFi等技术的应用，智能手机快速的发展，移动互联网前端技术也在快速的发展。移动应用是手机上最主要的形式，开发者想要快速地开发出某种应用就需要一种与之相对应的高效的开发技术，而移动互联网前端技术正迎合了开发者的需要。本研究移动互联网前端技术研究是设计一个以篮球为题材的新闻类阅读APP，主要分为四个模块。第一个是登录注册模块，用户可以用来进行登录、注册和找回密码功能。第二个是新闻模块，用户可以阅读与篮球相关的新闻，其中还包含一个投稿功能，用户也可以自己发新闻。第三个模块是消息模块，用户可以查看自己的投稿以及球友圈和赛事。最后是个人中心模块，方便用户设置自己的个人信息等。在开发技术方面，主要利用编程语言HTML5和C#以及JavaScript技术。最终编译成APP包在手机上进行运行。
目 录
第一章 绪论 1
1.1研究背景和意义 1
1.2国内外的研究现状 2
1.3本文研究内容 3
1.4论文章节安排 3
第二章 开发技术 4
2.1开发平台HBuilder和.NET 4
2.2编程语言HTML5和C# 4
第三章 篮球社区APP需求分析与模块设计 6
3.1篮球社区APP需求分析 6
3.1.1可行性分析 6
3.1.2数据需求分析 6
3.1.3功能需求分析 6
3.1.4非功能需求分析 6
3.2篮球社区APP模块架构 7
3.3篮球社区APP功能说明 8
3.3.1篮球社区APP登录模块设计 8
3.3.2篮球社区APP新闻模块设计 9
3.3.3篮球社区 APP消息模块设计 10
3.3.4篮球社区APP个人中心模块设计 11
3.4数据库设计 12
3.4.1数据库概念设计 12
3.4.2数据库逻辑设计 13
第四章 篮球社区APP的实现 16
4.1篮球社区APP登录模块的实现 16
4.2篮球社区APP新闻模块的实现 17
4.3篮球社区 *好棒文|www.hbsrm.com +Q: ￥351916072$
APP消息模块的实现 20
4.4篮球社区APP个人中心模块的实现 24
结束语 27
致 谢 28
参考文献 29
第一章 绪论
1.1研究背景和意义
据统计，截止2016年6月，我国网民规模达到7.10亿，其中手机网民达到6.56亿，占总体比例的92.5%，也就是说手机成为了人们上网的主要形式，如图11所示。手机网民的占比之所以这么大跟互联网的高速发展有着密切的关系。随着4G，WiFi等技术的应用，智能手机快速的发展，手机逐渐成了人们生活中必不可少的一部分，而APP是移动端最火热的形式，开发者想要快速的开发出某种应用就需要一种与之相对应的开发技术，而移动互联网前端技术HTML5正迎合了开发者的需要。
/
图11 网民规模
HTML5的发展可以大体分为两个阶段，第一阶段是web增强与破垄断。在HTML5的升级过程中，Google和苹果看到了浏览器市场会被重新进行分配，他们一方面参与HTML5的规范，另一方面开发自己的浏览器，苹果推出了Safari，Google推出了chrome。第二阶段是移动互联网。随着苹果和Google自主研发的浏览器的快速发展以及老一代浏览器的衰败，HTML5进入了下一个时代——移动互联网。在这个时代，HTML5的跨平台性进一步体现出来，于是人们开始研究基于HTML5开发跨平台的手机应用。在2012年之前，APP的开发大多都是以原生开发为主，2012年开始，HTML5从原来的PC端开始向移动设备终端发展，但并没有引起很大的注意，直到2014年，“微信”移动客户端给HTML5提供了良好的平台，“刷爆”朋友圈的“围住神经猫”HTML5小游戏一鸣惊人，短短两天时间里，即获得一千万次点击和500万次的用户[1]。人们逐渐看到了HTML5开发APP的效果，再加上使用HTML5开发周期短，并且还具备跨平台性，HTML5开发APP逐渐流行起来。目前，我们生活中所使用的APP许多都是HTML5和原生混合开发的，单纯的HTML5开发也越来越多。使用HTML5开发APP处于快速发展阶段，可以用的资源不是很多。本研究分析了APP的设计原则、结构设计、HTML5开发APP的优劣势都会在本研究的实践中得到验证以此来说明HTML5开发APP的可行性可有效性。HTML5对开发者的影响也是深远的，它可以做到“一次开发，多平台使用”[2]，PC端和移动端也能被连接起来。在使用web APP的时候，桌面端和移动端不再是独立的两个点，他们将可以更好地共享资源和数据[3]。HTML5的开发也萌发出多样化的盈利模式，特别是游戏开发者可以通过和社交平台的合作，在社交平台推出与其无缝结合的应用和游戏，然后利用附加服务的方式收费[4]。
1.2国内外的研究现状
随着4G，WiFi等技术的应用，智能手机在快速的发展，移动互联网前段技术也在快速的发展。移动应用是手机上最主要的形式，开发者想要快速的开发出某种应用就需要一种与之相对应的高效的开发技术，而移动互联网前端技术正迎合了开发者的需要。目前有一些大企业正将这种技术应用到移动app开发，并且取得了很大的成效。
HTML是万维网的核心语言，HTML5是html新的版本，基于HTML5系列标准的应用凭借其良好的跨平台性，能很好地解决目前原生程序要为不同操作系统开发相应的应用程序的问题，将为移动互联网产业带来快速的发展，引导移动web产业快速发展。将HTML5的技术优势广泛的运用于移动互联网中，基于HTML5的跨平台性，面向越来越丰富的智能终端提供移动web应用，是加速HTML5应用成熟、引导互联网应用产业良性发展的捷径。HTML5的优势在于跨平台、可满足不同分辨率显示设备、系统维护比较方便等，它可以同时支持pc机和移动设备的浏览显示。HTML5对网页的视觉功能进行了扩展，让web应用进入无插件时代，在移动终端用户不需要下载客户端就能够观看视频、玩游戏，操作更加简单[5]。HTML5不仅包含了HTML本身，还包含了一些css3和javascript的部功能。HTML5能够在web上进行绘图是它最大的变化，如图形和路径绘制、变形、绘画等。HTML5标准中的多媒体，新增的video视频和audio音频正好弥补了原来的浏览器的缺陷需要借助flash进行播放。HTML5标准中新增了两种存储机制web storage和web SQL database是为了满足本地存储数据的需求，解决了移动信号不好时进行离线应用的问题。使用地理定位能够实时获取 你当前在地图上所在的位置，这将充分发挥移动设备的特点[6]。HTML5之所以能够快速发展很大程度上就应因为它的兼容性好，实用性高，还具有互操作性以及普遍访问性。HTML5技术经过近几年的发展已经不再陌生， 它已经逐渐成为技术论坛热门的话题，给人一种美妙的感觉。但是HTML5也有自己的适用范围，HTML5技术并不是万能的，在当前的发展情况下HTML5也无法解决一切问题，但如果限定它的使用范围，HTML5确实可以帮助开发者解决很多问题。
目 录
第一章 绪论 1
1.1研究背景和意义 1
1.2国内外的研究现状 2
1.3本文研究内容 3
1.4论文章节安排 3
第二章 开发技术 4
2.1开发平台HBuilder和.NET 4
2.2编程语言HTML5和C# 4
第三章 篮球社区APP需求分析与模块设计 6
3.1篮球社区APP需求分析 6
3.1.1可行性分析 6
3.1.2数据需求分析 6
3.1.3功能需求分析 6
3.1.4非功能需求分析 6
3.2篮球社区APP模块架构 7
3.3篮球社区APP功能说明 8
3.3.1篮球社区APP登录模块设计 8
3.3.2篮球社区APP新闻模块设计 9
3.3.3篮球社区 APP消息模块设计 10
3.3.4篮球社区APP个人中心模块设计 11
3.4数据库设计 12
3.4.1数据库概念设计 12
3.4.2数据库逻辑设计 13
第四章 篮球社区APP的实现 16
4.1篮球社区APP登录模块的实现 16
4.2篮球社区APP新闻模块的实现 17
4.3篮球社区 *好棒文|www.hbsrm.com +Q: ￥351916072$
APP消息模块的实现 20
4.4篮球社区APP个人中心模块的实现 24
结束语 27
致 谢 28
参考文献 29
第一章 绪论
1.1研究背景和意义
据统计，截止2016年6月，我国网民规模达到7.10亿，其中手机网民达到6.56亿，占总体比例的92.5%，也就是说手机成为了人们上网的主要形式，如图11所示。手机网民的占比之所以这么大跟互联网的高速发展有着密切的关系。随着4G，WiFi等技术的应用，智能手机快速的发展，手机逐渐成了人们生活中必不可少的一部分，而APP是移动端最火热的形式，开发者想要快速的开发出某种应用就需要一种与之相对应的开发技术，而移动互联网前端技术HTML5正迎合了开发者的需要。
/
图11 网民规模
HTML5的发展可以大体分为两个阶段，第一阶段是web增强与破垄断。在HTML5的升级过程中，Google和苹果看到了浏览器市场会被重新进行分配，他们一方面参与HTML5的规范，另一方面开发自己的浏览器，苹果推出了Safari，Google推出了chrome。第二阶段是移动互联网。随着苹果和Google自主研发的浏览器的快速发展以及老一代浏览器的衰败，HTML5进入了下一个时代——移动互联网。在这个时代，HTML5的跨平台性进一步体现出来，于是人们开始研究基于HTML5开发跨平台的手机应用。在2012年之前，APP的开发大多都是以原生开发为主，2012年开始，HTML5从原来的PC端开始向移动设备终端发展，但并没有引起很大的注意，直到2014年，“微信”移动客户端给HTML5提供了良好的平台，“刷爆”朋友圈的“围住神经猫”HTML5小游戏一鸣惊人，短短两天时间里，即获得一千万次点击和500万次的用户[1]。人们逐渐看到了HTML5开发APP的效果，再加上使用HTML5开发周期短，并且还具备跨平台性，HTML5开发APP逐渐流行起来。目前，我们生活中所使用的APP许多都是HTML5和原生混合开发的，单纯的HTML5开发也越来越多。使用HTML5开发APP处于快速发展阶段，可以用的资源不是很多。本研究分析了APP的设计原则、结构设计、HTML5开发APP的优劣势都会在本研究的实践中得到验证以此来说明HTML5开发APP的可行性可有效性。HTML5对开发者的影响也是深远的，它可以做到“一次开发，多平台使用”[2]，PC端和移动端也能被连接起来。在使用web APP的时候，桌面端和移动端不再是独立的两个点，他们将可以更好地共享资源和数据[3]。HTML5的开发也萌发出多样化的盈利模式，特别是游戏开发者可以通过和社交平台的合作，在社交平台推出与其无缝结合的应用和游戏，然后利用附加服务的方式收费[4]。
1.2国内外的研究现状
随着4G，WiFi等技术的应用，智能手机在快速的发展，移动互联网前段技术也在快速的发展。移动应用是手机上最主要的形式，开发者想要快速的开发出某种应用就需要一种与之相对应的高效的开发技术，而移动互联网前端技术正迎合了开发者的需要。目前有一些大企业正将这种技术应用到移动app开发，并且取得了很大的成效。
HTML是万维网的核心语言，HTML5是html新的版本，基于HTML5系列标准的应用凭借其良好的跨平台性，能很好地解决目前原生程序要为不同操作系统开发相应的应用程序的问题，将为移动互联网产业带来快速的发展，引导移动web产业快速发展。将HTML5的技术优势广泛的运用于移动互联网中，基于HTML5的跨平台性，面向越来越丰富的智能终端提供移动web应用，是加速HTML5应用成熟、引导互联网应用产业良性发展的捷径。HTML5的优势在于跨平台、可满足不同分辨率显示设备、系统维护比较方便等，它可以同时支持pc机和移动设备的浏览显示。HTML5对网页的视觉功能进行了扩展，让web应用进入无插件时代，在移动终端用户不需要下载客户端就能够观看视频、玩游戏，操作更加简单[5]。HTML5不仅包含了HTML本身，还包含了一些css3和javascript的部功能。HTML5能够在web上进行绘图是它最大的变化，如图形和路径绘制、变形、绘画等。HTML5标准中的多媒体，新增的video视频和audio音频正好弥补了原来的浏览器的缺陷需要借助flash进行播放。HTML5标准中新增了两种存储机制web storage和web SQL database是为了满足本地存储数据的需求，解决了移动信号不好时进行离线应用的问题。使用地理定位能够实时获取 你当前在地图上所在的位置，这将充分发挥移动设备的特点[6]。HTML5之所以能够快速发展很大程度上就应因为它的兼容性好，实用性高，还具有互操作性以及普遍访问性。HTML5技术经过近几年的发展已经不再陌生， 它已经逐渐成为技术论坛热门的话题，给人一种美妙的感觉。但是HTML5也有自己的适用范围，HTML5技术并不是万能的，在当前的发展情况下HTML5也无法解决一切问题，但如果限定它的使用范围，HTML5确实可以帮助开发者解决很多问题。
版权保护: 本文由 hbsrm.com编辑，转载请保留链接: www.hbsrm.com/jsj/rjgc/328.html
