完成

.idea/inspectionProfiles/Project_Default.xml

@@ -0,0 +1,15 @@
+<component name="InspectionProjectProfileManager">
+  <profile version="1.0">
+    <option name="myName" value="Project Default" />
+    <inspection_tool class="HtmlUnknownAttribute" enabled="true" level="WARNING" enabled_by_default="true">
+      <option name="myValues">
+        <value>
+          <list size="1">
+            <item index="0" class="java.lang.String" itemvalue="th:text" />
+          </list>
+        </value>
+      </option>
+      <option name="myCustomValuesEnabled" value="true" />
+    </inspection_tool>
+  </profile>
+</component>

.idea/workspace.xml

@@ -1,12 +1,37 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <project version="4">
   <component name="ChangeListManager">
-    <list default="true" id="c5a24e7a-e8cf-45f7-8d0b-25810e3d773a" name="默认更改列表" comment="" />
+    <list default="true" id="c5a24e7a-e8cf-45f7-8d0b-25810e3d773a" name="默认更改列表" comment="">
+      <change afterPath="$PROJECT_DIR$/.idea/inspectionProfiles/Project_Default.xml" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/sso-login/src/main/java/com/sso/login/controller/ViewController.java" beforeDir="false" afterPath="$PROJECT_DIR$/sso-login/src/main/java/com/sso/login/controller/ViewController.java" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/sso-login/src/main/resources/templates/login.html" beforeDir="false" afterPath="$PROJECT_DIR$/sso-login/src/main/resources/templates/login.html" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/sso-login/target/classes/com/sso/login/controller/ViewController.class" beforeDir="false" afterPath="$PROJECT_DIR$/sso-login/target/classes/com/sso/login/controller/ViewController.class" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/sso-login/target/classes/templates/login.html" beforeDir="false" afterPath="$PROJECT_DIR$/sso-login/target/classes/templates/login.html" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/sso-main/src/main/resources/templates/index.html" beforeDir="false" afterPath="$PROJECT_DIR$/sso-main/src/main/resources/templates/index.html" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/sso-main/target/classes/templates/index.html" beforeDir="false" afterPath="$PROJECT_DIR$/sso-main/target/classes/templates/index.html" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/sso-vip/src/main/resources/templates/index.html" beforeDir="false" afterPath="$PROJECT_DIR$/sso-vip/src/main/resources/templates/index.html" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/sso-vip/target/classes/templates/index.html" beforeDir="false" afterPath="$PROJECT_DIR$/sso-vip/target/classes/templates/index.html" afterDir="false" />
+    </list>
     <option name="SHOW_DIALOG" value="false" />
     <option name="HIGHLIGHT_CONFLICTS" value="true" />
     <option name="HIGHLIGHT_NON_ACTIVE_CHANGELIST" value="false" />
     <option name="LAST_RESOLUTION" value="IGNORE" />
   </component>
+  <component name="DatabaseView">
+    <option name="SHOW_INTERMEDIATE" value="true" />
+    <option name="GROUP_DATA_SOURCES" value="true" />
+    <option name="GROUP_SCHEMA" value="true" />
+    <option name="GROUP_CONTENTS" value="false" />
+    <option name="SORT_POSITIONED" value="false" />
+    <option name="SHOW_EMPTY_GROUPS" value="false" />
+    <option name="AUTO_SCROLL_FROM_SOURCE" value="false" />
+    <option name="HIDDEN_KINDS">
+      <set />
+    </option>
+    <expand />
+    <select />
+  </component>
   <component name="FileTemplateManagerImpl">
     <option name="RECENT_TEMPLATES">
       <list>
@@ -35,7 +60,7 @@
     <property name="WebServerToolWindowFactoryState" value="false" />
     <property name="aspect.path.notification.shown" value="true" />
     <property name="jdk.selected.JAVA_MODULE" value="1.8" />
-    <property name="last_opened_file_path" value="$PROJECT_DIR$/sso-login/src/main/java/com/sso/login/controller" />
+    <property name="last_opened_file_path" value="$PROJECT_DIR$/sso-vip/src/main/resources/templates" />
     <property name="node.js.detected.package.eslint" value="true" />
     <property name="node.js.detected.package.tslint" value="true" />
     <property name="node.js.path.for.package.eslint" value="project" />
