论文总字数：19728字

目 录

1.引言 1

2.背景知识 1

2.1 研究背景现状 1

2.2 研究意义 2

2.3 研究可行性 2

2.3.1 经济可行性 2

2.3.2 技术可行性 2

2.3.3 操作可行性 3

3.系统总体设计 3

3.1 系统概述 3

3.2 模块详情 3

3.2.1 个人信息设置模块 3

3.2.2 号召发布模块 4

3.2.3 评论号召模块 4

3.2.4 登录注册忘记密码模块 5

4.系统详细设计 6

4.1 数据库设计 6

4.2 数据库逻辑结构设计 7

4.3 数据库表的设计 10

5. 系统主要功能流程及模块 12

5.1 号召页面的设计开发 12

5.2发布页面的设计开发 15

5.3 登录注册模块设计 18

5.4 城市选择页面的设计开发 23

5.5 我的信息页面的设计开发 24

6. 系统功能测试 29

6.1 登录注册模块的测试 29

6.2 发布号召模块的测试 30

6.3 首页模块测试 30

6.4 我的号召和评论模块测试 31

6.5 个人信息模块测试 32

6.6 城市选择模块测试 33

7. 结论 33

参考文献 34

感谢语 34

寻找校园兴趣跨平台移动端网站

唐盼

，China

Abstract：Since twenty-first Century, the human society is gradually emerging out of the new form and characteristics of the network era of globalization, the individual is aggregated into a new social group. In the new era, people are using the network tools which are gradually transferred from the PC device to mobile devices. Previous social networking sites, such as Renren, Tianya forum is based on PC end users, And now they are also using HTML5's new technology, suitable for mobile terminal site. This website used campus student interest hobby as a starting point, developed a web app adaptated to IOS and Android. It can be convenient to campus students initiating a call for themseleves and informing others about their location . Their purpose is to attract other students joined in to them. The core content of this site is the use of HTML5、Ajax technology and the spring MVC framework to fit a variety of mobile terminal interface to interact with the background data and achieve crud functionality.

Key words：interest；Mobile terminal；HTML

1.引言

移动互联网的春天已经到来。距离最老的iPhone 3G发布不过8年的时间，第一部andriod手机也差不多。然而将现在的互联网世界与当初相比，已经发生了翻天覆地的变化。当年的“上网”方式基本还只是停留在PC端，手机是可以上网但只是2G网络，那时候一个月30M的流量就基本能满足看看小说之类的需求了。然而，8年后的今天，我们随时随地都会关注自己的phone，曾经都是在PC上访问的兴趣交友类的论坛，例如天涯、知乎、虎扑、汽车之家等，都可以在手机端的浏览器中打开，当然它们也有相应的APP出现。

其实这8年中，变化的只是人们的沟通交流的方式，没有变化的是人们渴望与陌生人接触，结识兴趣相投朋友的心态。大学生作为学生中的“成年人”，成年人中的“小孩子”，在进入大学以后，非常渴望接触外面的新世界，结识更多的能一起玩的朋友。目前大学里，同学之间互相能交流兴趣爱好的地方也只有社团，但是由于社团组织人数过于多，组织活动也很难凑集所有人，所以社团组织的活动却是屈指可数。本网站的宗旨和目的，就是鼓励在校大学生，能够更多的和身边的同学一起活动，一起交流，丰富自己的大学生活，锻炼自己组织活动的能力。

HTML5技术在近几年比较兴起，也是由于移动端对PC端的一步步渗透，如果不使用新的H5 CSS3的技术写网站的前台，对iPhone和andriod的适配将做的很差，很不符合手机端的使用习惯，严重影响用户体验。其实距离HTML5标准规范最终完成也才1年多的时间，它最初的设计目的也是为在移动设备上面支持多媒体技术，同时改变用户和文档的交互方式。

在网站中，为了确认发布者的位置，我们还引用了百度地图的定位服务，它兼容了IOS和android两种手机系统。不仅可以通过手机GPS自动定位，还可以通过拖拽地图，防止定位地址不精确，而可以自己手动微调。

本网站的数据库建立，我才用了MySQL数据库。MySQL数据库是一个开源的项目，由于本网站不需要涉及太强大的功能，所以MySQL数据库也够满足使用了。本站除了使用正常的增删改查还使用了多表查询的功能，在搜索板块的时候能够更加精确快速的搜索出想要的内容。

