Help.html 15.7 KB
Newer Older
7
Modify  
7wc98#14 已提交
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107
<!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;
        }
        #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>
7
commit  
7wc98#14 已提交
108
            <li sec:authorize="hasRole('ROLE_USER')"><a href="/userCenter" style="color: red">用户中心</a>
7
Modify  
7wc98#14 已提交
109 110
            </li>
            <li sec:authorize="hasRole('ROLE_ADMIN')"><a href="/admin">网站管理</a></li>
7
commit  
7wc98#14 已提交
111
            <li sec:authorize="hasRole('ROLE_ADMIN')"><a href="/userCenter" style="color: red">用户中心</a>
7
Modify  
7wc98#14 已提交
112 113 114 115 116
            </li>
            <li><a href="/toHelp">帮助中心</a> </li>
        </ul>
    </div>
</div>
7
commit  
7wc98#14 已提交
117
<div class="container" style="margin-bottom: 10%">
7
Modify  
7wc98#14 已提交
118 119 120
    <div class="row">
        <div class="col-sm-4">
            <ul class="nav nav-pills nav-stacked">
7
Modify  
7wc98#14 已提交
121
                <li class="active"><a href="/toHelp">帮助中心</a> </li>
7
modify  
7wc98#14 已提交
122
                <li><a href="/toFeedBack">用户反馈</a> </li>
7
Modify  
7wc98#14 已提交
123 124 125 126
            </ul>
            <hr class="hidden-sm hidden-md hidden-lg">
        </div>
        <div class="col-md-8">
7
Modify  
7wc98#14 已提交
127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214
            <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>
7
Modify  
7wc98#14 已提交
215
        </div>
7
commit  
7wc98#14 已提交
216 217 218 219 220 221 222 223 224
    </div>
</div>
<link rel="stylesheet" href="../../static/css/footer.css">
<div class="footer-box">
    <div class="footer-container">
        <div class="footer-service clearfix">
            <div class="footer-service-item footer-icon-001">
                <i></i>
                <span>专注于后端开发</span>
7
modify  
7wc98#14 已提交
225
            </div>
7
commit  
7wc98#14 已提交
226 227 228 229 230 231 232 233 234 235 236
            <div class="footer-service-item footer-icon-002">
                <i></i>
                <span>扎实编程能力</span>
            </div>
            <div class="footer-service-item footer-icon-003">
                <i></i>
                <span>学习能力强</span>
            </div>
            <div class="footer-service-item footer-icon-004">
                <i></i>
                <span>掌握多门编程语言</span>
7
modify  
7wc98#14 已提交
237 238
            </div>
        </div>
7
commit  
7wc98#14 已提交
239 240 241 242 243 244 245 246 247 248 249 250 251 252 253 254 255 256 257 258 259 260 261 262 263 264 265 266 267 268 269 270 271 272 273 274 275 276 277 278 279 280 281 282 283 284 285 286 287 288 289 290 291 292 293 294 295 296 297 298 299 300 301 302 303 304 305 306 307 308 309 310 311 312
        <div class="footer-line"></div>
        <div class="footer-links clearfix">
            <dl class="footer-article-item">
                <dt>擅长编程语言</dt>
                <dd>
                    <a href="#">Java</a>
                </dd>
                <dd>
                    <a href="#">C/C++</a>
                </dd>
                <dd>
                    <a href="#">Python</a>
                </dd>
            </dl>
            <dl class="footer-article-item">
                <dt>关于开发者</dt>
                <dd>
                    <a href="https://blog.csdn.net/qq_42896653" target="_blank">CSDN博客</a>
                </dd>
                <dd>
                    <a href="#">专注后端</a>
                </dd>
                <dd>
                    <a href="#">兼为前端</a>
                </dd>
                <dd>
                    <a href="#">数据分析</a>
                </dd>
                <dd>
                    <a href="#">专业出身</a>
                </dd>
                <dd>
                    <a href="https://blog.csdn.net/qq_42896653" target="_blank">联系我</a>
                </dd>
            </dl>
            <dl class="footer-article-item">
                <dt>擅长领域</dt>
                <dd>
                    <a href="#">Java Web</a>
                </dd>
                <dd>
                    <a href="#">MFC客户端</a>
                </dd>
                <dd>
                    <a href="#">PyQT5</a>
                </dd>
                <dd>
                    <a href="#">Python 数据分析</a>
                </dd>
                <dd>
                    <a href="#">C/C++ 数据结构</a>
                </dd>
                <dd>
                    <a href="#">Java 后端</a>
                </dd>
            </dl>
            <dl class="footer-article-item">
                <dt>其他</dt>
                <dd>
                    <a href="https://blog.csdn.net/qq_42896653" target="_blank">博客地址</a>
                </dd>
                <dd>
                    <a href=" https://github.com/pyc-ycy">Github</a>
                </dd>
                <dd>
                    <a href="https://gitee.com/pengyoucongcode">Gitee</a>
                </dd>
            </dl>
            <dl class="footer-contact-item">
                <h3>联系我们</h3>
                <p>150-14366986</p>
                <div class="footer-ewm">
                    <img src="images/vm.png" alt="">
                    <p>关注CSDN博客</p>
7
modify  
7wc98#14 已提交
313
                </div>
7
commit  
7wc98#14 已提交
314 315 316 317 318 319 320 321 322 323 324 325 326 327 328 329 330 331 332 333 334 335 336 337 338 339 340 341 342 343 344 345 346 347 348 349 350 351 352 353 354 355 356
            </dl>
        </div>
        <div class="footer-friend">
            <div class="footer-friend-title">友情链接:</div>
            <ul class="footer-friend-title-list clearfix">
                <li>
                    <a href="http://www.baidu.com" target="_blank">百度一下</a>
                </li>
                <li>
                    <a href="https://www.runoob.com/" target="_blank">菜鸟教程</a>
                </li>
                <li>
                    <a href="https://mvnrepository.com/" target="_blank">Maven中心仓库</a>
                </li>
                <li>
                    <a href="https://www.bilibili.com/" target="_blank">B站</a>
                </li>
                <li>
                    <a href="http://c.biancheng.net/" target="_blank">C语言中文网</a>
                </li>
                <li>
                    <a href="https://www.w3school.com.cn/" target="_blank">W3Cschool</a>
                </li>
                <li>
                    <a href="https://www.runoob.com/linux/linux-tutorial.html" target="_blank">Linux学习</a>
                </li>
                <li>
                    <a href="https://www.runoob.com/bootstrap/bootstrap-tutorial.html" target="_blank">Bootstrap学习</a>
                </li>
                <li>
                    <a href="https://cn.vuejs.org/" target="_blank">Vuejs</a>
                </li>
            </ul>
            <a href="#" class="footer-friend-more">更多 >></a>
        </div>
        <div class="footer-copyright">
            <p>© 2017-2021 (彭友聪) 开发,并保留所有权利&nbsp;&nbsp;&nbsp;常年法律顾问: (深圳)律师事务所</p>
            <p>
                陆丰市河西街道xxxxx&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                <a href="#">
                    <img src="images/icon-footer.png" alt="">**网安备 0008899999xxxx号
                </a>
            </p>
7
modify  
7wc98#14 已提交
357
        </div>
7
Modify  
7wc98#14 已提交
358 359 360 361 362 363 364 365 366 367 368
    </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>