@@ -48,18 +73,20 @@
     <property name="settings.editor.selected.configurable" value="reference.projectsettings.compiler.annotationProcessors" />
   </component>
   <component name="RecentsManager">
-    <key name="CopyFile.RECENT_KEYS">
-      <recent name="E:\Idea\sso-web\sso-login\src\main\java\com\sso\login\controller" />
-      <recent name="E:\Idea\sso-web\sso-login\src\main\java\com\sso\login\utils" />
-      <recent name="E:\Idea\sso-web\sso-vip\src\main\resources\templates" />
-      <recent name="E:\Idea\sso-web\sso-vip\src\main\resources" />
-      <recent name="E:\Idea\sso-web\sso-main\src\main\resources" />
-    </key>
     <key name="MoveFile.RECENT_KEYS">
+      <recent name="E:\Idea\202012G03\sso-login\src\main\resources\templates" />
+      <recent name="E:\Idea\202012G03\sso-main\src\main\resources\templates" />
       <recent name="E:\Idea\sso-web\sso-login\src\main\resources\templates" />
       <recent name="E:\Idea\sso-web\sso-login\src\main\resources\static" />
       <recent name="E:\Idea\sso-web\sso-login\webapp" />
     </key>
+    <key name="CopyFile.RECENT_KEYS">
+      <recent name="E:\Idea\202012G03\sso-vip\src\main\resources\templates" />
+      <recent name="E:\Idea\202012G03\sso-main\src\main\resources\templates" />
+      <recent name="E:\Idea\202012G03\sso-login\src\main\resources\templates" />
+      <recent name="E:\Idea\sso-web\sso-login\src\main\java\com\sso\login\controller" />
+      <recent name="E:\Idea\sso-web\sso-login\src\main\java\com\sso\login\utils" />
+    </key>
   </component>
   <component name="RunManager" selected="Spring Boot.VipApp">
     <configuration name="LoginApp" type="SpringBootApplicationConfigurationType" factoryName="Spring Boot" temporary="true" nameIsGenerated="true">
@@ -111,8 +138,8 @@
     <recent_temporary>
       <list>
         <item itemvalue="Spring Boot.VipApp" />
-        <item itemvalue="Spring Boot.MainApp" />
         <item itemvalue="Spring Boot.LoginApp" />
+        <item itemvalue="Spring Boot.MainApp" />
       </list>
     </recent_temporary>
   </component>
@@ -128,6 +155,11 @@
       <updated>1608597448224</updated>
       <workItem from="1608597450909" duration="10657000" />
       <workItem from="1608614660628" duration="4822000" />
+      <workItem from="1608684483801" duration="892000" />
+      <workItem from="1608686917433" duration="3703000" />
+      <workItem from="1608702048888" duration="977000" />
+      <workItem from="1608703071936" duration="893000" />
+      <workItem from="1608770139642" duration="1163000" />
     </task>
     <servers />
   </component>
@@ -147,10 +179,10 @@
       <screen x="0" y="0" width="1920" height="1050" />
     </state>
     <state x="1189" y="441" key="#com.intellij.javaee.module.view.web.EditWebRootDialog/0.0.1920.1050@0.0.1920.1050" timestamp="1608599443382" />
-    <state x="1170" y="277" key="#com.intellij.refactoring.safeDelete.UnsafeUsagesDialog" timestamp="1608603344267">
+    <state x="1170" y="277" key="#com.intellij.refactoring.safeDelete.UnsafeUsagesDialog" timestamp="1608770503232">
       <screen x="0" y="0" width="1920" height="1050" />
     </state>
-    <state x="1170" y="277" key="#com.intellij.refactoring.safeDelete.UnsafeUsagesDialog/0.0.1920.1050@0.0.1920.1050" timestamp="1608603344267" />
+    <state x="1170" y="277" key="#com.intellij.refactoring.safeDelete.UnsafeUsagesDialog/0.0.1920.1050@0.0.1920.1050" timestamp="1608770503232" />
     <state x="1032" y="189" key="#项目结构" timestamp="1608616244825">
       <screen x="0" y="0" width="1920" height="1050" />
     </state>
@@ -159,38 +191,38 @@
       <screen x="0" y="0" width="1920" height="1050" />
     </state>
     <state x="1154" y="286" key="FileChooserDialogImpl/0.0.1920.1050@0.0.1920.1050" timestamp="1608599626317" />
