论文总字数：26959字

目 录

1 引言 6

1.1 个人旅行记录分享系统 6

1.2 国内外研究现状 6

1.3 开发目标与意义 7

2 开发技术与工具介绍 7

2.1 MUI与Ajax 7

2.2 Java Web 8

2.3 MVC 8

2.4 Spring、SpringMVC、Mybatis第三方框架 8

2.5 Tomcat和MySql 9

3 需求分析 10

3.1 功能点分析 10

3.1.1 用户个人信息模块 13

3.1.2 旅程备忘录模块 13

3.1.3 个人记录模块 13

3.1.4 个人分享模块 13

3.1.5 应用小工具模块 14

3.2 数据分析 15

3.2.1数据流图 15

3.2.2 数据字典 15

4总体设计 16

4.1 概要设计 16

4.1.1 系统结构设计 16

4.1.2 功能模块划分 17

4.1.3 系统外部接口调用 17

4.1.4数据库设计 18

4.2 详细设计 24

4.2.1 各模块控制流程描述 24

4.2.2 系统包图与类图 25

4.2.3编码设计流程描述 27

4.2.4项目工程整体目录结构 29

4.3基于Feed流应用多种热度排序算法分析 31

4.3.1 Feed流应用 31

4.3.2 Timeline 31

4.3.3 Timeline排序分发的显著缺点 31

4.3.4 基于Hacker News的文章排名算法分析 31

4.3.5 基于Reddit社交新闻站点重力排序算法的研究 32

4.3.6 基于 StackOverflow问答站点的排序算法研究 32

4.3.7 基于威尔逊得分的 Wilson Score 排序算法 33

4.3.8重力分析算法在本系统中的实际应用 33

5系统实现 35

5.1 系统注册与登陆功能实现 35

5.2 系统主页功能实现 36

5.2 旅程备忘录及小工具模块功能实现 37

5.3 个人记录模块功能实现 39

5.4 个人分享模块功能实现 39

5.5 个性化信息设置功能实现 39

6 结语 40

参考文献 41

致谢 42

个人旅行记录分享系统设计与实现

高建鹏

,China

Abstract: With the gradual development of social economic construction and cultural construction, people's demand for spiritual culture is growing. The model of individual free travel is particularly prominent, and the combination of personal freedom and social sharing has a huge flow entrance. Therefore, it is of great significance to develop deep demand mining for this model.

This paper designs and implements personal travel record sharing system based on H5, JavaWeb and MySql. The system has five parts: personal information management, itinerary memo, drop recording, personal sharing and application tools. In the later period, the thermal analysis based on the large data scale and the content sorting algorithm will combine theory and application to effectively control the user to browse efficient information and provide the user with the integrated service of the whole process.

Key words： Html5;JavaWeb;MySql;content sorting algorithm; Content heat analysis

1 引言

• 1. 个人旅行记录分享系统

当前，关于个人自由行的的解决方案还是处于小众状态，大型互联网公司的旅游类产品还是基于传统的攻略、评价等等展开服务，而忽视了个人对于小众化旅行记录分享的潜在需求，“社交圈 自由行”目前还是国内市场的短板，也是当前的真空地带。

所以，针对当前市场需求进行深度挖掘开发是有着巨大价值空间的，特定的个人自由行 社交分享这一环节也是有着广阔的市场。让用户在多个应用切换中解放，在应用中用户无需特定的社交软件即可与同类同兴趣的旅友展开交流，也是一个巨大的流量入口。于是，个人旅游记录分享WebApp便应运而生，它能够满足大众对个人自由行 社交这一切实需求。

• 1. 国内外研究现状

时下，国内外传统的旅游应用已经无法满足小众的个人自由行需求，他们虽然拥有最传统最基本的业务，并且有着庞大的客户群体，但用户还是只能在多个应用之间切换才能将自己的旅行感想与社交进行联系，或者获取旅行相关信息，并且，寻找与自己有同类爱好的人，并与他们交流分享，也是大牌互联网旅游网站的缺漏，国内外市场还没有“自由行 社交分享”这一主题鲜明的应用能够被用户使用。

同时，国内外移动互联的快速发展让桌面端措手不及，仅仅几年，手机网络用户节节飙升，截止目前为止，移动端互联网已经成为世界各地的人们联系彼此最快捷最直接最方便的方式。如今传统的旅游互联网巨头，纷纷由传统互联网公司盯紧移动互联网产业，进军部署各个节点，制作各种类型各种行业手机移动客户端，H5webApp应用捆绑用户。移动互联网带来了更多的经济增长点，并在进一步刺激消费。

