目录
摘 要 1
1 前言 2
1.1研究目的与意义 2
1.2研究现状 3
1.3论文结构 3
2 可行性分析 4
2.1技术可行性 4
2.2经济可行性 4
2.3操作可行性 4
2.4法律可行性 4
2.5可行性分析结论 4
3 系统需求分析 5
3.1用户需求分析 5
3.2系统功能分析 7
4概要设计 8
4.1系统结构设计 8
4.2功能模块设计 9
4.3数据库设计 11
5 详细设计 13
5.1用户登录 13
5.2发表说说 14
5.3欣赏电影，聆听音乐，阅读书籍 14
5.4用户信息互动 14
5.5管理管理用户，说说和举报审核 14
6 系统实现 14
6.1软件开发说明 15
6.1.1核心开发技术介绍 15
6.1.2项目技术架构 15
6.2登录界面的实现 15
6.3首页的实现 16
6.4热门说说 16
6.5用户之间的通讯 17
6.6用户个人中心设置 17
6.7个人主页 17
6.8我的说说，评论，收藏，点赞 17
6.9说说评论 18
6.10搜索 19
6.11音乐系统 19
6.12图书系统 20
6.13查看正在上映的电影 20
6.14管理员查看所有用户 21
6.15管理员查看违规说说和用户 21
6.16管理员举报处理 21
7 结语 21
3 系统需求分析
需求分析就是要确定我们需要做什么，怎么做，做更好。需求对系统提出了较完整、准确、清晰和具体的描述，因此，我们需要去了解用户的需求，明确用户的需求，最终实现用户的需求，并且提高用户的体验。
3.1用户需求分析
本设计所开发的系统平台，旨在为用户提供一个极具个性化的思想交流平台。在设计上，使用Dubbo[1]提高容灾性，SSM[2,3]搭建框架构建后台，Tomcat是目前的主流开源服务器，担当该系统平台的服务器是不二之选[4]，Redis、NGINX[5]提高访问速率。前端使用HTTM5和CSS3进行相应的设计。本设计从用户和管理员这两方面入手。在用户这一方面，主要是提高用户体验和着重用户的情感交流；在管理员这一方面，主要是提高管理员监控用户的效率，对系统的安全进行适当的维护。 系统的机构化设计的使用的描述方式我们一般使用的是业务流程图。通过业务流程图我们可以很明确各个模块功能之间的交流。 该系统的客户端业务流程图如图1
<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8"/>
<title th:text="${userInformation.name}+'の首页'">首页</title>
<link rel="stylesheet" href="/css/home/home.css"/>
<link rel="icon" href="/image/title.ico" type="image/x-icon"/>
<link href="/css/all.css" rel="stylesheet"/>
<script src="/js/jquery-3.0.0.js"></script>
</head>
<script src="/js/layer.js"></script>
<script src="/js/home/home.js"></script>
<script src="/js/all.js"></script>
<body>
<header th:include="header :: copy"></header>
<div class="all_content" style="">
<main>
<div class="all_release">
<!--发表内容-->
<form action="/publishCritic" method="post" enctype="multipart/form-data" class="release_form">
<div class="release_div">
<textarea class="release_message" name="movie_content"></textarea>
</div>
<div class="release_div_2">
<span class="size_tip">还可以输入122个字</span>
<span class="movie_name">标题：</span><input type="text" class="movie_name_text" name="movie_name"/>
<a class="movie_image_upload"><input type="file" value="图片" class="" id="file_upload"
name="file_upload"/>图片</a>
<select class="movie_state" name="isPrivate">
<option value="0">公共圈</option>
<option value="1">朋友圈</option>
</select>
<!--<button value="发布" class="movie_release">发布</button>-->
<input type="button" th:value="发布" class="movie_release"/>
</div>
</form>
<div class="image_container"
style="">
<div style="" class="close_img_tip">
×
</div>
<img id="preview" width="80%" height="" style="position: relative;"/>
</div>
</div>
<div class="all_stats" th:with="uid=${userInformation.id}">
<!--<div id="showCritic"></div>-->
<div class="friends_stats_fix">
<div class="friends_stats" th:each="o : ${result}">
<div>
<div class="friends_stats_top">
<div>
<img src="" class="friends_image_header" th:src="${o.getAvatar()}" alt="??"
th:value="${o.uid}"/>
</div>
<div class="friends_name">
<div>
<span th:text="${o.getName()}" th:value="${o.uid}"
class="friends_username">用户名</span>
</div>
<!--<br/>-->
<span class="friends_time" th:with="publishTime = ${o.getTime()}"
th:text="${o.getTime()}">时间</span>
<br/>
<span class="friends_time isPrivate" th:text="${o.isPrivate}==1?'朋友圈':'公共圈'"
th:value="${o.isPrivate}">朋友圈</span>
</div>
<div class="wsk" style="">
<span class="show_action">Ⅲ</span>
<div style="" class="show_action_menu" th:if="${o.uid}!=${userInformation.id}">
<span style="" class="action_menu" th:value="${o.uid}"
title="unsubscribe">×关注</span>
<!--<span style="display: block">添加关注</span>-->
<span style="" class="action_menu" th:value="${o.pid}" title="report">●举报</span>
</div>
<div style="" class="show_action_menu" th:if="${o.uid}==${userInformation.id}">
<span style="" class="action_menu" th:if="${o.isPrivate}==0" th:value="${o.pid}"
title="translation">转为朋友圈</span>
<!--<span style="display: block">添加关注</span>-->
<span style="" class="action_menu" th:value="${o.pid}" title="delcritic">×删除</span>
</div>
</div>
</div>
<div class="friends_stats_middle clearfix">
<div class="friends_text">
<span th:text="${o.getCritic()}">
</span>
</div>
<span class="friends_title" th:text="'-- '+${o.getTitle()}">
</span>
</div>
<div class="friends_image" th:if="${o.getPicture()}!=''">
<img class="friends_img_critic" src="" th:if="${o.thumbnails==null}"
th:src="${o.getPicture()}" th:alt="${o.title}" th:title="${o.title}"
th:value="${o.picture}"/>
<img class="friends_img_critic" src="" th:if="${o.thumbnails!=null}"
th:src="${o.thumbnails}" th:alt="${o.title}" th:title="${o.title}"
th:value="${o.picture}"/>
</div>
<div class="friends_action">
<button th:value="${o.pid}" class="friends_collection_current" th:if="${o.collection}==1">
☆收藏
<span th:text="${o.getCollectionCounts()}"></span>
</button>
<button th:value="${o.pid}" class="friends_collection" th:if="${o.collection}==0">
☆收藏
<span th:text="${o.getCollectionCounts()}"></span>
</button>
<button th:value="${o.pid}" class="friends_comment" title="1">
◇评论
<span th:text="${o.getCommentCounts()}"></span>
</button>
<button th:value="${o.pid}" class="friends_good_current" th:if="${o.good}==1">
♡点赞
<span th:text="${o.getGoodCounts()}"></span>
</button>
<button th:value="${o.pid}" class="friends_good" th:if="${o.good}==0">
♡点赞
<span th:text="${o.getGoodCounts()}"></span>
</button>
</div>
<!--<div class="all_friends_comment">-->
<!--</div>-->
</div>
</div>
</div>
<div class="not_more">
没有更多.......
</div>
<div class="find_more">
查看更多↓
</div>
</div>
</main>
<aside th:include="aside :: aside"></aside>
<div style="clear: both"></div>
</div>
<footer>
<div>
<button class="go_to_top" value=""></button>
</div>
</footer>
</body>
</html>