-    <state width="1877" height="282" key="GridCell.Tab.0.bottom" timestamp="1608684639714">
+    <state width="1877" height="282" key="GridCell.Tab.0.bottom" timestamp="1608770693026">
       <screen x="0" y="0" width="1920" height="1050" />
     </state>
-    <state width="1877" height="282" key="GridCell.Tab.0.bottom/0.0.1920.1050@0.0.1920.1050" timestamp="1608684639714" />
-    <state width="1877" height="282" key="GridCell.Tab.0.center" timestamp="1608684639713">
+    <state width="1877" height="282" key="GridCell.Tab.0.bottom/0.0.1920.1050@0.0.1920.1050" timestamp="1608770693026" />
+    <state width="1877" height="282" key="GridCell.Tab.0.center" timestamp="1608770693026">
       <screen x="0" y="0" width="1920" height="1050" />
     </state>
-    <state width="1877" height="282" key="GridCell.Tab.0.center/0.0.1920.1050@0.0.1920.1050" timestamp="1608684639713" />
-    <state width="1877" height="282" key="GridCell.Tab.0.left" timestamp="1608684639713">
+    <state width="1877" height="282" key="GridCell.Tab.0.center/0.0.1920.1050@0.0.1920.1050" timestamp="1608770693026" />
+    <state width="1877" height="282" key="GridCell.Tab.0.left" timestamp="1608770693026">
       <screen x="0" y="0" width="1920" height="1050" />
     </state>
-    <state width="1877" height="282" key="GridCell.Tab.0.left/0.0.1920.1050@0.0.1920.1050" timestamp="1608684639713" />
-    <state width="1877" height="282" key="GridCell.Tab.0.right" timestamp="1608684639714">
+    <state width="1877" height="282" key="GridCell.Tab.0.left/0.0.1920.1050@0.0.1920.1050" timestamp="1608770693026" />
+    <state width="1877" height="282" key="GridCell.Tab.0.right" timestamp="1608770693026">
       <screen x="0" y="0" width="1920" height="1050" />
     </state>
-    <state width="1877" height="282" key="GridCell.Tab.0.right/0.0.1920.1050@0.0.1920.1050" timestamp="1608684639714" />
-    <state width="1877" height="282" key="GridCell.Tab.1.bottom" timestamp="1608684639714">
+    <state width="1877" height="282" key="GridCell.Tab.0.right/0.0.1920.1050@0.0.1920.1050" timestamp="1608770693026" />
+    <state width="1877" height="282" key="GridCell.Tab.1.bottom" timestamp="1608770693026">
       <screen x="0" y="0" width="1920" height="1050" />
     </state>
-    <state width="1877" height="282" key="GridCell.Tab.1.bottom/0.0.1920.1050@0.0.1920.1050" timestamp="1608684639714" />
-    <state width="1877" height="282" key="GridCell.Tab.1.center" timestamp="1608684639714">
+    <state width="1877" height="282" key="GridCell.Tab.1.bottom/0.0.1920.1050@0.0.1920.1050" timestamp="1608770693026" />
+    <state width="1877" height="282" key="GridCell.Tab.1.center" timestamp="1608770693026">
       <screen x="0" y="0" width="1920" height="1050" />
     </state>
-    <state width="1877" height="282" key="GridCell.Tab.1.center/0.0.1920.1050@0.0.1920.1050" timestamp="1608684639714" />
-    <state width="1877" height="282" key="GridCell.Tab.1.left" timestamp="1608684639714">
+    <state width="1877" height="282" key="GridCell.Tab.1.center/0.0.1920.1050@0.0.1920.1050" timestamp="1608770693026" />
+    <state width="1877" height="282" key="GridCell.Tab.1.left" timestamp="1608770693026">
       <screen x="0" y="0" width="1920" height="1050" />
     </state>
-    <state width="1877" height="282" key="GridCell.Tab.1.left/0.0.1920.1050@0.0.1920.1050" timestamp="1608684639714" />
-    <state width="1877" height="282" key="GridCell.Tab.1.right" timestamp="1608684639714">
+    <state width="1877" height="282" key="GridCell.Tab.1.left/0.0.1920.1050@0.0.1920.1050" timestamp="1608770693026" />
+    <state width="1877" height="282" key="GridCell.Tab.1.right" timestamp="1608770693026">
       <screen x="0" y="0" width="1920" height="1050" />
     </state>