而在移动端的应用中，大多数的国内外旅游应用还是基于安卓以及IOS的原生App,尽管他们可以针对不同平台给予不同用户体验，并且节省带宽成本，但是由于针对不同平台需要提供不同的开发方式，导致移植麻烦且开发、维护多个平台导致成本显著上升，其次，应用的上传需要所在平台认证，所得盈利需要第三方分成。移动端原生App的短板在H5的到来之后，被无限放大，业内关于未来的移动端趋势展开了广泛的热烈讨论，原生是否会在将来被H5所替代，成为很多产品研发部门在开发时都会去考虑一番的问题，不容置疑的是，基于H5的WebApp的优势已经处于很明显的状态，可以看到，大型的互联网公司已经逐步在利用H5进行更为强烈吸引人的人机交互效果，同时，H5的多终端适配已经给了开发者们新的选择，这不仅仅意味着人力成本、时间成本的缩小，同时对于整个项目可用性，也进行了非常完美的提升，随着移动设备成为国民通过互联网连接外界的主要途径，开发版本低、适配多种移动设备、迭代更新简单便捷且无需安装版本的基于H5 的webApp成为很多互联网公司的开发首选。

1.3 开发目标与意义

基于当前广大小众化自由行的用户的切实需求，本文的目标在于开发出一款着重体现个人自由行 社交分享，同时为每一位游客个体提供游前，游中，游后一站式服务，如，出行前的行程规划，出行中的记录，分享，人民币对各国货币汇率换算，出行后的点滴分享再记录的WebApp网络应用，同时，基于后期大量的用户数据，该应用能够帮助用户做出一系列大数据判断，实现高效的内容热度分析机制，使用户对于信息的获取更加高效，从而提升用户体验，实现平台信息提供，用户反馈再补给平台的新型模式。

相较于传统的旅游原生App应用，该网络应用在保证功能健全的同时，无需下载，打开浏览器，即让用户在更少的成本下获取最好的用户体验，同时弥补了当前旅游应用市场的旅游群体社交分享短板模块，对用户而言，这也意味着更高效的旅行体验，在本应用中用户得以解放双手，无需切换即可使用一个网络应用来获取切实有效的信息。

2 开发技术与工具介绍

由于该应用是基于B/S架构的web应用，故前端采用基于H5的最接近原生App体验的高性能前端框架MUI来实现页面的展示布局，JavaScript实现用户前台交互，Ajax请求获取后台的服务，同时利用JavaScript渲染至页面。

而在后台,则是利用Spring,SpringMVC,Mybatis三大框架的整合，结合经典的MVC分层设计实现数据的传递以及具体业务逻辑的实现，同时将系统资源占用率小，且拥有良好扩展性的Tomcat服务器作为该web应用的服务器。在数据库层面，该应用采用了MySql这一关系型数据库，同时使用Maven作为项目管理工具，利用JetBrains公司业内当前最为流行的IntelliJ IDEA进行整个项目的开发工作。

2.1 MUI与Ajax

相对于以往版本的Html版本，H5已经不能再以标记语言来形容，由于他能提供一系列免插件音视频、图像、动画、以及其他酷炫功能，它为下一代互联网提供了崭新的框架，作为新一代标准，它可以轻松实现与互联网想象的桌面端用户体验^[3]。
本应用系统基于MUI这一高性能前端框架，它是一款基于H5的最接近原生App的前端高性能框架，相对于其他移动端框UI架，它具很多优势，需一套源码，无障碍同时支持 iOS平台、Android平台，基于mui的一套HTML5工程，在进行打包编译之后，在iOS Appstore、安卓各大应用商店、普通手机浏览器等均可完美流畅运行^[10]，强悍的类似原生App的用户体验，视觉设计，极简主义，轻松实现对当前平台原生Api的调用。

不同于传统的发起请求即刷新整个网页，Ajax给予了网站更强的用户体验，局部刷新是它最为显著的特点，Ajax的具体作用基本包括如下几方面，Ajax 在页面内通网页脚本来实现和服务器的交流，实现数据传递^[14]，异步的加载方式保证用户不用停止当前的行为无需打断用户的操作，且响应速度尤为迅捷，Ajax的出现是服务端的工作量削减，它能够分担一部分后台的压力。

2.2 Java Web

Java Web，是利用java这个编程语言解决web实际应用问题的技术大家庭。Web涵盖了 web服务器和web客户端这两大组成部分。Java在客户端的应用，如java applet使用已经越来越少，更多的是在服务器端的大量丰富应用，java给予了服务器端更多的选择与可能，如Servlet，JSP和一些第三方框架（例如本应用使用的Spring，SpringMVC,Mybatis）等等。

2.3 MVC

MVC即为Model-View-Controller，它将传统的输入处理再输出流程转换为一个应用的三个层次，包括视图，模型，控制器^[11]。

视图的主要任务在于对数据进行集中采集，具体实现是人机交互界面，在Web应用里，包括HTML，JSP等等，应用的视图可能有多个。

剩余内容已隐藏，请支付后下载全文，论文总字数：26959字

相关图片展示：