代码INIT,修改基本框架

This commit is contained in:
limqhz
2022-05-01 22:41:10 +08:00
parent 3fdb3799ff
commit 5e12c34a3d
63 changed files with 189 additions and 119 deletions

View File

@@ -2,9 +2,9 @@
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<footer class="container" th:fragment="footer">
<footer class="my-5 text-muted text-center text-small">
<p class="mb-1">© 遇见狂神说</p>
<footer class="my-5 text-muted text-center text-smal">
<p class="mb-1">©QUINN</p><a class="btn btn-default" target="_blank" href = 'https://beian.miit.gov.cn'>浙ICP备2020031991号</a>
</footer>
</footer>
</html>
</html>

View File

@@ -32,6 +32,9 @@
<li th:class="${activeUrl=='say'?'nav-item active':'nav-item'}">
<a class="nav-link" th:href="@{/say}">公告 </a>
</li>
<li th:class="${activeUrl=='about'?'nav-item active':'nav-item'}">
<a class="nav-link" th:href="@{/about}">关于 </a>
</li>
</ul>
<!--如果未登录-->

View File

@@ -13,9 +13,9 @@
<main role="main">
<div class="jumbotron" style="background-color: #ffffff;box-shadow: 0px -2px 10px #d0cccc inset;">
<div class="container">
<h1 class="display-3">狂神の小社区 <small style="font-size: 20px;">供社群内部人员使用,打造我们自己的圈子!</small></h1>
<h1 class="display-3">资源分享 <small style="font-size: 20px;">社区用户资源分享</small></h1>
<p style="margin-top: 2rem;">
狂神の小社区致力于帮助更多在学习编程路上的小伙伴解决学习问题,提供高质量的教程,输出高质量的博文,在这里你可以交到很多朋友,学习到更多的知识,即使再小的帆也能远航!
我们致力于提供免费资源,大家可以从该平台获取资源,大家可以一起整理汇总。
</p>
<p>
<a target="_blank" href="https://space.bilibili.com/95256449/article" class="btn btn-primary btn-lg" role="button">了解更多 »</a>
@@ -28,18 +28,18 @@
<div class="row">
<div class="col-md-4">
<h2>问答</h2>
<p> 提供高质量的问答服务,致力于解决社区中小伙伴们遇到的问题,并给出解决方案,做到学有所伴,问有所答!</p>
<p> 提供一些系统的建议,或者问题,或者建议!问有所答,您的答案是我们的前进的动力! </p>
<p><a th:href="@{/question}" class="btn btn-secondary" role="button">前往 »</a></p>
</div>
<div class="col-md-4">
<h2>博客</h2>
<p> 给社群小伙伴提供记录自己学习的地方,推出个人博客,优化博客样式,更加方便的管理和展现文章,同时优质的文章会被更多的人看到 </p>
<h2>讨论</h2>
<p> 提供玩家共享资源信息,打造整体更出色的游戏体验 </p>
<p><a th:href="@{/blog}" class="btn btn-secondary" role="button">前往 »</a></p>
</div>
<div class="col-md-4">
<h2>教程</h2>
<p> 很多时候,小伙伴找不到具体的学习流程,导致浪费了很多的时间,所以列出教程给大家规划学习路线,让大家能够少走弯路,高效的学习!</p>
<p><a target="_blank" href="https://space.bilibili.com/95256449/channel/index" class="btn btn-secondary" role="button">前往 »</a></p>
<h2>资源</h2>
<p> 提供用户免费游戏资源,请各位玩家免费获取!分享心得! </p>
<p><a th:href="@{/download}" class="btn btn-secondary" role="button">前往 »</a></p>
</div>
</div>

View File

@@ -29,7 +29,7 @@
<a th:href="@{/register}" class="float-right">没有账号?去注册</a>
</p>
<p class="mt-5 mb-3 text-muted">© 遇见狂神说</p>
<p class="mt-5 mb-3 text-muted">© limqsh</p>
</form>

View File

@@ -0,0 +1,67 @@
<!doctype html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>关于我们-Quinn</title>
<link rel="stylesheet" th:href="@{/bootstrap/css/bootstrap.min.css}">
<link rel="stylesheet" th:href="@{/css/timeline.css}">
</head>
<body>
<div th:replace="~{common/header::header(activeUrl='about')}"></div>
<main role="main">
<div class="container">
<div th:if="${session.loginUser.getRoleId()==1}"
class="col-md-12 blog-main" style="margin-top: 20px">
<form th:action="@{'/about/'+${session.loginUser.getRoleId()}}" method="post">
<div class="col-md-12 mb-3">
<label>标题</label>
<input type="text" name="title" class="form-control" value="" required>
</div>
<div class="col-md-12 mb-3">
<label>内容</label>
<div id="blog-content">
<textarea required name="content" rows="3" class="form-control"> </textarea>
</div>
</div>
<div class="col-md-12 mb-3">
<button type="submit" class="btn btn-primary btn-sm btn-block">发布闲记</button>
</div>
</form>
</div>
<!-- 主要内容部分 -->
<div class="timeline-small">
<div class="timeline-small-body">
<ul>
<li th:each="about:${aboutList}">
<div class="bullet green"></div>
<div class="desc">
<h3>
[[${about.getTitle()}]]
<small class="float-right" th:text="${#dates.format(about.getGmtCreate(),'yyyy-MM-dd')}"></small>
</h3>
<h4 th:utext="${about.getContent()}"></h4>
</div>
</li>
</ul>
<p class="text-center" style="color: #1F4661"> ...... </p>
</div>
</div>
</div>
</main>
<div th:replace="~{common/footer::footer}"></div>
<a class="to-top">返回顶部</a>
<script th:src="@{/js/jquery-3.5.1.min.js}"></script>
<script th:src="@{/bootstrap/js/bootstrap.bundle.min.js}"></script>
<script th:src="@{/js/toTop.js}"></script>
</body>
</html>

View File

@@ -3,7 +3,7 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>狂神说-Quinn</title>
<title>公告-Quinn</title>
<link rel="stylesheet" th:href="@{/bootstrap/css/bootstrap.min.css}">
<link rel="stylesheet" th:href="@{/css/timeline.css}">
</head>

View File

@@ -26,7 +26,7 @@
<a th:href="@{/toLogin}" class="float-right">已有账号?去登录</a>
</p>
<p class="mt-5 mb-3 text-muted">© 遇见狂神说</p>
<p class="mt-5 mb-3 text-muted">© limqsh</p>
</form>

View File

@@ -29,7 +29,7 @@
<div class="row">
<div class="col-md-6 mb-3">
<label for="nickname">用户昵称</label>
<input type="text" th:value="${userInfo.getNickname()}" name="nickname" class="form-control" id="nickname" placeholder="遇见狂神说" required="">
<input type="text" th:value="${userInfo.getNickname()}" name="nickname" class="form-control" id="nickname" placeholder="limqsh" required="">
</div>
<div class="col-md-6 mb-3">
<label for="realname">真实姓名</label>
@@ -40,7 +40,7 @@
<div class="row">
<div class="col-md-6 mb-3">
<label for="qq">QQ</label>
<input type="text" th:value="${userInfo.getQq()}" name="qq" class="form-control" id="qq" placeholder="遇见狂神说" required="">
<input type="text" th:value="${userInfo.getQq()}" name="qq" class="form-control" id="qq" placeholder="limqsh" required="">
</div>
<div class="col-md-6 mb-3">
<label for="wechat">WeChat</label>