-    <state width="1877" height="282" key="GridCell.Tab.1.right/0.0.1920.1050@0.0.1920.1050" timestamp="1608684639714" />
+    <state width="1877" height="282" key="GridCell.Tab.1.right/0.0.1920.1050@0.0.1920.1050" timestamp="1608770693026" />
     <state x="880" y="103" key="SettingsEditor" timestamp="1608599446226">
       <screen x="0" y="0" width="1920" height="1050" />
     </state>

sso-login/src/main/java/com/sso/login/controller/ViewController.java

@@ -2,10 +2,8 @@ package com.sso.login.controller;
 
 import com.sso.login.pojo.User;
 import com.sso.login.utils.LogCacheUtil;
-import org.springframework.boot.web.servlet.server.Session;
 import org.springframework.stereotype.Controller;
 import org.springframework.web.bind.annotation.CookieValue;
-import org.springframework.web.bind.annotation.GetMapping;
 import org.springframework.web.bind.annotation.RequestMapping;
 import org.springframework.web.bind.annotation.RequestParam;
 import org.thymeleaf.util.StringUtils;

sso-login/src/main/resources/templates/login.html

@@ -1,16 +1,140 @@
 <!DOCTYPE html>
 <html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
-<head>
-    <meta charset="UTF-8">
-    <title>welcome login</title>
-</head>
-<body>
-    <h1>欢迎进入登录界面</h1>
-    <p style="color: red;" th:text="${session.msg}"></p>
-    <form action="/login" method="post">
-        用户名：<input type="text" value="" name="username"><br>
-        密码：<input type="password" value="" name="password"><br>
-        <button type="submit">登录</button>
-    </form>
-</body>
-</html>
+<head>  
+    <meta charset="UTF-8">  
+    <title>Login</title>  
+    <link rel="stylesheet" type="text/css" href="Login.css"/>  
+
+<style type="text/css">
+
+html{   
+    width: 100%;   
+    height: 100%;   
+    overflow: hidden;   
+    font-style: sans-serif;   
+} 
+
+body{   
+    width: 100%;   
+    height: 100%;   
+    font-family: 'Open Sans',sans-serif;   
+    margin: 0;   
+    background-color: #2b2727;   
+} 
+
+#login{   
+    position: absolute;   
+    top: 50%;   
+    left:50%;   
+    margin: -150px 0 0 -250px;
+    width: 500px; 
+    height: 350px; 
+    background-color: #504b4b;  
+}   
+
+#login h1{   
+    color: #fff;   
+    text-shadow:0 0 10px;   
+    letter-spacing: 1px;   
+    text-align: center;   
+} 
+
+
+h1{   
+    font-size: 2em;   
+    margin: 0.67em 0;   
+}  
+
+
+input{   
+    width: 278px;   
+    height: 18px;   
+    margin-bottom: 10px;   
+    outline: none;   
+    padding: 10px;   
+    font-size: 13px;   
+    color: #fff;   
+    text-shadow:1px 1px 1px;   
+    border-top: 1px solid #312E3D;   
+    border-left: 1px solid #312E3D;   
+    border-right: 1px solid #312E3D;   
+    border-bottom: 1px solid #56536A;   
+    border-radius: 4px;   
+    background-color: #2D2D3F;   
+}   
+.but{
+    width: 300px;   
+    min-height: 20px;   
+    display: block;   
+    background-color: #e9982f;   
+    border: 1px solid #e9982f;   
+    color: rgb(0, 0, 0);   
+    padding: 9px 14px;   
+    font-size: 20px;   
+    line-height: normal;   
+    border-radius: 5px;   
+    margin: 0;   
+    font-weight: bold;
+}  
+
+.smile{
+
+margin:320px auto;
+
+width: 80px;
+
+height: 80px;
+
+font-size: 80px;
+
+animation: action 6s linear infinite;
+
+color:white;
+
+}
+
+@keyframes action {
+
+from {
+
+transform: rotate(0deg) translate(300px,80px) rotate(0deg);
+
+}
+
+to {
+
+transform: rotate(360deg) translate(300px,80px) rotate(-360deg);
+
+}
+
+}
+
+
+
+</style>
+</head> 
+
+<body> 
+
+
+    <div id="login">  
+        <h1>Login</h1>
+        <form method="post" action="/login">
+            <input style="margin:20px 20px 20px 100px;" type="text" value="" name="username" placeholder="用户名"></input>
+            <input style="margin:20px 20px 20px 100px;" type="password" name="password" value="" placeholder="密码"></input>
+            <p style="color: rgb(247, 240, 240);" th:text="${session.msg}"></p>
+            <button style="margin:20px 20px 20px 100px;" class="but" type="submit">登录</button>  
+        </form>  
+    </div>
+
+    <div class="smile">☺</div>
+<script type="text/javascript">
+for (var i=0;i<5;i++) {
+setTimeout(()=>{
+console.log(i)
+},1000*i)
+}
+</script>
+
+</body>  
+</html>  

