<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"
      xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity4"
      lang="en">
<head>
    <meta charset="UTF-8">
    <title>帮助中心</title>
    <link rel="stylesheet" type="text/css" href="../static/css/oppo.css">
    <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css"
          integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

    <!-- 可选的 Bootstrap 主题文件（一般不用引入） -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap-theme.min.css"
          integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">

    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"
            integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa"
            crossorigin="anonymous"></script>
    <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
    <style>
        body {
            background: #eee;
            font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
            font-size: 14px;
            color: #000;
            margin: 0;
            padding: 0;
        }
        .user-info{
            margin: 10px auto;
            width: 800px;
            height: auto;
        }
        #scroll {
            position:fixed; top:300px; right:100px;
        }
        .scrollItem {
            width:20px; height:70px;border:#e1e1e1 1px solid; cursor:pointer; text-align:center; padding-top:10px;
        }

    </style>
    <script src="http://www.jq22.com/jquery/1.7.2/jquery.min.js"></script>
    <script type="text/javascript">
        $(function () {
            var speed = 800;//滚动速度
            var h=document.body.clientHeight;
            //回到顶部
            $("#toTop").click(function () {
                $('html,body').animate({
                        scrollTop: '0px'
                    },
                    speed);
            });
            //回到底部
            var windowHeight = parseInt($("body").css("height"));//整个页面的高度
            $("#toBottom").click(function () {
                //alert(h);
                $('html,body').animate({
                        scrollTop: h+'px'
                    },
                    speed);

            });
        });

    </script>
</head>
<body>
<!--页面顶部-->
<div id="top">
    <div class="container"></div>
</div>
<!-- 页面的头部 -->
<div id="header">
    <div class="container">
        <div class="header_left left">
            <div class="xlwb"></div>
            <div class="txwb"></div>
            <div class="tel">150-1436-6986</div>
        </div>
        <ul>
            <li>
                <form th:action="@{/logout}" method="post">
                    <input type="submit" class="btn btn-link" th:value="安全退出">
                </form>
            </li>
        </ul>
    </div>
</div>
<!-- 页面的导航 -->
<div id="nav">
    <div class="container">
        <div class="logo left">
            <h1>Campus</h1>
        </div>
        <ul>
            <li><a href="/home">Home</a></li>
            <li class="dropdown">
                <a class="dropdown-toggle" data-toggle="dropdown" href="/learn">
                    学习中心<span class="caret"></span>
                </a>
                <ul class="dropdown-menu">
                    <li><a href="/learn">编程学习</a></li>
                    <li><a href="/toEnglish">英语</a></li>
                    <li><a href="/toMath">数学</a></li>
                    <li class="divider"></li>
                    <li><a href="/toPhilosophy">哲学</a></li>
                </ul>
            </li>
            <li><a href="/news">校内新闻</a></li>
            <li sec:authorize="hasRole('ROLE_USER')"><a href="/userCenter" style="color: red" th:text="${curUse.getName()}"></a>
            </li>
            <li sec:authorize="hasRole('ROLE_ADMIN')"><a href="/admin">网站管理</a></li>
            <li sec:authorize="hasRole('ROLE_ADMIN')"><a href="/userCenter" style="color: red" th:text="${curUse.getName()}"></a>
            </li>
            <li><a href="/toHelp">帮助中心</a> </li>
        </ul>
    </div>
