html5的webapp的设计与实现分享平台
摘 要随着科学技术的发展，人们对于互联网的依赖越来越大，人们相互交流的方式也越来越多样化，同时越来越多的人也意识到了互联网给生活带来的便利。许多人喜欢将自己的心情、心得记录下来或者是分享给别人。通过网络分享成为了一种方便快捷的选择。本论文研究的内容是一个个人分享平台，通过发布分享来实现资源的共享，促进互联网用户之间的交流。本文围绕会员模块，关注模块，小组管理模块和推荐模块这四个主要功能模块进行设计，实现了平台分享、讨论和收藏话题的功能。该平台使用Axure原型设计工具和Photoshop图像处理软件进行前端设计，采用HTML5语言为开发工具，结合CSS3进行前端开发，搭建友好的用户界面，通过AngularJS、NodeJS进行数据处理。本设计用户界面友好，操作便捷，具有良好的可维护性和可扩展性，满足手机用户的基本需求。
目 录
第一章 绪论 1
1.1研究背景 1
1.2研究意义与目的 1
1.3系统设计目标 1
1.4论文组织 1
第二章 系统分析 3
2.1运行环境与硬件需求 3
2.2需求分析 3
2.2.1性能需求 3
2.2.2运行需求 3
2.2.3功能需求 3
第三章 系统整体设计 5
3.1系统设计内容 5
3.2系统结构图 6
3.3系统流程图 6
第四章 系统详细设计与实现 8
4.1系统详细设计 8
4.2系统实现 11
结束语 16
致 谢 17
参考文献 18
第一章 绪论
1.1研究背景
随着科学技术的发展，互联网技术也越来越先进，人们对于互联网的依赖越来越大，人们相互交流的方式也越来越多样化，同时越来越多的人也意识到了互联网给生活带来的便利。许多人喜欢将自己的心情、心得记录下来或者是分享给别人。通过网络分享成为了一种方便快捷的选择。
建立一个个人分享平台，通过发布分享来实现资源的共享，促进互联网用户之间的交流。通过不同模块的区分，来选择相关兴趣的模
*好棒文|www.hbsrm.com +Q: @351916072@
块进入浏览，收藏，评论等操作。个人分享平台为交流提供综合的网络环境。
1.2研究意义
现在互联网的发展正在处于一个转折点，随着3G和4G网络的大规模应用，移动互联网迅猛发展，而在这之中，移动手机应用作为主角，对于网络供应商，用户，开发商，投资商都有着重大的影响。
为了支持互联网的发展，国际标准组织W3C于2007年成立新的HTML工作团队，2008年发布了HTML5的第一份草案。HTML5添加了许多新的语法，组合了CSS、JAVASCRIPT、HTML等技术，提供了更多的可以有效增强网络应用标准、减少浏览器对于插件的繁琐要求。所以基于HTML5的应用具有很好的跨平台性，能够很好地解决native app的平台割裂问题。HTML5所提供的强大的多媒体呈现能力、交互能力、云端服务集成能力与本地处理能力，以及快速部署和简单升级的特性，使其成为一个被寄予厚望的概念。Web app 实际上就是 Web Application，指利用 Web 技术，配合 Web 浏览器，跨越网络实现一个或多个任务的 Web 应用程序。通过 Web 浏览器，由 Web 技术实现出来的 Web App 有别于传统的网站，它具有更丰富的交互体验，使得 Web App 看上去更像是 Native App，而且web app的开发难度较之native app大幅降低，易用性更高。
1.3系统设计目标
本平台主要包括4个功能模块，它们分别是会员模块、关注模块、推荐模块、小组模块。具体设计目标如下：
1、会员模块
主要包括登录注册功能、设置、消息管理、小组管理、收藏和喜欢管理。
2、关注模块
主要包括关注话题的显示和关注小组的菜单。
3、小组模块
主要包括加入或退出小组、小组话题显示、用户发话题功能。
4、推荐模块
1.4论文组织
本论文的组织架构如下：
第一章介绍课题的研究背景、研究意义与目标以及论文组织。
第二章对分享平台的开发中硬件需求、功能需求等方面进行分析。
第三章采用描述、绘制结构图、流程图等方式对分享平台的进行了整体设计。
第四章对整个分享平台的详细设计和实现的描述。
最后对本论文进行了总结。
第二章 系统分析
2.1运行环境与硬件需求
1、编程语言：Html语言；JavaScript语言；NodeJS语言
2、开发工具：Sublime Text v3.3095版本；Axure RP；Adobe Photoshop
3、浏览器：Webkit内核或者Gecko内核浏览器
2.2需求分析
下面将从性能需求，运行需求和功能需求这三个方面进行需求分析。
2.2.1性能需求
分享平台应需考虑实用性和易操作性，建立一个个人分享平台，通过发布分享来实现资源的共享，有利于促进互联网用户之间的交流。
基于本设计采用HTML5语言为开发工具，结合CSS3进行前端开发，通过AngularJS、NodeJS进行数据处理。性能优化极其重要。使用在平台开发过程中减少 HTTP 请求、使用浏览器缓存、图片、JS的预载入、精简JS。在用户体验方面，处理图片的懒加载、使用交互的反馈等方面。
2.2.2运行需求
1、用户界面友好，增强用户与平台交互。
2、使用便捷，操作流畅。
2.2.3功能需求
1、会员相关功能
（1）登录注册等功能，用户可通过选择账号登录、注册或社交账号登录、注册。
（2）个人中心中设置功能，用户可进行个人资料信息（用户名、密码等）的修改、清除应用缓存、意见反馈以及应用相关介绍和退出应用等操作。
（3）消息管理功能，用户可通过显示、删除或回复等一系列操作来自系统的通知以及获取与个人相关的消息（包括来自其他用户对个人发布的话题进行评论、喜欢或是收藏等）。
（4）个人相关小组管理功能，用户可根据显示个人已经加入的小组，并显示是否为该组的组长（即是否可以进行小组相关方面的变更，包括小组资料信息修改等）来进行相关操作。用户可选择添加小组，通过搜索相关信息来加入小组。用户可通过填写提交创建小组的相关信息来进行创建小组功能。
（5）话题的喜欢、收藏管理功能，用户可查看个人喜欢或收藏的话题，方便查阅以及管理，可进行对应的浏览，以及取消喜欢或收藏。
2、关注相关功能
目 录
第一章 绪论 1
1.1研究背景 1
1.2研究意义与目的 1
1.3系统设计目标 1
1.4论文组织 1
第二章 系统分析 3
2.1运行环境与硬件需求 3
2.2需求分析 3
2.2.1性能需求 3
2.2.2运行需求 3
2.2.3功能需求 3
第三章 系统整体设计 5
3.1系统设计内容 5
3.2系统结构图 6
3.3系统流程图 6
第四章 系统详细设计与实现 8
4.1系统详细设计 8
4.2系统实现 11
结束语 16
致 谢 17
参考文献 18
第一章 绪论
1.1研究背景
随着科学技术的发展，互联网技术也越来越先进，人们对于互联网的依赖越来越大，人们相互交流的方式也越来越多样化，同时越来越多的人也意识到了互联网给生活带来的便利。许多人喜欢将自己的心情、心得记录下来或者是分享给别人。通过网络分享成为了一种方便快捷的选择。
建立一个个人分享平台，通过发布分享来实现资源的共享，促进互联网用户之间的交流。通过不同模块的区分，来选择相关兴趣的模
*好棒文|www.hbsrm.com +Q: @351916072@
块进入浏览，收藏，评论等操作。个人分享平台为交流提供综合的网络环境。
1.2研究意义
现在互联网的发展正在处于一个转折点，随着3G和4G网络的大规模应用，移动互联网迅猛发展，而在这之中，移动手机应用作为主角，对于网络供应商，用户，开发商，投资商都有着重大的影响。
为了支持互联网的发展，国际标准组织W3C于2007年成立新的HTML工作团队，2008年发布了HTML5的第一份草案。HTML5添加了许多新的语法，组合了CSS、JAVASCRIPT、HTML等技术，提供了更多的可以有效增强网络应用标准、减少浏览器对于插件的繁琐要求。所以基于HTML5的应用具有很好的跨平台性，能够很好地解决native app的平台割裂问题。HTML5所提供的强大的多媒体呈现能力、交互能力、云端服务集成能力与本地处理能力，以及快速部署和简单升级的特性，使其成为一个被寄予厚望的概念。Web app 实际上就是 Web Application，指利用 Web 技术，配合 Web 浏览器，跨越网络实现一个或多个任务的 Web 应用程序。通过 Web 浏览器，由 Web 技术实现出来的 Web App 有别于传统的网站，它具有更丰富的交互体验，使得 Web App 看上去更像是 Native App，而且web app的开发难度较之native app大幅降低，易用性更高。
1.3系统设计目标
本平台主要包括4个功能模块，它们分别是会员模块、关注模块、推荐模块、小组模块。具体设计目标如下：
1、会员模块
主要包括登录注册功能、设置、消息管理、小组管理、收藏和喜欢管理。
2、关注模块
主要包括关注话题的显示和关注小组的菜单。
3、小组模块
主要包括加入或退出小组、小组话题显示、用户发话题功能。
4、推荐模块
1.4论文组织
本论文的组织架构如下：
第一章介绍课题的研究背景、研究意义与目标以及论文组织。
第二章对分享平台的开发中硬件需求、功能需求等方面进行分析。
第三章采用描述、绘制结构图、流程图等方式对分享平台的进行了整体设计。
第四章对整个分享平台的详细设计和实现的描述。
最后对本论文进行了总结。
第二章 系统分析
2.1运行环境与硬件需求
1、编程语言：Html语言；JavaScript语言；NodeJS语言
2、开发工具：Sublime Text v3.3095版本；Axure RP；Adobe Photoshop
3、浏览器：Webkit内核或者Gecko内核浏览器
2.2需求分析
下面将从性能需求，运行需求和功能需求这三个方面进行需求分析。
2.2.1性能需求
分享平台应需考虑实用性和易操作性，建立一个个人分享平台，通过发布分享来实现资源的共享，有利于促进互联网用户之间的交流。
基于本设计采用HTML5语言为开发工具，结合CSS3进行前端开发，通过AngularJS、NodeJS进行数据处理。性能优化极其重要。使用在平台开发过程中减少 HTTP 请求、使用浏览器缓存、图片、JS的预载入、精简JS。在用户体验方面，处理图片的懒加载、使用交互的反馈等方面。
2.2.2运行需求
1、用户界面友好，增强用户与平台交互。
2、使用便捷，操作流畅。
2.2.3功能需求
1、会员相关功能
（1）登录注册等功能，用户可通过选择账号登录、注册或社交账号登录、注册。
（2）个人中心中设置功能，用户可进行个人资料信息（用户名、密码等）的修改、清除应用缓存、意见反馈以及应用相关介绍和退出应用等操作。
（3）消息管理功能，用户可通过显示、删除或回复等一系列操作来自系统的通知以及获取与个人相关的消息（包括来自其他用户对个人发布的话题进行评论、喜欢或是收藏等）。
（4）个人相关小组管理功能，用户可根据显示个人已经加入的小组，并显示是否为该组的组长（即是否可以进行小组相关方面的变更，包括小组资料信息修改等）来进行相关操作。用户可选择添加小组，通过搜索相关信息来加入小组。用户可通过填写提交创建小组的相关信息来进行创建小组功能。
（5）话题的喜欢、收藏管理功能，用户可查看个人喜欢或收藏的话题，方便查阅以及管理，可进行对应的浏览，以及取消喜欢或收藏。
2、关注相关功能
版权保护: 本文由 hbsrm.com编辑，转载请保留链接: www.hbsrm.com/jsj/rjgc/1331.html
