Browse Source

1. 新增注册导航页面
2. 优化和完善首页

王育民 5 years ago
parent
commit
1ae73d2ab6

+ 0 - 3
.mvn/wrapper/MavenWrapperDownloader.java

@@ -14,9 +14,6 @@
  * limitations under the License.
  */
 
-import java.net.*;
-import java.io.*;
-import java.nio.channels.*;
 import java.util.Properties;
 
 public class MavenWrapperDownloader {

+ 19 - 0
src/main/java/cn/minbb/job/controller/web/SignController.java

@@ -18,6 +18,25 @@ public class SignController {
 
     @GetMapping("/register")
     public ModelAndView registerPage(ModelAndView modelAndView) {
+        modelAndView.addObject(Const.Key.KEY_ACTIVE, Const.ViewName.VIEW_REGISTER);
+        modelAndView.setViewName(Const.ViewName.VIEW_REGISTER);
+        return modelAndView;
+    }
+
+    @GetMapping("/register/user")
+    public ModelAndView registerUserPage(ModelAndView modelAndView) {
+        modelAndView.setViewName(Const.ViewName.VIEW_SIGN_UP);
+        return modelAndView;
+    }
+
+    @GetMapping("/register/school")
+    public ModelAndView registerSchoolPage(ModelAndView modelAndView) {
+        modelAndView.setViewName(Const.ViewName.VIEW_SIGN_UP);
+        return modelAndView;
+    }
+
+    @GetMapping("/register/company")
+    public ModelAndView registerCompanyPage(ModelAndView modelAndView) {
         modelAndView.setViewName(Const.ViewName.VIEW_SIGN_UP);
         return modelAndView;
     }

+ 1 - 0
src/main/java/cn/minbb/job/data/Const.java

@@ -44,6 +44,7 @@ public class Const {
         String VIEW_REDIRECT = "redirect:/";
         String VIEW_ERROR = "error";
         String VIEW_INDEX = "index";
+        String VIEW_REGISTER = "register";
         String VIEW_SIGN_IN = "sign-in";
         String VIEW_SIGN_UP = "sign-up";
         String VIEW_ABOUT = "about";

+ 3 - 2
src/main/resources/templates/fragments/footer.html

@@ -11,8 +11,8 @@
 <body>
 <footer th:fragment="footer">
     <div class="container-fluid text-white">
-        <div class="row" style="background-color: #444444; padding: 24px 48px;">
-            <div class="col-xs-12 col-sm-12 col-md-4 col-lg-6">
+        <div class="row" style="background-color: #444444; padding: 60px 48px;">
+            <div class="col-xs-12 col-sm-12 col-md-4 col-lg-5 offset-lg-1">
                 <h4 class="white-text">校园招聘网</h4>
                 <p>基于学校的招聘资源打造求职招聘平台,为即将毕业的学生提供一个稳定,安全,规范的求职渠道。</p>
                 <p>下一个,就是你!</p>
@@ -22,6 +22,7 @@
                 <ul>
                     <li><a class="" href="/about">关于</a></li>
                     <li><a class="" href="/">反馈建议</a></li>
+                    <li><a class="" href="/">系统管理</a></li>
                 </ul>
             </div>
             <div class="col col-xs-12 col-sm-6 col-md-3 col-lg-2 offset-md-1 offset-lg-1">

+ 8 - 6
src/main/resources/templates/fragments/header.html

@@ -11,8 +11,8 @@
 <body>
 <nav class="navbar navbar-expand-lg navbar-light fixed-top bg-light" th:fragment="header">
     <a class="navbar-brand" href="/" style="padding: 4px 16px;">校园招聘网</a>
-    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar-supported-content"
-            aria-controls="navbar-supported-content" aria-expanded="false" aria-label="Toggle navigation">
+    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar-supported-content" aria-controls="navbar-supported-content" aria-expanded="false"
+            aria-label="Toggle navigation">
         <span class="navbar-toggler-icon"></span>
     </button>
 
@@ -43,14 +43,16 @@
         </form>
         <ul class="navbar-nav ml-auto">
             <li class="nav-item" th:if="${user == null}">
-                <a class="nav-link" href="/login">登录 / 注册</a>
+                <a class="nav-link" href="/login">登录</a>
+            </li>
+            <li class="nav-item" th:if="${user == null}" th:classappend="${ACTIVE == 'register'}? 'active'">
+                <a class="nav-link" href="/register">注册</a>
             </li>
             <li class="nav-item dropdown" th:unless="${user == null}">
-                <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true"
-                   aria-expanded="false" th:text="${user.getName()}">
+                <a class="nav-link dropdown-toggle" id="nav" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" th:text="${user.getName()}">
                     用户名
                 </a>
-                <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">
+                <div class="dropdown-menu dropdown-menu-right" aria-labelledby="nav">
                     <a class="dropdown-item" href="/user/center">用户中心</a>
                     <div th:if="${user.hasRole(T(cn.minbb.edu.model.UserRole.Role).ADMIN)}">
                         <div class="dropdown-divider"></div>

+ 130 - 11
src/main/resources/templates/index.html

@@ -112,18 +112,18 @@
     <div class="container" style="margin-top: 24px;">
         <div class="row mb-2">
             <div class="col-md-12">
-                <h3 class="pb-3 mb-4 font-italic border-bottom">推荐职位</h3>
+                <h3 class="pb-3 mb-4 font-italic border-bottom">推荐公司</h3>
             </div>
             <div class="col-md-6">
                 <div class="card flex-md-row mb-4 box-shadow h-md-250">
                     <div class="card-body d-flex flex-column align-items-start">
-                        <strong class="d-inline-block mb-2 text-primary">World</strong>
+                        <strong class="d-inline-block mb-2 text-primary">IT/互联网</strong>
                         <h3 class="mb-0">
-                            <a class="text-dark" href="#">Featured post</a>
+                            <a class="text-dark" href="#">南京亚信软件有限公司</a>
                         </h3>
-                        <div class="mb-1 text-muted">Nov 12</div>
-                        <p class="card-text mb-auto">This is a wider card with supporting text below as a natural lead-in to additional content.</p>
-                        <a href="#">Continue reading</a>
+                        <div class="mb-1 text-muted">2020年03月01日</div>
+                        <p class="card-text mb-auto">南京亚信软件有限公司于2015年02月06日在南京市雨花台区市场监督管理局登记成立。公司经营范围包括计算机软硬件、网络设备、通信设备等。</p>
+                        <a href="#">了解更多</a>
                     </div>
                     <img class="card-img-right flex-auto d-none d-md-block" data-src="holder.js/200x250?theme=thumb" alt="Thumbnail [200x250]"
                          src="data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%22200%22%20height%3D%22250%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20200%20250%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%23holder_171a4b7082d%20text%20%7B%20fill%3A%23eceeef%3Bfont-weight%3Abold%3Bfont-family%3AArial%2C%20Helvetica%2C%20Open%20Sans%2C%20sans-serif%2C%20monospace%3Bfont-size%3A13pt%20%7D%20%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22holder_171a4b7082d%22%3E%3Crect%20width%3D%22200%22%20height%3D%22250%22%20fill%3D%22%2355595c%22%3E%3C%2Frect%3E%3Cg%3E%3Ctext%20x%3D%2256.1953125%22%20y%3D%22131%22%3EThumbnail%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E"
@@ -133,13 +133,13 @@
             <div class="col-md-6">
                 <div class="card flex-md-row mb-4 box-shadow h-md-250">
                     <div class="card-body d-flex flex-column align-items-start">
-                        <strong class="d-inline-block mb-2 text-success">Design</strong>
+                        <strong class="d-inline-block mb-2 text-success">通信/互联网</strong>
                         <h3 class="mb-0">
-                            <a class="text-dark" href="#">Post title</a>
+                            <a class="text-dark" href="#">中移在线服务有限公司</a>
                         </h3>
-                        <div class="mb-1 text-muted">Nov 11</div>
-                        <p class="card-text mb-auto">This is a wider card with supporting text below as a natural lead-in to additional content.</p>
-                        <a href="#">Continue reading</a>
+                        <div class="mb-1 text-muted">2020年03月02日</div>
+                        <p class="card-text mb-auto">中移在线服务有限公司是中国移动通信集团公司下属的专业化子公司。成立于2014年10月。主要面向移动客户提供互联网服务、呼叫服务、电话营销及前台业务的集中化支撑服务。</p>
+                        <a href="#">了解更多</a>
                     </div>
                     <img class="card-img-right flex-auto d-none d-md-block" data-src="holder.js/200x250?theme=thumb" alt="Thumbnail [200x250]"
                          src="data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%22200%22%20height%3D%22250%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20200%20250%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%23holder_171a4b70832%20text%20%7B%20fill%3A%23eceeef%3Bfont-weight%3Abold%3Bfont-family%3AArial%2C%20Helvetica%2C%20Open%20Sans%2C%20sans-serif%2C%20monospace%3Bfont-size%3A13pt%20%7D%20%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22holder_171a4b70832%22%3E%3Crect%20width%3D%22200%22%20height%3D%22250%22%20fill%3D%22%2355595c%22%3E%3C%2Frect%3E%3Cg%3E%3Ctext%20x%3D%2256.1953125%22%20y%3D%22131%22%3EThumbnail%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E"
@@ -147,6 +147,125 @@
                 </div>
             </div>
         </div>
+
+        <div class="row">
+            <div class="col-md-8">
+                <h3 class="pb-3 mb-4 font-italic border-bottom">推荐职位</h3>
+
+                <div class="my-3 p-3 bg-white rounded box-shadow">
+                    <h5 class="border-bottom border-gray pb-2 mb-0">全职招聘</h5>
+                    <div class="media text-muted pt-3">
+                        <img data-src="holder.js/32x32?theme=thumb&amp;bg=007bff&amp;fg=007bff&amp;size=1" alt="32x32" class="mr-2 rounded"
+                             src="data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%23holder_171a7c745cd%20text%20%7B%20fill%3A%23007bff%3Bfont-weight%3Abold%3Bfont-family%3AArial%2C%20Helvetica%2C%20Open%20Sans%2C%20sans-serif%2C%20monospace%3Bfont-size%3A2pt%20%7D%20%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22holder_171a7c745cd%22%3E%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%23007bff%22%3E%3C%2Frect%3E%3Cg%3E%3Ctext%20x%3D%2211.5390625%22%20y%3D%2216.9%22%3E32x32%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E"
+                             data-holder-rendered="true" style="width: 32px; height: 32px;">
+                        <div class="media-body pb-3 mb-0 small lh-125 border-bottom border-gray">
+                            <div class="d-flex justify-content-between align-items-center w-100">
+                                <strong class="text-gray-dark">解决方案专家</strong>
+                                <a href="#">查看</a>
+                            </div>
+                            <span class="d-block">解决方案专家</span>
+                        </div>
+                    </div>
+                    <div class="media text-muted pt-3">
+                        <img data-src="holder.js/32x32?theme=thumb&amp;bg=007bff&amp;fg=007bff&amp;size=1" alt="32x32" class="mr-2 rounded"
+                             src="data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%23holder_171a7c745ce%20text%20%7B%20fill%3A%23007bff%3Bfont-weight%3Abold%3Bfont-family%3AArial%2C%20Helvetica%2C%20Open%20Sans%2C%20sans-serif%2C%20monospace%3Bfont-size%3A2pt%20%7D%20%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22holder_171a7c745ce%22%3E%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%23007bff%22%3E%3C%2Frect%3E%3Cg%3E%3Ctext%20x%3D%2211.5390625%22%20y%3D%2216.9%22%3E32x32%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E"
+                             data-holder-rendered="true" style="width: 32px; height: 32px;">
+                        <div class="media-body pb-3 mb-0 small lh-125 border-bottom border-gray">
+                            <div class="d-flex justify-content-between align-items-center w-100">
+                                <strong class="text-gray-dark">项目经理</strong>
+                                <a href="#">查看</a>
+                            </div>
+                            <span class="d-block">项目经理</span>
+                        </div>
+                    </div>
+                    <div class="media text-muted pt-3">
+                        <img data-src="holder.js/32x32?theme=thumb&amp;bg=007bff&amp;fg=007bff&amp;size=1" alt="32x32" class="mr-2 rounded"
+                             src="data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%23holder_171a7c745ce%20text%20%7B%20fill%3A%23007bff%3Bfont-weight%3Abold%3Bfont-family%3AArial%2C%20Helvetica%2C%20Open%20Sans%2C%20sans-serif%2C%20monospace%3Bfont-size%3A2pt%20%7D%20%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22holder_171a7c745ce%22%3E%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%23007bff%22%3E%3C%2Frect%3E%3Cg%3E%3Ctext%20x%3D%2211.5390625%22%20y%3D%2216.9%22%3E32x32%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E"
+                             data-holder-rendered="true" style="width: 32px; height: 32px;">
+                        <div class="media-body pb-3 mb-0 small lh-125 border-bottom border-gray">
+                            <div class="d-flex justify-content-between align-items-center w-100">
+                                <strong class="text-gray-dark">销售总监</strong>
+                                <a href="#">查看</a>
+                            </div>
+                            <span class="d-block">销售总监</span>
+                        </div>
+                    </div>
+                    <small class="d-block text-right mt-3">
+                        <a href="/job/full">查看更多</a>
+                    </small>
+                </div>
+
+                <div class="my-3 p-3 bg-white rounded box-shadow">
+                    <h5 class="border-bottom border-gray pb-2 mb-0">实习招聘</h5>
+                    <div class="media text-muted pt-3">
+                        <img data-src="holder.js/32x32?theme=thumb&amp;bg=007bff&amp;fg=007bff&amp;size=1" alt="32x32" class="mr-2 rounded"
+                             src="data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%23holder_171a7c745cd%20text%20%7B%20fill%3A%23007bff%3Bfont-weight%3Abold%3Bfont-family%3AArial%2C%20Helvetica%2C%20Open%20Sans%2C%20sans-serif%2C%20monospace%3Bfont-size%3A2pt%20%7D%20%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22holder_171a7c745cd%22%3E%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%23007bff%22%3E%3C%2Frect%3E%3Cg%3E%3Ctext%20x%3D%2211.5390625%22%20y%3D%2216.9%22%3E32x32%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E"
+                             data-holder-rendered="true" style="width: 32px; height: 32px;">
+                        <div class="media-body pb-3 mb-0 small lh-125 border-bottom border-gray">
+                            <div class="d-flex justify-content-between align-items-center w-100">
+                                <strong class="text-gray-dark">Java开发资深工程师</strong>
+                                <a href="#">查看</a>
+                            </div>
+                            <span class="d-block">Java开发资深工程师</span>
+                        </div>
+                    </div>
+                    <div class="media text-muted pt-3">
+                        <img data-src="holder.js/32x32?theme=thumb&amp;bg=007bff&amp;fg=007bff&amp;size=1" alt="32x32" class="mr-2 rounded"
+                             src="data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%23holder_171a7c745ce%20text%20%7B%20fill%3A%23007bff%3Bfont-weight%3Abold%3Bfont-family%3AArial%2C%20Helvetica%2C%20Open%20Sans%2C%20sans-serif%2C%20monospace%3Bfont-size%3A2pt%20%7D%20%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22holder_171a7c745ce%22%3E%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%23007bff%22%3E%3C%2Frect%3E%3Cg%3E%3Ctext%20x%3D%2211.5390625%22%20y%3D%2216.9%22%3E32x32%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E"
+                             data-holder-rendered="true" style="width: 32px; height: 32px;">
+                        <div class="media-body pb-3 mb-0 small lh-125 border-bottom border-gray">
+                            <div class="d-flex justify-content-between align-items-center w-100">
+                                <strong class="text-gray-dark">前端开发工程师</strong>
+                                <a href="#">查看</a>
+                            </div>
+                            <span class="d-block">前端开发工程师</span>
+                        </div>
+                    </div>
+                    <div class="media text-muted pt-3">
+                        <img data-src="holder.js/32x32?theme=thumb&amp;bg=007bff&amp;fg=007bff&amp;size=1" alt="32x32" class="mr-2 rounded"
+                             src="data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%23holder_171a7c745ce%20text%20%7B%20fill%3A%23007bff%3Bfont-weight%3Abold%3Bfont-family%3AArial%2C%20Helvetica%2C%20Open%20Sans%2C%20sans-serif%2C%20monospace%3Bfont-size%3A2pt%20%7D%20%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22holder_171a7c745ce%22%3E%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%23007bff%22%3E%3C%2Frect%3E%3Cg%3E%3Ctext%20x%3D%2211.5390625%22%20y%3D%2216.9%22%3E32x32%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E"
+                             data-holder-rendered="true" style="width: 32px; height: 32px;">
+                        <div class="media-body pb-3 mb-0 small lh-125 border-bottom border-gray">
+                            <div class="d-flex justify-content-between align-items-center w-100">
+                                <strong class="text-gray-dark">会计</strong>
+                                <a href="#">查看</a>
+                            </div>
+                            <span class="d-block">会计</span>
+                        </div>
+                    </div>
+                    <small class="d-block text-right mt-3">
+                        <a href="/job/practice">查看更多</a>
+                    </small>
+                </div>
+            </div>
+
+            <div class="col-md-4">
+                <div class="p-3">
+                    <h4 class="font-italic">热门职位</h4>
+                    <ol class="list-unstyled mb-0">
+                        <li><a href="#">Java开发资深工程师</a></li>
+                        <li><a href="#">前端开发工程师</a></li>
+                        <li><a href="#">自动化运维</a></li>
+                        <li><a href="#">会计</a></li>
+                        <li><a href="#">销售总监</a></li>
+                        <li><a href="#">解决方案专家</a></li>
+                        <li><a href="#">项目经理</a></li>
+                    </ol>
+                </div>
+                <div class="p-3">
+                    <h4 class="font-italic">热门企业</h4>
+                    <ol class="list-unstyled">
+                        <li><a href="#">南京亚信软件有限公司</a></li>
+                        <li><a href="#">中移在线服务有限公司</a></li>
+                        <li><a href="#">中国移动通信</a></li>
+                    </ol>
+                </div>
+                <div class="p-3 mb-3 bg-light rounded">
+                    <h4 class="font-italic">友情提示</h4>
+                    <p class="mb-0">该栏目推荐系统中被用户浏览次数最多、最热门的职位和企业信息。推荐算法由系统进行,无人为干预,结果仅供参考,请知悉。</p>
+                </div>
+            </div>
+        </div>
     </div>
 </th:block>
 </body>

+ 112 - 0
src/main/resources/templates/register.html

@@ -0,0 +1,112 @@
+<!DOCTYPE html>
+<html lang="zh-CN" xmlns="http://www.w3.org/1999/html"
+      xmlns:th="http://www.thymeleaf.org"
+      xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
+      layout:decorate="~{layouts/layout}">
+<head>
+    <meta charset="UTF-8"/>
+    <title>注册 - [[${APP_NAME}]]</title>
+
+    <style>
+        html {
+            font-size: 14px;
+        }
+
+        @media (min-width: 768px) {
+            html {
+                font-size: 16px;
+            }
+        }
+
+        .container {
+            max-width: 960px;
+        }
+
+        .pricing-header {
+            max-width: 700px;
+        }
+
+        .card-deck .card {
+            min-width: 220px;
+        }
+
+        .border-top {
+            border-top: 1px solid #e5e5e5;
+        }
+
+        .border-bottom {
+            border-bottom: 1px solid #e5e5e5;
+        }
+
+        .box-shadow {
+            box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
+        }
+    </style>
+</head>
+<body>
+<th:block layout:fragment="content">
+    <div class="pricing-header px-3 py-3 pt-md-5 pb-md-4 mx-auto text-center">
+        <h1 class="display-4"><strong>用户注册</strong></h1>
+        <p class="lead">请选择注册的帐号类型,注册后账号类型不可变更</p>
+    </div>
+
+    <div class="container">
+        <div class="card-deck mb-3 text-center">
+            <div class="card mb-4 box-shadow">
+                <div class="card-header">
+                    <h4 class="my-0 font-weight-normal">个人</h4>
+                </div>
+                <div class="card-body">
+                    <h1 class="card-title pricing-card-title">个人用户 <small class="text-muted">/ 无</small></h1>
+                    <ul class="list-unstyled mt-3 mb-4">
+                        <li>发现职位</li>
+                        <li>投递简历</li>
+                        <li>匹配工作</li>
+                        <li>线上就业</li>
+                    </ul>
+                    <button class="btn btn-lg btn-block btn-outline-primary" type="button" onclick="window.location.href = '/register/user'">立即注册</button>
+                </div>
+            </div>
+            <div class="card mb-4 box-shadow">
+                <div class="card-header">
+                    <h4 class="my-0 font-weight-normal">学校 <sup><span class="badge badge-success">教</span></sup></h4>
+                </div>
+                <div class="card-body">
+                    <h1 class="card-title pricing-card-title">学校用户 <small class="text-muted">/ 教育机构认证</small></h1>
+                    <ul class="list-unstyled mt-3 mb-4">
+                        <li>衔接学生</li>
+                        <li>对接企业</li>
+                        <li>就业咨询</li>
+                        <li>保障就业</li>
+                    </ul>
+                    <button class="btn btn-lg btn-block btn-primary" type="button" onclick="window.location.href = '/register/school'">立即注册</button>
+                </div>
+            </div>
+            <div class="card mb-4 box-shadow">
+                <div class="card-header">
+                    <h4 class="my-0 font-weight-normal">企业 <sup><span class="badge badge-danger">企</span></sup></h4>
+                </div>
+                <div class="card-body">
+                    <h1 class="card-title pricing-card-title">公司企业 <small class="text-muted">/ 企业认证</small></h1>
+                    <ul class="list-unstyled mt-3 mb-4">
+                        <li>发布职位</li>
+                        <li>在线招聘</li>
+                        <li>检索简历</li>
+                        <li>定向招工</li>
+                    </ul>
+                    <button class="btn btn-lg btn-block btn-primary" type="button" onclick="window.location.href = '/register/company'">立即注册</button>
+                </div>
+            </div>
+        </div>
+
+        <hr/>
+
+        <div class="row text-center">
+            <div class="col col-md-12">
+                若无法选择类型请查阅 <a href="/register">帐号类型区别</a>
+            </div>
+        </div>
+    </div>
+</th:block>
+</body>
+</html>

+ 1 - 2
src/main/resources/templates/sign-up.html

@@ -1,6 +1,5 @@
 <!DOCTYPE html>
-<html lang="zh-CN"
-      xmlns="http://www.w3.org/1999/html"
+<html lang="zh-CN" xmlns="http://www.w3.org/1999/html"
       xmlns:th="http://www.thymeleaf.org">
 <head>
     <meta charset="utf-8">