</div>
<div class="container">
    <div class="row">
        <div class="col-sm-4">
            <ul class="nav nav-pills nav-stacked">
                <li class="active"><a href="/toHelp">帮助中心</a> </li>
                <li><a href="/toFeedBack">用户反馈</a> </li>
            </ul>
            <hr class="hidden-sm hidden-md hidden-lg">
        </div>
        <div class="col-md-8">
            <h2>用户使用说明书</h2>
            <div class="panel panel-primary">
                <div class="panel-heading">
                    <div class="panel-title">概述</div>
                </div>
                <div class="panel-body">
                    <div class="panel-info">
                        <p>
                            本使用说明书，以<b>导航栏的菜单顺序</b>进行功能说明，即依次说明
                            主页、学习中心、校内新闻、用户中心和帮助中心的顺序进行介绍。帮助中心由本说明书
                            和用户反馈页构成;用户反馈页，主要提供一个渠道供用户在使用本系统的过程中，对遇到的
                            问题及时向网站管理人员反馈。
                        </p>
                    </div>
                </div>
            </div>
            <div class="panel panel-primary">
                <div class="panel-heading">
                    <div class="panel-title">主页</div>
                </div>
                <div class="panel-body">
                    <div class="panel-info">
                        <p>
                            主页，即欢迎页，主要对校园进行简单介绍，通过图片和文字描述。此外，对学校的一些关键信息
                            进行陈述，以让本校同学对学校有一个明确的了解，能够清楚的知道自己学校的类别类型和办学属性。
                            主页最开始的幻灯片中的图片依次是本校的艺术中心旁的广场、翰墨池和福慧图书馆。
                            <br>
                            页面左侧的一个徽章图片正是本校校徽。
                        </p>
                    </div>
                </div>
            </div>
            <div class="panel panel-primary">
                <div class="panel-heading">
                    <div class="panel-title">学习中心</div>
                </div>
                <div class="panel-body">
                    <div class="panel-info">
                        <p>
                            学习中心，用于提供相关学习资源，帮助没有经验的同学及时找到学习自己专业时用的上的
                            相关学习资源网站。学习中心提供的学习资源内容有计算机编程学习网站介绍及友情链接、
                            英语学习网站及友情链接、数学学习网站及友情链接和哲学学习网站及友情链接等。
                            <br>
                            出于访问可达性，在学习中心中只介绍和给出国内的相关学习资源网站链接，并且所给网站不分排名先后，
                            仅根据本人（网站开发者）的经验给出。
                            <br>
                            所有用户，若有更好网站可以推荐，请通过用户反馈页向网站运营维护者进行建议。
                        </p>
                    </div>
                </div>
            </div>
            <div class="panel panel-primary">
                <div class="panel-heading">
                    <div class="panel-title">校内新闻</div>
                </div>
                <div class="panel-body">
                    <div class="panel-info">
                        <p>
                            校内新闻，用于提供学习通知、关乎师生切身利益的事件、校园内重大事件等信息的及时发布和浏览。
                            出于时效性，所有新闻内容皆是简讯，及只描述时间地点和事件。新闻详细内容请关注学习媒体公众号，
                            或电话联系相关部门进行咨询。
                        </p>
                    </div>
                </div>
            </div>
            <div class="panel panel-primary">
                <div class="panel-heading">
                    <div class="panel-title">用户中心</div>
                </div>
                <div class="panel-body">
                    <div class="panel-info">
                        <p>
                            本功能模块涵盖本系统提供与用户身份信息相关的功能，主要有用户个人信息查看与更新、用户注册
                            、登陆密码修改、查看课程成绩、浏览与申请悬赏问题、公共聊天室、好友添加、好友目录、
                            好友申请验证。
                            <br>
                            悬赏问题就是将自己在学习和生活中遇到的自己想不出解决方法的问题发布到本系统，并提供相关报酬给
                            能够提供解决方法的用户。
                            <br>
                            公共聊天室，即群聊，任何登录本系统并进入聊天室的用户都可以在聊天室中收发信息，
                            信息内容不保留，即本系统提供的聊天室都是临时聊天功能，每次进入聊天室都没有历史消息。
                            <br>
                            好友添加与验证，用于私聊。只有位于用户好友目录中的，才可以彼此发起一个私聊聊天室，同样的，
                            也是临时聊天不提供消息记录保存功能。
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div id="after_sale">
    <div class="container">
        <ul>
            <li>
                <ol>
                    <li><a href="#">联系方式</a></li>
                    <li><a href="#">15014366986</a></li>
                    <li><a href="#">2923616405</a></li>
                    <li><a href="#">pyc852164</a></li>
                </ol>
            </li>
            <li>
                <ol>
                    <li><a href="#">关于我</a></li>
                    <li><a href="https://blog.csdn.net/qq_42896653">CSDN</a></li>
                    <li><a href="https://github.com/pyc-ycy">Github</a></li>
                    <li><a href="https://gitee.com/pengyoucongcode">Gitee</a></li>
                </ol>
            </li>
            <li>
                <ol>
                    <li>关于我</li>
                    <li>我的博客文章，</li>
                    <li>我的代码托管平台，</li>
                    <li>也是代码托管平台，</li>
                </ol>
            </li>
            <li>
                <ol>
                    <li>关于我</li>
                    <li>可以了解我的所学</li>
                    <li>可以看到我的开源代码</li>
                    <li>为避免Github访问不了</li>
                </ol>
            </li>
        </ul>
    </div>
</div>
<div id="footer">
    <div class="container">
        <p style="color: white;text-align: center;">
            @2020 御承扬Copyright&copy;2020-05-04
        </p>
    </div>
</div>
<div id="scroll">
    <div class="scrollItem" id="toTop">顶部</div>
    <div class="scrollItem" id="toBottom">底部</div>
</div>
<script type="text/javascript" src="../static/js/jquery-1.11.3.js"></script>
<script type="text/javascript" src="../static/js/oppo.js"></script>

</body>
</html>