sso-login/target/classes/templates/login.html

@@ -1,16 +1,140 @@
 <!DOCTYPE html>
 <html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
-<head>
-    <meta charset="UTF-8">
-    <title>welcome login</title>
-</head>
-<body>
-    <h1>欢迎进入登录界面</h1>
-    <p style="color: red;" th:text="${session.msg}"></p>
-    <form action="/login" method="post">
-        用户名：<input type="text" value="" name="username"><br>
-        密码：<input type="password" value="" name="password"><br>
-        <button type="submit">登录</button>
-    </form>
-</body>
-</html>
+<head>  
+    <meta charset="UTF-8">  
+    <title>Login</title>  
+    <link rel="stylesheet" type="text/css" href="Login.css"/>  
+
+<style type="text/css">
+
+html{   
+    width: 100%;   
+    height: 100%;   
+    overflow: hidden;   
+    font-style: sans-serif;   
+} 
+
+body{   
+    width: 100%;   
+    height: 100%;   
+    font-family: 'Open Sans',sans-serif;   
+    margin: 0;   
+    background-color: #2b2727;   
+} 
+
+#login{   
+    position: absolute;   
+    top: 50%;   
+    left:50%;   
+    margin: -150px 0 0 -250px;
+    width: 500px; 
+    height: 350px; 
+    background-color: #504b4b;  
+}   
+
+#login h1{   
+    color: #fff;   
+    text-shadow:0 0 10px;   
+    letter-spacing: 1px;   
+    text-align: center;   
+} 
+
+
+h1{   
+    font-size: 2em;   
+    margin: 0.67em 0;   
+}  
+
+
+input{   
+    width: 278px;   
+    height: 18px;   
+    margin-bottom: 10px;   
+    outline: none;   
+    padding: 10px;   
+    font-size: 13px;   
+    color: #fff;   
+    text-shadow:1px 1px 1px;   
+    border-top: 1px solid #312E3D;   
+    border-left: 1px solid #312E3D;   
+    border-right: 1px solid #312E3D;   
+    border-bottom: 1px solid #56536A;   
+    border-radius: 4px;   
+    background-color: #2D2D3F;   
+}   
+.but{
+    width: 300px;   
+    min-height: 20px;   
+    display: block;   
+    background-color: #e9982f;   
+    border: 1px solid #e9982f;   
+    color: rgb(0, 0, 0);   
+    padding: 9px 14px;   
+    font-size: 20px;   
+    line-height: normal;   
+    border-radius: 5px;   
+    margin: 0;   
+    font-weight: bold;
+}  
+
+.smile{
+
+margin:320px auto;
+
+width: 80px;
+
+height: 80px;
+
+font-size: 80px;
+
+animation: action 6s linear infinite;
+
+color:white;
+
+}
+
+@keyframes action {
+
+from {
+
+transform: rotate(0deg) translate(300px,80px) rotate(0deg);
+
+}
+
+to {
+
+transform: rotate(360deg) translate(300px,80px) rotate(-360deg);
+
+}
+
+}
+
+
+
+</style>
+</head> 
+
+<body> 
+
+
+    <div id="login">  
+        <h1>Login</h1>
+        <form method="post" action="/login">
+             <input style="margin:20px 20px 20px 100px;" type="text" value="" name="username" placeholder="用户名"></input>
+            <input style="margin:20px 20px 20px 100px;" type="password" name="password" value="" placeholder="密码"></input>
+            <p style="color: rgb(247, 240, 240);" th:text="${session.msg}"></p>
+            <button style="margin:20px 20px 20px 100px;" class="but" type="submit">登录</button>  
+        </form>  
+    </div>
+
+    <div class="smile">☺</div>
+<script type="text/javascript">
+for (var i=0;i<5;i++) {
+setTimeout(()=>{
+console.log(i)
+},1000*i)
+}
+</script>
+
+</body>  
+</html>  

