Contents
Abstract 1
1 Preface 2
1.1 Research purpose and significance 2
1.2 Research status 3
1.3 Paper structure 3
2 Feasibility analysis 4
2.1 Technical feasibility 4
2.2 Economic feasibility 4
2.3 Operational feasibility 4
2.4 Legal feasibility 4
2.5 Feasibility analysis conclusion 4
3 System requirement analysis 5
3.1 User requirement analysis 5
3.2 System function analysis 7
4 Outline design 8
4.1 System structure design 8
4.2 Function module design 9
4.3 Database design 11
5 Detailed design 13
5.1 User login 13
5.2 Post a comment 14
5.3 Enjoy movies , listening to music, reading books 14
5.4 User information interaction 14
5.5 Management and management of users, reporting and review 14
6 System implementation 14
6.1 Software development instructions 15
6.1.1 Introduction to core development technology 15
6.1.2 Project technical architecture 15
6.2 Login interface Implementation 15
6.3 Implementation of home page 16
6.4 Popular talk 16
6.5 Communication between users 17
6.6 User personal center settings 17
6.7 Personal homepage 17
6.8 My comments, comments, collections, likes 17
6.9 Comments 18
6.10 Search 19
6.11 Music system 19
6.12 Library system 20
6.13 View movies currently showing 20 6.14
Administrator View all users 21
6.15 Administrator View violations and users 21
6.16 Administrator report processing 21
7 Conclusion 21
3 System requirements analysis
Requirements analysis is to determine what we need to do, how to do it, and do it better. Requirements provide a more complete, accurate, clear and specific description of the system. Therefore, we need to understand the user's needs, clarify the user's needs, ultimately realize the user's needs, and improve the user's experience.
3.1 User demand analysis
The system platform developed by this design aims to provide users with a highly personalized platform for exchange of ideas. In terms of design, Dubbo[1] is used to improve disaster tolerance, and SSM[2,3] is used to build a framework and build the backend. Tomcat is the current mainstream open source server and the server that serves as the system platform is the best choice[4]. Redis, NGINX[5] improves access rate. The front end uses HTML5 and CSS3 for corresponding design. This design starts from the two aspects of users and administrators. On the user side, it mainly focuses on improving user experience and focusing on users' emotional communication; on the administrator side, it mainly improves the efficiency of administrators in monitoring users and properly maintains system security. We generally use business process diagrams to describe the institutional design of the system. Through the business process diagram, we can clearly understand the communication between the functions of each module. The client business flow chart of the system is shown in Figure 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>
