添加前端页面

nnngu · Jan 28, 2018 · c6996cb · c6996cb
1 parent 7999b86
commit c6996cb
Show file tree

Hide file tree

Showing 5 changed files with 178 additions and 0 deletions.
diff --git a/src/main/webapp/WEB-INF/jsp/common/head.jsp b/src/main/webapp/WEB-INF/jsp/common/head.jsp
@@ -0,0 +1,11 @@
+<%--
+  Created by IntelliJ IDEA.
+  User: jianrongsun
+  Date: 17-5-25
+  Time: 下午4:43
+  To change this template use File | Settings | File Templates.
+--%>
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<meta charset="utf-8">
+<link rel="stylesheet" href="${pageContext.request.contextPath}/resources/plugins/bootstrap-3.3.0/css/bootstrap.min.css" type="text/css">
+<link rel="stylesheet" href="${pageContext.request.contextPath}/resources/plugins/bootstrap-3.3.0/css/bootstrap-theme.min.css" type="text/css">
diff --git a/src/main/webapp/WEB-INF/jsp/common/tag.jsp b/src/main/webapp/WEB-INF/jsp/common/tag.jsp
@@ -0,0 +1,10 @@
+<%--
+  Created by IntelliJ IDEA.
+  User: jianrongsun
+  Date: 17-5-25
+  Time: 下午4:43
+  To change this template use File | Settings | File Templates.
+--%>
+<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
+<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
+<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
diff --git a/src/main/webapp/WEB-INF/jsp/detail.jsp b/src/main/webapp/WEB-INF/jsp/detail.jsp
@@ -0,0 +1,94 @@
+<%--
+  Created by IntelliJ IDEA.
+  User: jianrongsun
+  Date: 17-5-25
+  Time: 下午5:03
+  To change this template use File | Settings | File Templates.
+--%>
+<%@ page contentType="text/html;charset=UTF-8" language="java" %>
+<%@include file="common/tag.jsp" %>
+<html>
+<head>
+    <title>秒杀商品详情页面</title>
+    <%@include file="common/head.jsp" %>
+</head>
+<body>
+<div class="container">
+    <div class="panel panel-default">
+        <div class="panel-heading">
+            <h1>${seckill.name}</h1>
+        </div>
+        <div class="panel-body">
+            <h2 class="text-danger">
+                <span class="glyphicon glyphicon-time"></span>
+                <span class="glyphicon" id="seckill-box"></span>
+            </h2>
+        </div>
+    </div>
+</div>
+
+<div id="killPhoneModal" class="modal fade">
+    <div class="modal-dialog">
+        <div class="modal-content">
+            <div class="modal-header">
+                <h3 class="modal-title text-center">
+                    <span class="glyphicon glyphicon-phone"></span>秒杀电话:
+                </h3>
+            </div>
+        </div>
+
+        <div class="modal-body">
+            <div class="row">
+                <div class="col-xs-8 col-xs-offset-2">
+                    <input type="text" name="killPhone" id="killPhoneKey" placeholder="填写手机号码" class="form-control">
+                </div>
+            </div>
+        </div>
+
+        <div class="modal-footer">
+            <span id="killPhoneMessage" class="glyphicon"></span>
+            <button type="button" id="killPhoneBtn" class="btn btn-success">
+                <span class="glyphicon glyphicon-phone"></span>
+                提交
+            </button>
+        </div>
+    </div>
+</div>
+</body>
+<script src="${pageContext.request.contextPath}/resources/plugins/jquery.js"></script>
+<script src="${pageContext.request.contextPath}/resources/plugins/bootstrap-3.3.0/js/bootstrap.min.js"></script>
+<script src="${pageContext.request.contextPath}/resources/plugins/jquery.cookie.min.js"></script>
+<script src="${pageContext.request.contextPath}/resources/plugins/jquery.countdown.min.js"></script>
+<script src="${pageContext.request.contextPath}/resources/script/seckill.js"></script>
+<script type="text/javascript">
+    $(function () {
+        var startTimeVal = "${seckill.startTime.toLocalDate()} " + seckill.cloneZero("${seckill.startTime.toLocalTime()}");
+        var endTimeVal = "${seckill.endTime.toLocalDate()} " + seckill.cloneZero("${seckill.endTime.toLocalTime()}");
+        console.log("startTimeVal========" + startTimeVal);
+        console.log("endTimeVal========" + endTimeVal);
+        // 传入参数
+        seckill.detail.init({
+            seckillId:${seckill.seckillId},
+            startTime: startTimeVal,
+            endTime: endTimeVal
+        })
+    })
+</script>
+
+</html>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/main/webapp/WEB-INF/jsp/list.jsp b/src/main/webapp/WEB-INF/jsp/list.jsp
@@ -0,0 +1,58 @@
+<%@page contentType="text/html; charset=UTF-8" language="java" %>
+<%@include file="common/tag.jsp" %>
+<%@taglib prefix="tags" tagdir="/WEB-INF/tags" %>
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <title>秒杀列表</title>
+    <%@include file="common/head.jsp" %>
+</head>
+<body>
+
+<div class="container">
+    <div class="panel panel-default">
+        <div class="panel-heading text-center">
+            <h2>秒杀列表</h2>
+        </div>
+
+        <div class="panel-body">
+            <table class="table table-hover">
+                <thead>
+                <tr>
+                    <td>名称</td>
+                    <td>库存</td>
+                    <td>开始时间</td>
+                    <td>结束时间</td>
+                    <td>创建时间</td>
+                    <td>详情页</td>
+                </tr>
+                </thead>
+                <tbody>
+                <c:forEach items="${list}" var="sk">
+                    <tr>
+                        <td>${sk.name}</td>
+                        <td>${sk.number}</td>
+                        <td><tags:localDataTime dateTime="${sk.startTime}"/></td>
+                        <td><tags:localDataTime dateTime="${sk.endTime}"/></td>
+                        <td><tags:localDataTime dateTime="${sk.createTIme}"/></td>
+                        <td><a class="btn btn-info" href="/seckill/${sk.seckillId}/detail" target="_blank">详情</a></td>
+                    </tr>
+                </c:forEach>
+                </tbody>
+            </table>
+        </div>
+    </div>
+</div>
+</body>
+<script src="${pageContext.request.contextPath}/resources/plugins/jquery.js"></script>
+<script src="${pageContext.request.contextPath}/resources/plugins/bootstrap-3.3.0/js/bootstrap.min.js"></script>
+</html>
+
+
+
+
+
+
+
+
+
diff --git a/src/main/webapp/index.jsp b/src/main/webapp/index.jsp
@@ -0,0 +1,5 @@
+<html>
+<body>
+<h2>Hello World!</h2>
+</body>
+</html>