sso-main/src/main/resources/templates/index.html

@@ -1,17 +1,106 @@
 <!DOCTYPE html>
 <html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
-<head>
-    <meta charset="UTF-8">
-    <title>index</title>
-</head>
-<body>
-    <h1>这是主页</h1>
-    <span>
-        <a th:if="${session.loginUser==null}" href="http://login.codeshop.com/view/login?target=http://www.codeshop.com/view/main">登录</a>
+<head>  
+    <meta charset="UTF-8">  
+    <title>Login</title>  
+    <link rel="stylesheet" type="text/css" href="Login.css"/>  
+
+<style type="text/css">
+
+
+html{   
+    width: 100%;   
+    height: 100%;   
+    overflow: hidden;   
+    font-style: sans-serif;   
+} 
+
+body{   
+    width: 100%;   
+    height: 100%;   
+    font-family: 'Open Sans',sans-serif;   
+    margin: 0;   
+    background-color: #2b2727;   
+} 
+
+#login{   
+    position: absolute;   
+    top: 50%;   
+    left:50%;   
+    margin: -150px 0 0 -250px;
+    width: 500px; 
+    height: 200px; 
+    background-color: #504b4b;  
+}   
+
+#login h1{   
+    color: #fff;   
+    text-shadow:0 0 10px;   
+    letter-spacing: 1px;   
+    text-align: center;   
+} 
+
+
+h1{   
+    font-size: 2em;   
+    margin: 0.67em 0;   
+}  
+
+
+input{   
+    width: 278px;   
+    height: 18px;   
+    margin-bottom: 10px;   
+    outline: none;   
+    padding: 10px;   
+    font-size: 13px;   
+    color: #fff;   
+    text-shadow:1px 1px 1px;   
+    border-top: 1px solid #312E3D;   
+    border-left: 1px solid #312E3D;   
+    border-right: 1px solid #312E3D;   
+    border-bottom: 1px solid #56536A;   
+    border-radius: 4px;   
+    background-color: #2D2D3F;   
+}   
+.but{
+    width: 300px;   
+    min-height: 20px;   
+    display: block;   
+    background-color: #e9982f;   
+    border: 1px solid #e9982f;   
+    color: rgb(0, 0, 0);   
+    padding: 9px 14px;   
+    font-size: 20px;   
+    line-height: normal;   
+    border-radius: 5px;   
+    margin: 0;   
+    font-weight: bold;
+}  
+
+</style>
+</head> 
+
+<body> 
+
+    <div id="login">
+        <h1>
+            <p>这是主页</p>
+
+        <span >
+        <a th:if="${session.loginUser==null}" href="http://login.codeshop.com/view/login?target=http://www.codeshop.com/view/main" style="text-decoration:none; color: #e9982f;">登录</a>
     </span>
 
-<p th:unless="${session.loginUser==null}">
-    <span style="color: aqua" th:text="${session.loginUser.username}"></span> 已登录
-</p>
-</body>
-</html>
+</h1>
+    
+        <h1>
+        <p th:unless="${session.loginUser==null}">
+             <span style="color: aqua" th:text="${session.loginUser.username}"></span>已登录
+        </p>
+        </h1>
+
+    </div>
+
+    
+</body>  
+</html>  

sso-main/target/classes/templates/index.html

@@ -1,17 +1,106 @@
 <!DOCTYPE html>
 <html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
