Add publish.html & css

wang-qa · wang-qa · commit 4c922f854331 · 2020-03-26T16:40:17.000+08:00
diff --git a/README.md b/README.md
@@ -1,19 +1,23 @@
 # Spring boot
-练习资料
+练习参考资料
 >[Spring Boot 文档](https://spring.io/projects/spring-boot)
 >[Spring Web](https://spring.io/guides/gs/serving-web-content/)
 >[Bootstrap 前端框架](https://v3.bootcss.com/getting-started/#download)
+>[Bootstrap 样式表](https://v3.bootcss.com/css/)
 >[ES](https://elasticsearch.cn/explore)
 >[GitHub OAuth2](https://devoloper.github.com/aoos/building-oauth-apps/creating-an-oauth-app/)
 >[Okhttp](https://square.github.io/okhttp)
 >[Spring Mybaits](https://mybatis.org/mybatis-3/zh/index.html)
+>[Flyway Migration](https://flywaydb.org/getstarted/firststeps/maven)
 
 工具
->[Git](https://github.com)
->[Visual Paradigm](https://www.visual-paradigm.com)
+>代码版本管理[GitHub](https://github.com)
+>流程图[Visual Paradigm](https://www.visual-paradigm.com)
+>数据库版本脚本管理[Flyway Migration](https://flywaydb.org/getstarted/firststeps/maven)
 
 > # Git 使用
 > ```shell script
+> # Git 使用
 > git init # 初始化本地仓库
 > git add . # 添加当前目录文件
 > git state # 查看状态
@@ -34,12 +38,14 @@
 >
 
 ```markdown
-Creating the first migration
-We create the migration directory `src/main/resources/db/migration`
-Followed by a first migration called `src/main/resources/db/migration/V1__Create_person_table.sql`
+*Flyway Migration*
+创建第一次迁移
+> 创建迁移目录 `src/main/resources/db/migration`(目标文件路径)
+> 进行第一次迁移 `src/main/resources/db/migration/V1__Create_person_table.sql`(SQL语句)
+> 执行Flyway迁移数据库 `mvn flyway:migrate`(执行语句)
 ```
-## 数据库脚本
 
+## 数据库脚本
 ```sql
 table For H2
 -- ----------------------------
diff --git a/pom.xml b/pom.xml
@@ -93,7 +93,7 @@
                 <version>6.3.1</version>
                 <!-- flywaydb 数据库地址配置 -->
                 <configuration>
-                    <url>jdbc:h2:~\SqlServerDB\community.db</url>
+                    <url>jdbc:h2:D:\Users\LITSOFT\IdeaProjects\SqlDate\community.db</url>
                     <user>root</user>
                     <password>123456</password>
                 </configuration>
diff --git a/src/main/java/life/majiang/community/controller/IndexController.java b/src/main/java/life/majiang/community/controller/IndexController.java
@@ -29,7 +29,7 @@ public class IndexController {
     @GetMapping("/")
     public String index(HttpServletRequest request) {
         Cookie[] cookies = request.getCookies(); // 获取用户 cookie
-        if (cookies != null) {
+        if (cookies != null) {// 判断是用户 Cookie 是否为空
             for (Cookie cookie : cookies) {
                 if (cookie.getName().equals("token")) { // 检查 cookies_key是否为 token
                     String token = cookie.getValue();
diff --git a/src/main/resources/static/css/community.css b/src/main/resources/static/css/community.css
@@ -0,0 +1,13 @@
+body {
+    background-color: #c4e3f3;
+}
+
+.main {
+    background-color: white;
+    margin: 30px;
+}
+
+.btn-publish {
+    float: right;
+    margin-bottom: 15px;
+}
diff --git a/src/main/resources/templates/publish.html b/src/main/resources/templates/publish.html
@@ -1,20 +1,21 @@
 <!DOCTYPE html>
 <html lang="en">
+<link href="../static/css/community.css" rel="stylesheet">
 <html xmlns:th="http://www.thymeleaf.org">
 <head>
     <title>发布 - 麻酱社区</title>
     <meta charset="UTF-8" http-equiv="Content-Type"/>
     <link href="css/bootstrap.min.css" rel="stylesheet">
     <link href="css/bootstrap-theme.min.css" rel="stylesheet">
+    <link href="css/community.css" rel="stylesheet">
     <script src="js/bootstrap.min.js" type="application/javascript"></script>
 
 </head>
-<body>
 <nav class="navbar navbar-default">
     <div class="container-fluid">
-
         <div class="navbar-header">
-            <button aria-expanded="false" class="navbar-toggle collapsed" data-target="#bs-example-navbar-collapse-1"
+            <button aria-expanded="false" class="navbar-toggle collapsed"
+                    data-target="#bs-example-navbar-collapse-1"
                     data-toggle="collapse" type="button">
                 <span class="sr-only">麻酱社区</span>
             </button>
@@ -34,10 +35,10 @@
                 <!--如果不为空则展示,打印<li>整个节点-->
                 <li class="dropdown" th:if="${session.user != null }">
                     <!--th:text 替换整个标签a-->
-                    <a href="#" class="dropdown-toggle"
-                       aria-haspopup="true" data-toggle="dropdown"
-                       aria-expanded="false" role="button"
-                    th:text="${session.user.getName()}">个人信息<span class="caret"></span></a>
+                    <a aria-expanded="false" aria-haspopup="true"
+                       class="dropdown-toggle" data-toggle="dropdown"
+                       href="#" role="button"
+                       th:text="${session.user.getName()}">个人信息<span class="caret"></span></a>
                     <ul class="dropdown-menu">
                         <li><a href="#">消息中心</a></li>
                         <li><a href="#">个人资料</a></li>
@@ -47,16 +48,39 @@
                 <li th:if="${session.user == null}">
                     <a href="https://github.com/login/oauth/authorize?client_id=639f4c8d6441c6136b44&redirect_url=http://localhost:8080/callback&scope=user&state=1">登录</a>
                 </li>
-
             </ul>
         </div>
     </div>
-    <div class="container-fluid">
-        <div class="row">
-            <div class="col-lg-9 col-md-12 col-sm-12 col-xs-12" style="background-color: red"></div>
-            <div class="col-lg-3 col-md-12 col-sm-12 col-xs-12" style="background-color: green"> </div>
+</nav>
+<div class="container-fluid main">
+    <div class="row">
+        <div class="col-lg-9 col-md-12 col-sm-12 col-xs-12">
+            <h2><span aria-hidden="true" class="glyphicon glyphicon-plus"></span>发起</h2>
+            <hr>
+            <from action="">
+                <div class="form-group">
+                    <label for="titile">问题标题 (简明扼要):</label>
+                    <input class="form-control" id="titile" name="titile" placeholder="问题标题" type="text">
+                </div>
+                <div class="form-group">
+                    <label for="titile">问题补充 (必填 参考右侧提示):</label>
+                    <textarea class="form-control" cols="30" id="description" name="description"
+                              rows="30"></textarea>
+                </div>
+                <div class="form-group">
+                    <label for="titile">添加标签:</label>
+                    <input class="form-control" id="tag" name="tag" placeholder="输入标签 以，分隔" type="text">
+                </div>
+                <button class="btn btn-info btn-publish" type="submit">确认发布</button>
+            </from>
+        </div>
+        <div class="col-lg-3 col-md-12 col-sm-12 col-xs-12">
+            <h3>问题发起指南</h3>
+            • 问题标题: 请用精简的语言描述您发布的问题，不超过25字 <br>
+            • 问题补充: 详细补充您的问题内容，并确保问题描述清晰直观, 并提供一些相关的资料<br>
+            • 选择标签: 选择一个或者多个合适的标签，用逗号隔开，每个标签不超过10个字<br>
         </div>
     </div>
-</nav>
+</div>
 </body>
 </html>