本站的后台框架是利用Spring MVC搭建的。它分离了网站的控制器、模型对象、处理程序对象和分派器，使得他们更加容易定制。Spring框架能高度可配置，它包含了多种视图技术，例如常见的JSP、Velocity、iText和POI。本站使用的是JSP的视图架构。

2.背景知识

2.1 研究背景现状

目前，大学在校生，拥有手机的比例很高，大家以兴趣为交友导向的意愿也很强烈。但是现在大学生能够通过兴趣爱好交友的平台和方式并不多，最主要的还是通过学校的各种社团，比如动漫社、吉他社之类的。但是社团组织太过庞大和不易管理，灵活性比较低，不能够过于频繁的组织活动。而贴吧、知乎之类的兴趣交友平台又更多的是进行精神或者说online的交流，线下实体的活动，诸如轮滑、旅游、打羽毛球之类的活动，还是没办法约起来。所以大学生目前能够一起开展活动，能够一起兴趣交友的平台并不多。

2.2 研究意义

经过上文的分析，我觉得大学生有一个能够通过兴趣爱好，自主交友的平台就很重要。这个平台应该具备以下的功能。当你想发起一个活动，比如打羽毛球、爬龙王山时，你可以通过本网站，发布一个“号召”，此时可以写下号召的内容以及号召的地点，以及你此时的装备的图片或者你所在地点的图片，然后等待别人加入。或是你想参加个活动，可以搜索附近的某项活动，然后在其下面评论，然后让发布者知道你的存在，并根据地点来找到他。

2.3 研究可行性

2.3.1 经济可行性

目前，本网站项目是公益性质，为的是让在校学生能够享受大学生活，并没有考虑从之牟利。而本网站现在的开销，除了人工维护以外，也就是注册、修改密码两个模块需要的验证码短信费用，为几分钱一条，也不是很大的开销。在本站正式上线以后，可能还需要一笔服务器的费用，当然初期可以租赁类似于阿里或者新浪的免费服务器，等使用者到了一定的数量，可以考虑投放广告，来支撑服务器的更新换代，以及人工维护费用。

2.3.2 技术可行性

本项目中使用到的SSM框架，也是一个很成熟的架构。SSM即Spring、SpringMVC以及Mybatis。简单来说，Spring是面向小型系统工程的框架结构。

本站的前台使用了jQuery Mobil的框架结构来适配移动端的各种事件。它是jQuery团队所制作的的针对手机和平板的jQuery版本。它是基于jQuery生成的，所以包含所有的jQuery核心库，在此基础上，还将移动端的UI设计也集成起来。再加上HTML5对移动端的改造创新，本站的前台UI制作将不同于传统的网页，变得十分人性化和可交互化。

本站还运用到了MD5加密技术，来保存加密用户的密码等私密数据。MD5加密算法全称为Message-Digest Algorithm 5，它的运行原理是MD5将任意长的"字节串"转换成一个128比特的大整数，并且这个过程是不可逆的，即便我们翻看MD5加密算法的源码，我们也不可能将一个MD5值，正确的还原成原来的值。其实原因也很简单，MD5加密的过程并不是一个可你的过程，它类似于一个真正的黑匣子。因此使用MD5加密是一个相对安全的加密方式，能够抵御一些简单的黑客攻击。所以用户注册以后，不需要担心自己的密码被后台人员看到，因为后台人员无法看到真是的密码，能看到的也是一长串没有意义的数字。

2.3.3 操作可行性

本网站的使用主要是针对大学生人群，这类人群本来就有极高的接收新事物的能力，再加上本网站的设计风格本来就是偏向现代化、人性化，要让用户上手还不算很困难。用户可以自由的发帖、回帖、设置个人信息等，操作方面，交互简单，只要是使用过智能机的，无论是安卓还是苹果用户，都能轻易玩上手。

3.系统总体设计

3.1 系统概述

本网站提供了一套一体化的寻找兴趣、发布兴趣的流程，使用者可以作为发布者，也可以作为参与者。由于本网站主要针对年轻大学生群体，所以使用起来简单，易上手。而其中的逻辑关系也很容易理清。其中主要包括四个主要模块的逻辑需求。它们分别是个人信息设置模块、发布内容模块、评论模块以及登录注册和忘记密码模块。

图3-1 寻找校园兴趣平台模块划分

3.2 模块详情

3.2.1 个人信息设置模块

个人信息设置模块是用户设置个人信息的地方，包括了以下信息：

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

相关图片展示：