-<head>
-    <meta charset="UTF-8">
-    <title>index</title>
-</head>
-<body>
-    <h1>这是主页</h1>
-    <span>
-        <a th:if="${session.loginUser==null}" href="http://login.codeshop.com/view/login?target=http://www.codeshop.com/view/main">登录</a>
+<head>  
+    <meta charset="UTF-8">  
+    <title>Login</title>  
+    <link rel="stylesheet" type="text/css" href="Login.css"/>  
+
+<style type="text/css">
+
+
+html{   
+    width: 100%;   
+    height: 100%;   
+    overflow: hidden;   
+    font-style: sans-serif;   
+} 
+
+body{   
+    width: 100%;   
+    height: 100%;   
+    font-family: 'Open Sans',sans-serif;   
+    margin: 0;   
+    background-color: #2b2727;   
+} 
+
+#login{   
+    position: absolute;   
+    top: 50%;   
+    left:50%;   
+    margin: -150px 0 0 -250px;
+    width: 500px; 
+    height: 200px; 
+    background-color: #504b4b;  
+}   
+
+#login h1{   
+    color: #fff;   
+    text-shadow:0 0 10px;   
+    letter-spacing: 1px;   
+    text-align: center;   
+} 
+
+
+h1{   
+    font-size: 2em;   
+    margin: 0.67em 0;   
+}  
+
+
+input{   
+    width: 278px;   
+    height: 18px;   
+    margin-bottom: 10px;   
+    outline: none;   
+    padding: 10px;   
+    font-size: 13px;   
+    color: #fff;   
+    text-shadow:1px 1px 1px;   
+    border-top: 1px solid #312E3D;   
+    border-left: 1px solid #312E3D;   
+    border-right: 1px solid #312E3D;   
+    border-bottom: 1px solid #56536A;   
+    border-radius: 4px;   
+    background-color: #2D2D3F;   
+}   
+.but{
+    width: 300px;   
+    min-height: 20px;   
+    display: block;   
+    background-color: #e9982f;   
+    border: 1px solid #e9982f;   
+    color: rgb(0, 0, 0);   
+    padding: 9px 14px;   
+    font-size: 20px;   
+    line-height: normal;   
+    border-radius: 5px;   
+    margin: 0;   
+    font-weight: bold;
+}  
+
+</style>
+</head> 
+
+<body> 
+
+    <div id="login">
+        <h1>
+            <p>这是主页</p>
+
+        <span >
+        <a th:if="${session.loginUser==null}" href="http://login.codeshop.com/view/login?target=http://www.codeshop.com/view/main" style="text-decoration:none; color: #e9982f;">登录</a>
     </span>
 
-<p th:unless="${session.loginUser==null}">
-    <span style="color: aqua" th:text="${session.loginUser.username}"></span> 已登录
-</p>
-</body>
-</html>
+</h1>
+    
+        <h1>
+        <p th:unless="${session.loginUser==null}">
+             <span style="color: aqua" th:text="${session.loginUser.username}"></span>已登录
+        </p>
+        </h1>
+
+    </div>
+
+    
+</body>  
+</html>  

sso-vip/src/main/resources/templates/index.html

@@ -1,17 +1,106 @@
 <!DOCTYPE html>
 <html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
-<head>
-    <meta charset="UTF-8">
-    <title>index</title>
-</head>
-<body>
-<h1>这是vip页</h1>
-<span>
-        <a th:if="${session.loginUser==null}" href="http://login.codeshop.com/view/login?target=http://vip.codeshop.com/view/vip">登录</a>
+<head>  
+    <meta charset="UTF-8">  
+    <title>Login</title>  
+    <link rel="stylesheet" type="text/css" href="Login.css"/>  
+
+<style type="text/css">
+
+
+html{   
+    width: 100%;   
+    height: 100%;   
+    overflow: hidden;   
+    font-style: sans-serif;   
+} 
+
+body{   
+    width: 100%;   
+    height: 100%;   
+    font-family: 'Open Sans',sans-serif;   
+    margin: 0;   
+    background-color: #2b2727;   
+} 
+
+#login{   
+    position: absolute;   
+    top: 50%;   
+    left:50%;   
+    margin: -150px 0 0 -250px;
+    width: 500px; 
+    height: 200px; 
+    background-color: #504b4b;  
+}   
+
+#login h1{   
+    color: #fff;   
+    text-shadow:0 0 10px;   
+    letter-spacing: 1px;   
+    text-align: center;   
+} 
+
+
+h1{   
+    font-size: 2em;   
+    margin: 0.67em 0;   
+}  
+
+
+input{   
+    width: 278px;   
+    height: 18px;   
+    margin-bottom: 10px;   
+    outline: none;   
+    padding: 10px;   
+    font-size: 13px;   
+    color: #fff;   
+    text-shadow:1px 1px 1px;   
+    border-top: 1px solid #312E3D;   
+    border-left: 1px solid #312E3D;   
+    border-right: 1px solid #312E3D;   
+    border-bottom: 1px solid #56536A;   
+    border-radius: 4px;   
+    background-color: #2D2D3F;   
+}   
+.but{
+    width: 300px;   
+    min-height: 20px;   
+    display: block;   
+    background-color: #e9982f;   
+    border: 1px solid #e9982f;   
+    color: rgb(0, 0, 0);   
+    padding: 9px 14px;   
+    font-size: 20px;   
+    line-height: normal;   
+    border-radius: 5px;   
+    margin: 0;   
+    font-weight: bold;
+}  
+
+</style>
+</head> 
+
+<body> 
+
+    <div id="login">
+        <h1>
+            <p>这是vip页</p>
+
+        <span >
+        <a th:if="${session.loginUser==null}" href="http://login.codeshop.com/view/login?target=http://www.codeshop.com/view/main" style="text-decoration:none; color: #e9982f;">登录</a>
     </span>
 
-<p th:unless="${session.loginUser==null}">
-    <span style="color: red" th:text="${session.loginUser.username}"></span> 已登录
-</p>
-</body>
-</html>
+</h1>
+    
+        <h1>
+        <p th:unless="${session.loginUser==null}">
+             <span style="color: red" th:text="${session.loginUser.username}"></span>已登录
+        </p>
+        </h1>
+
+    </div>
+
+    
+</body>  
+</html>  

sso-vip/target/classes/templates/index.html

@@ -1,17 +1,106 @@
 <!DOCTYPE html>
 <html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
-<head>
-    <meta charset="UTF-8">
-    <title>index</title>
-</head>
-<body>
-<h1>这是vip页</h1>
-<span>
-        <a th:if="${session.loginUser==null}" href="http://login.codeshop.com/view/login?target=http://vip.codeshop.com/view/vip">登录</a>
+<head>  
+    <meta charset="UTF-8">  
+    <title>Login</title>  
+    <link rel="stylesheet" type="text/css" href="Login.css"/>  
+
+<style type="text/css">
+
+
+html{   
+    width: 100%;   
+    height: 100%;   
+    overflow: hidden;   
+    font-style: sans-serif;   
+} 
+
+body{   
+    width: 100%;   
+    height: 100%;   
+    font-family: 'Open Sans',sans-serif;   
+    margin: 0;   
+    background-color: #2b2727;   
+} 
+
+#login{   
+    position: absolute;   
+    top: 50%;   
+    left:50%;   
+    margin: -150px 0 0 -250px;
+    width: 500px; 
+    height: 200px; 
+    background-color: #504b4b;  
+}   
+
+#login h1{   
+    color: #fff;   
+    text-shadow:0 0 10px;   
+    letter-spacing: 1px;   
+    text-align: center;   
+} 
+
+
+h1{   
+    font-size: 2em;   
+    margin: 0.67em 0;   
+}  
+
+
+input{   
+    width: 278px;   
+    height: 18px;   
+    margin-bottom: 10px;   
+    outline: none;   
+    padding: 10px;   
+    font-size: 13px;   
+    color: #fff;   
+    text-shadow:1px 1px 1px;   
+    border-top: 1px solid #312E3D;   
+    border-left: 1px solid #312E3D;   
+    border-right: 1px solid #312E3D;   
+    border-bottom: 1px solid #56536A;   
+    border-radius: 4px;   
+    background-color: #2D2D3F;   
+}   
+.but{
+    width: 300px;   
+    min-height: 20px;   
+    display: block;   
+    background-color: #e9982f;   
+    border: 1px solid #e9982f;   
+    color: rgb(0, 0, 0);   
+    padding: 9px 14px;   
+    font-size: 20px;   
+    line-height: normal;   
+    border-radius: 5px;   
+    margin: 0;   
+    font-weight: bold;
+}  
+
+</style>
+</head> 
+
+<body> 
+
+    <div id="login">
+        <h1>
+            <p>这是vip页</p>
+
+        <span >
+        <a th:if="${session.loginUser==null}" href="http://login.codeshop.com/view/login?target=http://www.codeshop.com/view/main" style="text-decoration:none; color: #e9982f;">登录</a>
     </span>
 
-<p th:unless="${session.loginUser==null}">
-    <span style="color: red" th:text="${session.loginUser.username}"></span> 已登录
-</p>
-</body>
-</html>
+</h1>
+    
+        <h1>
+        <p th:unless="${session.loginUser==null}">
+             <span style="color: aqua" th:text="${session.loginUser.username}"></span>已登录
+        </p>
+        </h1>
+
+    </div>
+
+    
+</body>  
+</html>