init

web/META-INF/MANIFEST.MF

@@ -0,0 +1,3 @@
+Manifest-Version: 1.0
+Class-Path: 
+

web/WEB-INF/spring.xml

@@ -0,0 +1,54 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<beans xmlns="http://www.springframework.org/schema/beans"
+	xmlns:tx="http://www.springframework.org/schema/tx" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+	xmlns:context="http://www.springframework.org/schema/context"
+	xmlns:security="http://www.springframework.org/schema/security"
+	xsi:schemaLocation="http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans.xsd
+       http://www.springframework.org/schema/context http://www.springframework.org/schema/context/spring-context.xsd 
+       http://www.springframework.org/schema/tx http://www.springframework.org/schema/tx/spring-tx-3.1.xsd
+       http://www.springframework.org/schema/security http://www.springframework.org/schema/security/spring-security-4.2.xsd">
+
+	<!-- 自动扫描所有注解(除Controller) 注册为bean (启动注解) -->
+	<context:component-scan base-package="com.eshop">
+		<context:exclude-filter type="annotation"
+			expression="org.springframework.stereotype.Controller" />
+	</context:component-scan>
+
+	<!--配置数据源 -->
+	<bean id="dataSource" class="org.apache.commons.dbcp.BasicDataSource">
+		<property name="driverClassName" value="com.mysql.jdbc.Driver" />
+		<property name="url"
+			value="jdbc:mysql://127.0.0.1:3306/eshop?useUnicode=true&amp;characterEncoding=utf-8&amp;autoReconnect=true&amp;autoReconnectForPools=true" />
+		<property name="username" value="root" />
+		<property name="password" value="GaoDi0906" />
+		<!-- <property name="password" value="GaoDi0906" /> -->
+		<property name="maxActive" value="255" />
+		<property name="maxIdle" value="20" />
+		<property name="maxWait" value="10000" />
+	</bean>
+
+	<!--配置session工厂 -->
+	<bean id="sessionFactory"
+		class="org.springframework.orm.hibernate5.LocalSessionFactoryBean">
+		<property name="dataSource" ref="dataSource" />
+		<property name="packagesToScan" value="com.eshop.entity" />
+		<property name="hibernateProperties">
+					<props>
+				<prop key="hibernate.dialect">org.hibernate.dialect.MySQLDialect</prop>
+				<prop key="hibernate.show_sql">false</prop>
+				<prop key="hibernate.format_sql">false</prop>
+			</props>
+		</property>
+	</bean>
+
+	<!-- 事务管理器配置 -->
+	<bean id="transactionManager"
+		class="org.springframework.orm.hibernate5.HibernateTransactionManager">
+		<property name="sessionFactory" ref="sessionFactory" />
+	</bean>
+
+	<!-- 启动事务注解 -->
+	<tx:annotation-driven transaction-manager="transactionManager"
+		proxy-target-class="true" />
+
+</beans>

web/WEB-INF/springMVC.xml

@@ -0,0 +1,37 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<beans xmlns="http://www.springframework.org/schema/beans"
+       xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+       xmlns:context="http://www.springframework.org/schema/context"
+       xmlns:mvc="http://www.springframework.org/schema/mvc"
+       xmlns:aop="http://www.springframework.org/schema/aop"
+       xsi:schemaLocation="http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans.xsd
+       http://www.springframework.org/schema/context http://www.springframework.org/schema/context/spring-context.xsd
+       http://www.springframework.org/schema/mvc http://www.springframework.org/schema/mvc/spring-mvc-3.0.xsd
+       http://www.springframework.org/schema/aop http://www.springframework.org/schema/aop/spring-aop.xsd">
+
+    <!-- 静态资源访问 -->
+    <mvc:default-servlet-handler/>
+
+    <mvc:annotation-driven/>
+
+    <!-- 把标记了@Controller注解的类转换为bean -->
+    <context:component-scan base-package="com.eshop.controller">
+    </context:component-scan>
+
+    <!-- ViewResolver Servlet、JSP视图解析-->
+    <bean class="org.springframework.web.servlet.view.InternalResourceViewResolver">
+        <property name="viewClass" value="org.springframework.web.servlet.view.JstlView"/>
+        <property name="prefix" value="/"/>
+        <property name="suffix" value=".jsp"/>
+    </bean>
+    
+    <!-- 配置拦截器 -->
+    <!--
+    <mvc:interceptors>
+        <mvc:interceptor>
+            <mvc:mapping path="/preAddFilm"/>
+            <mvc:mapping path="/addFilm"/>
+            <bean class="com.eshop.interceptor.AuthInterceptor"></bean>
+        </mvc:interceptor>
+    </mvc:interceptors>-->
+</beans>

web/WEB-INF/web.xml

@@ -0,0 +1,51 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+	xmlns="http://java.sun.com/xml/ns/javaee"
+	xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd"
+	id="WebApp_ID" version="3.0">
+	<display-name>EShop</display-name>
+	<welcome-file-list>
+		<welcome-file>index.jsp</welcome-file>
+	</welcome-file-list>	
+	
+	<!-- 配置spring -->
+    <listener>
+        <listener-class>
+            org.springframework.web.context.ContextLoaderListener
+        </listener-class>
+    </listener>
+    <context-param>
+        <param-name>contextConfigLocation</param-name>
+        <param-value>WEB-INF/spring.xml</param-value>
+    </context-param>
+
+    <!-- 配置springMVC DispatcherServlet -->
+    <servlet>
+        <servlet-name>dispatcher</servlet-name>
+        <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
+        <init-param>
+            <param-name>contextConfigLocation</param-name>
+            <param-value>WEB-INF/springMVC.xml</param-value>
+        </init-param>
+        <load-on-startup>1</load-on-startup>
+    </servlet>
+    <servlet-mapping>
+        <servlet-name>dispatcher</servlet-name>
+        <url-pattern>/</url-pattern>
+    </servlet-mapping>
+
+    <!-- 配置编码格式 -->
+    <filter>
+        <filter-name>CharacterEncodingFilter</filter-name>
+        <filter-class>org.springframework.web.filter.CharacterEncodingFilter</filter-class>
+        <init-param>
+            <param-name>encoding</param-name>
+            <param-value>utf-8</param-value>
+        </init-param>
+    </filter>
+    <filter-mapping>
+        <filter-name>CharacterEncodingFilter</filter-name>
+        <url-pattern>/*</url-pattern>
+    </filter-mapping>
+	
+</web-app>

web/cart.jsp

@@ -0,0 +1,195 @@
+<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
+	pageEncoding="ISO-8859-1"%>
+<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<html lang="en">
+<head>
+<meta charset="UTF-8">
+<title>Cart</title>
+<link rel="shortcut icon" href="favicon.ico">
+<!--配置Bootstrap-->
+<link rel="stylesheet"
+	href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
+<script
+	src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
+<script
+	src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
+<!--配置用户表头文件-->
+<link href="css/bootstrap.css" rel="stylesheet">
+<link href="js/bootstrap.min.js">
+<link href="css/font-awesome.min.css" rel="stylesheet">
+<link href="css/Userinfo.css" rel="stylesheet">
+<link href="css/tasp.css" rel="stylesheet">
+<link href="css/orderconfirm.css" rel="stylesheet">
+<script type="text/javascript" src="js/jquery-3.2.1.js"></script>
+<link
+	href='http://fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic'
+	rel='stylesheet' type='text/css'>
+<link href='http://fonts.googleapis.com/css?family=Raleway:400,300,700'
+	rel='stylesheet' type='text/css'>
+<style>
+</style>
+</head>
+<body>
+	<!--导航栏-->
+	<nav class="navbar navbar-inverse navbar-fixed-top"> <jsp:include
+		page="header.jsp" flush="true" /> </nav>
+
+	<div id="page">
+		<div id="content" class="grid-c">
+			<c:if test="${stauts != null}">
+				<h3>${message}</h3>
+			</c:if>
+			<table cellspacing="0" cellpadding="0" class="order-table">
+				<thead>
+					<tr>
+						<th class="s-total">TITLE&PRICE
+							<hr />
+						</th>
+						<th class="s-total">RELEASE DATE
+							<hr />
+						</th>
+						<th class="s-total">DURATION
+							<hr />
+						</th>
+						<th class="s-total">PAY DATE
+							<hr />
+						</th>
+						<th class="s-total">OPERATION
+							<hr />
+						</th>
+					</tr>
+				</thead>
+				<tbody class="J_Shop">
+					<c:forEach items="${page.result}" var="item">
+						<tr class="item">
+							<td class="s-title"><img src="images/${item.image}"
+								class="itempic">${item.title} <br> <span>$${item.price}</span></td>
+							<td class="s-title">${item.date}</td>
+							<td class="s-title">${item.duration}</td>
+							<td class="s-title">${item.time}</td>
+							<td class="s-title"><a href="remove?rid=${item.rid}">REMOVE</a></td>
+						</tr>
+					</c:forEach>
+					<!-- 分页行 -->
+					<tr class="shop-total blue-line">
+						<td colspan="1"><a href="pay"><button type="button"
+									class="btn btn-warning">Checkout</button></a></td>
+						<td colspan="4">
+							<div id="pagination">
+								<c:if test="${page.totalPages != 0 && page.currentPage != 1}">
+									<a href="record?type=0&pageNo=${page.currentPage - 1}"
+										class="btn">Previous</a>
+								</c:if>
+								<c:choose>
+									<c:when test="${page.currentPage < 6}">
+										<c:choose>
+											<c:when test="${page.totalPages > 10}">
+												<c:forEach var="item" varStatus="status" begin="1" end="10">
+													<c:choose>
+														<c:when test="${status.count == page.currentPage}">
+															<a href="record?type=0&pageNo=${status.count}"
+																class="btn active">${status.count}</a>
+														</c:when>
+														<c:otherwise>
+															<a href="record?type=0&pageNo=${status.count}"
+																class="btn">${status.count}</a>
+														</c:otherwise>
+													</c:choose>
+												</c:forEach>
+											</c:when>
+											<c:otherwise>
+												<c:forEach var="item" varStatus="status" begin="1"
+													end="${page.totalPages}">
+													<c:choose>
+														<c:when test="${status.count == page.currentPage}">
+															<a href="record?type=0&pageNo=${status.count}"
+																class="btn active">${status.count}</a>
+														</c:when>
+														<c:otherwise>
+															<a href="record?type=0&pageNo=${status.count}"
+																class="btn">${status.count}</a>
+														</c:otherwise>
+													</c:choose>
+												</c:forEach>
+											</c:otherwise>
+										</c:choose>
+									</c:when>
+									<c:otherwise>
+										<c:choose>
+											<c:when test="${page.totalPages > page.currentPage + 4}">
+												<c:forEach var="item" varStatus="status"
+													begin="${page.currentPage - 5}"
+													end="${page.currentPage + 4}">
+													<c:choose>
+														<c:when test="${status.count == page.currentPage}">
+															<a href="record?type=0&pageNo=${status.count}"
+																class="btn active">${status.count}</a>
+														</c:when>
+														<c:otherwise>
+															<a href="record?type=0&pageNo=${status.count}"
+																class="btn">${status.count}</a>
+														</c:otherwise>
+													</c:choose>
+												</c:forEach>
+											</c:when>
+											<c:otherwise>
+												<c:forEach var="item" varStatus="status"
+													begin="${page.currentPage - 5}" end="${page.totalPages}">
+													<c:choose>
+														<c:when test="${status.count == page.currentPage}">
+															<a href="record?type=0&pageNo=${status.count}"
+																class="btn active">${status.count}</a>
+														</c:when>
+														<c:otherwise>
+															<a href="record?type=0&pageNo=${status.count}"
+																class="btn">${status.count}</a>
+														</c:otherwise>
+													</c:choose>
+												</c:forEach>
+											</c:otherwise>
+										</c:choose>
+									</c:otherwise>
+								</c:choose>
+								<c:if
+									test="${page.totalPages != 0 && page.currentPage != page.totalPages}">
+									<a href="record?type=0&pageNo=${page.currentPage + 1}"
+										class="btn">Next</a>
+								</c:if>
+							</div>
+						</td>
+					</tr>
+					<!-- 分页行end -->
+				</tbody>
+			</table>
+		</div>
+	</div>
+
+	<script src="js/jquery.js"></script>
+	<script src="js/bootstrap.min.js"></script>
+	<script>
+		$('#myTab a').click(function(e) {
+			e.preventDefault()
+			$(this).tab('show')
+		})
+	</script>
+
+	<!--页脚-->
+	<footer
+		style="width: 100%;
+    position:absolute;
+    bottom:0px;
+    left:0px;">
+	<!-- <jsp:include page="footer.jsp" flush="true" /> -->
+	<div class="footer-top" style="background: #272727">
+		<div class="container">
+			<div class="row" style="margin-top: 20px;">
+				<p>
+					<font color="white"></font>
+				</p>
+			</div>
+		</div>
+	</div>
+	</footer>
+</body>
+</html>

web/css/Userinfo.css

@@ -0,0 +1,158 @@
+body {
+    background-color: #f2f2f2;
+    font-family: "Lato";
+    font-weight: 300;
+    font-size: 16px;
+    color: #555;
+    padding-top: 150px;
+
+    background-image: url(../Images/bg.jpg);
+    background-repeat: no-repeat;
+    background-position: center center;
+    background-attachment: fixed;
+    -webkit-background-size: cover;
+    -moz-background-size: cover;
+    -o-background-size: cover;
+    background-size: cover;
+}
+
+h1, h2, h3, h4, h5, h6 {
+    font-family: "Raleway";
+    font-weight: 300;
+    color: #333;
+}
+
+p {
+    line-height: 28px;
+    margin-bottom: 25px;
+}
+
+.centered {
+    text-align: center;
+}
+
+
+a {
+    color: #1abc9c;
+    word-wrap: break-word;
+
+    -webkit-transition: color 0.1s ease-in, background 0.1s ease-in;
+    -moz-transition: color 0.1s ease-in, background 0.1s ease-in;
+    -ms-transition: color 0.1s ease-in, background 0.1s ease-in;
+    -o-transition: color 0.1s ease-in, background 0.1s ease-in;
+    transition: color 0.1s ease-in, background 0.1s ease-in;
+}
+
+a:hover,
+a:focus {
+    color: #7b7b7b;
+    text-decoration: none;
+    outline: 0;
+}
+
+a:before,
+a:after {
+    -webkit-transition: color 0.1s ease-in, background 0.1s ease-in;
+    -moz-transition: color 0.1s ease-in, background 0.1s ease-in;
+    -ms-transition: color 0.1s ease-in, background 0.1s ease-in;
+    -o-transition: color 0.1s ease-in, background 0.1s ease-in;
+    transition: color 0.1s ease-in, background 0.1s ease-in;
+}
+.copyrights{
+    text-indent:-9999px;
+    height:0;
+    line-height:0;
+    font-size:0;
+    overflow:hidden;
+}
+hr {
+    display: block;
+    height: 1px;
+    border: 0;
+    border-top: 1px solid #ccc;
+    margin: 1em 0;
+    padding: 0;
+}
+
+.w {
+    background-color: #ffffff;
+    border: 1px solid #dddddd;
+    -moz-box-shadow: 5px 5px rgba(0,0,0,0.2);
+    -webkit-box-shadow: 5px 5px rgba(0,0,0,0.2);
+    box-shadow: 5px 5px rgba(0,0,0,0.2);
+}
+
+
+.col-md-4 {
+    padding-left: 0px;
+    padding-right: 0px;
+}
+
+.col-md-8 {
+    padding-left: 0px;
+    padding-right: 0px;
+}
+
+
+.nav-tabs {
+    border-bottom: 1px solid #dddddd;
+}
+
+.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
+    color: #555555;
+    cursor: default;
+    background-color: #ffffff;
+    border-left: 5px solid #1abc9c;
+    border-bottom-color: transparent;
+    border-top-color: transparent;
+    border-right-color: transparent;
+    width: 100%;
+}
+
+.nav-tabs > li > a {
+    margin-right: 2px;
+    line-height: 1.428571429;
+    border-bottom: 1px solid #dddddd;
+    border-radius: 0 0 0 0;
+    width: 100%;
+    background-color: #f2f2f2;
+}
+
+.tab-content {
+    background-color: #ffffff;
+    padding-left: 15px;
+    padding-top: 20px;
+    padding-right: 15px;
+}
+
+.tab-content h5 {
+    color: #bdc3c7;
+    font-weight: 700;
+    letter-spacing: 1px;
+}
+
+.red i {
+    font-size: 12px;
+    color: #e74c3c;
+}
+
+i {
+    vertical-align: middle;
+}
+
+.sm {
+    font-size: 14px;
+}
+
+a h6{
+    color: #1abc9c;
+}
+
+a h6:hover {
+    color: #7b7b7b;
+}
+
+grey {
+    color: #bdc3c7;
+    font-weight: 700;
+}

web/css/font-awesome.min.css

@@ -0,0 +1,403 @@
+@font-face{font-family:'FontAwesome';src:url('../font/fontawesome-webfont-v=3.2.1.eot');src:url('../font/fontawesome-webfont-.eot#iefix&v=3.2.1') format('embedded-opentype'),url('../font/fontawesome-webfont-v=3.2.1.woff') format('woff'),url('../font/fontawesome-webfont-v=3.2.1.ttf') format('truetype'),url('../font/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1') format('svg');font-weight:normal;font-style:normal;}[class^="icon-"],[class*=" icon-"]{font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;*margin-right:.3em;}
+[class^="icon-"]:before,[class*=" icon-"]:before{text-decoration:inherit;display:inline-block;speak:none;}
+.icon-large:before{vertical-align:-10%;font-size:1.3333333333333333em;}
+a [class^="icon-"],a [class*=" icon-"]{display:inline;}
+[class^="icon-"].icon-fixed-width,[class*=" icon-"].icon-fixed-width{display:inline-block;width:1.1428571428571428em;text-align:right;padding-right:0.2857142857142857em;}[class^="icon-"].icon-fixed-width.icon-large,[class*=" icon-"].icon-fixed-width.icon-large{width:1.4285714285714286em;}
+.icons-ul{margin-left:2.142857142857143em;list-style-type:none;}.icons-ul>li{position:relative;}
+.icons-ul .icon-li{position:absolute;left:-2.142857142857143em;width:2.142857142857143em;text-align:center;line-height:inherit;}
+[class^="icon-"].hide,[class*=" icon-"].hide{display:none;}
+.icon-muted{color:#eeeeee;}
+.icon-light{color:#ffffff;}
+.icon-dark{color:#333333;}
+.icon-border{border:solid 1px #eeeeee;padding:.2em .25em .15em;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
+.icon-2x{font-size:2em;}.icon-2x.icon-border{border-width:2px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
+.icon-3x{font-size:3em;}.icon-3x.icon-border{border-width:3px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
+.icon-4x{font-size:4em;}.icon-4x.icon-border{border-width:4px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;}
+.icon-5x{font-size:5em;}.icon-5x.icon-border{border-width:5px;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;}
+.pull-right{float:right;}
+.pull-left{float:left;}
+[class^="icon-"].pull-left,[class*=" icon-"].pull-left{margin-right:.3em;}
+[class^="icon-"].pull-right,[class*=" icon-"].pull-right{margin-left:.3em;}
+[class^="icon-"],[class*=" icon-"]{display:inline;width:auto;height:auto;line-height:normal;vertical-align:baseline;background-image:none;background-position:0% 0%;background-repeat:repeat;margin-top:0;}
+.icon-white,.nav-pills>.active>a>[class^="icon-"],.nav-pills>.active>a>[class*=" icon-"],.nav-list>.active>a>[class^="icon-"],.nav-list>.active>a>[class*=" icon-"],.navbar-inverse .nav>.active>a>[class^="icon-"],.navbar-inverse .nav>.active>a>[class*=" icon-"],.dropdown-menu>li>a:hover>[class^="icon-"],.dropdown-menu>li>a:hover>[class*=" icon-"],.dropdown-menu>.active>a>[class^="icon-"],.dropdown-menu>.active>a>[class*=" icon-"],.dropdown-submenu:hover>a>[class^="icon-"],.dropdown-submenu:hover>a>[class*=" icon-"]{background-image:none;}
+.btn [class^="icon-"].icon-large,.nav [class^="icon-"].icon-large,.btn [class*=" icon-"].icon-large,.nav [class*=" icon-"].icon-large{line-height:.9em;}
+.btn [class^="icon-"].icon-spin,.nav [class^="icon-"].icon-spin,.btn [class*=" icon-"].icon-spin,.nav [class*=" icon-"].icon-spin{display:inline-block;}
+.nav-tabs [class^="icon-"],.nav-pills [class^="icon-"],.nav-tabs [class*=" icon-"],.nav-pills [class*=" icon-"],.nav-tabs [class^="icon-"].icon-large,.nav-pills [class^="icon-"].icon-large,.nav-tabs [class*=" icon-"].icon-large,.nav-pills [class*=" icon-"].icon-large{line-height:.9em;}
+.btn [class^="icon-"].pull-left.icon-2x,.btn [class*=" icon-"].pull-left.icon-2x,.btn [class^="icon-"].pull-right.icon-2x,.btn [class*=" icon-"].pull-right.icon-2x{margin-top:.18em;}
+.btn [class^="icon-"].icon-spin.icon-large,.btn [class*=" icon-"].icon-spin.icon-large{line-height:.8em;}
+.btn.btn-small [class^="icon-"].pull-left.icon-2x,.btn.btn-small [class*=" icon-"].pull-left.icon-2x,.btn.btn-small [class^="icon-"].pull-right.icon-2x,.btn.btn-small [class*=" icon-"].pull-right.icon-2x{margin-top:.25em;}
+.btn.btn-large [class^="icon-"],.btn.btn-large [class*=" icon-"]{margin-top:0;}.btn.btn-large [class^="icon-"].pull-left.icon-2x,.btn.btn-large [class*=" icon-"].pull-left.icon-2x,.btn.btn-large [class^="icon-"].pull-right.icon-2x,.btn.btn-large [class*=" icon-"].pull-right.icon-2x{margin-top:.05em;}
+.btn.btn-large [class^="icon-"].pull-left.icon-2x,.btn.btn-large [class*=" icon-"].pull-left.icon-2x{margin-right:.2em;}
+.btn.btn-large [class^="icon-"].pull-right.icon-2x,.btn.btn-large [class*=" icon-"].pull-right.icon-2x{margin-left:.2em;}
+.nav-list [class^="icon-"],.nav-list [class*=" icon-"]{line-height:inherit;}
+.icon-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:-35%;}.icon-stack [class^="icon-"],.icon-stack [class*=" icon-"]{display:block;text-align:center;position:absolute;width:100%;height:100%;font-size:1em;line-height:inherit;*line-height:2em;}
+.icon-stack .icon-stack-base{font-size:2em;*line-height:1em;}
+.icon-spin{display:inline-block;-moz-animation:spin 2s infinite linear;-o-animation:spin 2s infinite linear;-webkit-animation:spin 2s infinite linear;animation:spin 2s infinite linear;}
+a .icon-stack,a .icon-spin{display:inline-block;text-decoration:none;}
+@-moz-keyframes spin{0%{-moz-transform:rotate(0deg);} 100%{-moz-transform:rotate(359deg);}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);} 100%{-webkit-transform:rotate(359deg);}}@-o-keyframes spin{0%{-o-transform:rotate(0deg);} 100%{-o-transform:rotate(359deg);}}@-ms-keyframes spin{0%{-ms-transform:rotate(0deg);} 100%{-ms-transform:rotate(359deg);}}@keyframes spin{0%{transform:rotate(0deg);} 100%{transform:rotate(359deg);}}.icon-rotate-90:before{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);}
+.icon-rotate-180:before{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);}
+.icon-rotate-270:before{-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);}
+.icon-flip-horizontal:before{-webkit-transform:scale(-1, 1);-moz-transform:scale(-1, 1);-ms-transform:scale(-1, 1);-o-transform:scale(-1, 1);transform:scale(-1, 1);}
+.icon-flip-vertical:before{-webkit-transform:scale(1, -1);-moz-transform:scale(1, -1);-ms-transform:scale(1, -1);-o-transform:scale(1, -1);transform:scale(1, -1);}
+a .icon-rotate-90:before,a .icon-rotate-180:before,a .icon-rotate-270:before,a .icon-flip-horizontal:before,a .icon-flip-vertical:before{display:inline-block;}
+.icon-glass:before{content:"\f000";}
+.icon-music:before{content:"\f001";}
+.icon-search:before{content:"\f002";}
+.icon-envelope-alt:before{content:"\f003";}
+.icon-heart:before{content:"\f004";}
+.icon-star:before{content:"\f005";}
+.icon-star-empty:before{content:"\f006";}
+.icon-user:before{content:"\f007";}
+.icon-film:before{content:"\f008";}
+.icon-th-large:before{content:"\f009";}
+.icon-th:before{content:"\f00a";}
+.icon-th-list:before{content:"\f00b";}
+.icon-ok:before{content:"\f00c";}
+.icon-remove:before{content:"\f00d";}
+.icon-zoom-in:before{content:"\f00e";}
+.icon-zoom-out:before{content:"\f010";}
+.icon-power-off:before,.icon-off:before{content:"\f011";}
+.icon-signal:before{content:"\f012";}
+.icon-gear:before,.icon-cog:before{content:"\f013";}
+.icon-trash:before{content:"\f014";}
+.icon-home:before{content:"\f015";}
+.icon-file-alt:before{content:"\f016";}
+.icon-time:before{content:"\f017";}
+.icon-road:before{content:"\f018";}
+.icon-download-alt:before{content:"\f019";}
+.icon-download:before{content:"\f01a";}
+.icon-upload:before{content:"\f01b";}
+.icon-inbox:before{content:"\f01c";}
+.icon-play-circle:before{content:"\f01d";}
+.icon-rotate-right:before,.icon-repeat:before{content:"\f01e";}
+.icon-refresh:before{content:"\f021";}
+.icon-list-alt:before{content:"\f022";}
+.icon-lock:before{content:"\f023";}
+.icon-flag:before{content:"\f024";}
+.icon-headphones:before{content:"\f025";}
+.icon-volume-off:before{content:"\f026";}
+.icon-volume-down:before{content:"\f027";}
+.icon-volume-up:before{content:"\f028";}
+.icon-qrcode:before{content:"\f029";}
+.icon-barcode:before{content:"\f02a";}
+.icon-tag:before{content:"\f02b";}
+.icon-tags:before{content:"\f02c";}
+.icon-book:before{content:"\f02d";}
+.icon-bookmark:before{content:"\f02e";}
+.icon-print:before{content:"\f02f";}
+.icon-camera:before{content:"\f030";}
+.icon-font:before{content:"\f031";}
+.icon-bold:before{content:"\f032";}
+.icon-italic:before{content:"\f033";}
+.icon-text-height:before{content:"\f034";}
+.icon-text-width:before{content:"\f035";}
+.icon-align-left:before{content:"\f036";}
+.icon-align-center:before{content:"\f037";}
+.icon-align-right:before{content:"\f038";}
+.icon-align-justify:before{content:"\f039";}
+.icon-list:before{content:"\f03a";}
+.icon-indent-left:before{content:"\f03b";}
+.icon-indent-right:before{content:"\f03c";}
+.icon-facetime-video:before{content:"\f03d";}
+.icon-picture:before{content:"\f03e";}
+.icon-pencil:before{content:"\f040";}
+.icon-map-marker:before{content:"\f041";}
+.icon-adjust:before{content:"\f042";}
+.icon-tint:before{content:"\f043";}
+.icon-edit:before{content:"\f044";}
+.icon-share:before{content:"\f045";}
+.icon-check:before{content:"\f046";}
+.icon-move:before{content:"\f047";}
+.icon-step-backward:before{content:"\f048";}
+.icon-fast-backward:before{content:"\f049";}
+.icon-backward:before{content:"\f04a";}
+.icon-play:before{content:"\f04b";}
+.icon-pause:before{content:"\f04c";}
+.icon-stop:before{content:"\f04d";}
+.icon-forward:before{content:"\f04e";}
+.icon-fast-forward:before{content:"\f050";}
+.icon-step-forward:before{content:"\f051";}
+.icon-eject:before{content:"\f052";}
+.icon-chevron-left:before{content:"\f053";}
+.icon-chevron-right:before{content:"\f054";}
+.icon-plus-sign:before{content:"\f055";}
+.icon-minus-sign:before{content:"\f056";}
+.icon-remove-sign:before{content:"\f057";}
+.icon-ok-sign:before{content:"\f058";}
+.icon-question-sign:before{content:"\f059";}
+.icon-info-sign:before{content:"\f05a";}
+.icon-screenshot:before{content:"\f05b";}
+.icon-remove-circle:before{content:"\f05c";}
+.icon-ok-circle:before{content:"\f05d";}
+.icon-ban-circle:before{content:"\f05e";}
+.icon-arrow-left:before{content:"\f060";}
+.icon-arrow-right:before{content:"\f061";}
+.icon-arrow-up:before{content:"\f062";}
+.icon-arrow-down:before{content:"\f063";}
+.icon-mail-forward:before,.icon-share-alt:before{content:"\f064";}
+.icon-resize-full:before{content:"\f065";}
+.icon-resize-small:before{content:"\f066";}
+.icon-plus:before{content:"\f067";}
+.icon-minus:before{content:"\f068";}
+.icon-asterisk:before{content:"\f069";}
+.icon-exclamation-sign:before{content:"\f06a";}
+.icon-gift:before{content:"\f06b";}
+.icon-leaf:before{content:"\f06c";}
+.icon-fire:before{content:"\f06d";}
+.icon-eye-open:before{content:"\f06e";}
+.icon-eye-close:before{content:"\f070";}
+.icon-warning-sign:before{content:"\f071";}
+.icon-plane:before{content:"\f072";}
+.icon-calendar:before{content:"\f073";}
+.icon-random:before{content:"\f074";}
+.icon-comment:before{content:"\f075";}
+.icon-magnet:before{content:"\f076";}
+.icon-chevron-up:before{content:"\f077";}
+.icon-chevron-down:before{content:"\f078";}
+.icon-retweet:before{content:"\f079";}
+.icon-shopping-cart:before{content:"\f07a";}
+.icon-folder-close:before{content:"\f07b";}
+.icon-folder-open:before{content:"\f07c";}
+.icon-resize-vertical:before{content:"\f07d";}
+.icon-resize-horizontal:before{content:"\f07e";}
+.icon-bar-chart:before{content:"\f080";}
+.icon-twitter-sign:before{content:"\f081";}
+.icon-facebook-sign:before{content:"\f082";}
+.icon-camera-retro:before{content:"\f083";}
+.icon-key:before{content:"\f084";}
+.icon-gears:before,.icon-cogs:before{content:"\f085";}
+.icon-comments:before{content:"\f086";}
+.icon-thumbs-up-alt:before{content:"\f087";}
+.icon-thumbs-down-alt:before{content:"\f088";}
+.icon-star-half:before{content:"\f089";}
+.icon-heart-empty:before{content:"\f08a";}
+.icon-signout:before{content:"\f08b";}
+.icon-linkedin-sign:before{content:"\f08c";}
+.icon-pushpin:before{content:"\f08d";}
+.icon-external-link:before{content:"\f08e";}
+.icon-signin:before{content:"\f090";}
+.icon-trophy:before{content:"\f091";}
+.icon-github-sign:before{content:"\f092";}
+.icon-upload-alt:before{content:"\f093";}
+.icon-lemon:before{content:"\f094";}
+.icon-phone:before{content:"\f095";}
+.icon-unchecked:before,.icon-check-empty:before{content:"\f096";}
+.icon-bookmark-empty:before{content:"\f097";}
+.icon-phone-sign:before{content:"\f098";}
+.icon-twitter:before{content:"\f099";}
+.icon-facebook:before{content:"\f09a";}
+.icon-github:before{content:"\f09b";}
+.icon-unlock:before{content:"\f09c";}
+.icon-credit-card:before{content:"\f09d";}
+.icon-rss:before{content:"\f09e";}
+.icon-hdd:before{content:"\f0a0";}
+.icon-bullhorn:before{content:"\f0a1";}
+.icon-bell:before{content:"\f0a2";}
+.icon-certificate:before{content:"\f0a3";}
+.icon-hand-right:before{content:"\f0a4";}
+.icon-hand-left:before{content:"\f0a5";}
+.icon-hand-up:before{content:"\f0a6";}
+.icon-hand-down:before{content:"\f0a7";}
+.icon-circle-arrow-left:before{content:"\f0a8";}
+.icon-circle-arrow-right:before{content:"\f0a9";}
+.icon-circle-arrow-up:before{content:"\f0aa";}
+.icon-circle-arrow-down:before{content:"\f0ab";}
+.icon-globe:before{content:"\f0ac";}
+.icon-wrench:before{content:"\f0ad";}
+.icon-tasks:before{content:"\f0ae";}
+.icon-filter:before{content:"\f0b0";}
+.icon-briefcase:before{content:"\f0b1";}
+.icon-fullscreen:before{content:"\f0b2";}
+.icon-group:before{content:"\f0c0";}
+.icon-link:before{content:"\f0c1";}
+.icon-cloud:before{content:"\f0c2";}
+.icon-beaker:before{content:"\f0c3";}
+.icon-cut:before{content:"\f0c4";}
+.icon-copy:before{content:"\f0c5";}
+.icon-paperclip:before,.icon-paper-clip:before{content:"\f0c6";}
+.icon-save:before{content:"\f0c7";}
+.icon-sign-blank:before{content:"\f0c8";}
+.icon-reorder:before{content:"\f0c9";}
+.icon-list-ul:before{content:"\f0ca";}
+.icon-list-ol:before{content:"\f0cb";}
+.icon-strikethrough:before{content:"\f0cc";}
+.icon-underline:before{content:"\f0cd";}
+.icon-table:before{content:"\f0ce";}
+.icon-magic:before{content:"\f0d0";}
+.icon-truck:before{content:"\f0d1";}
+.icon-pinterest:before{content:"\f0d2";}
+.icon-pinterest-sign:before{content:"\f0d3";}
+.icon-google-plus-sign:before{content:"\f0d4";}
+.icon-google-plus:before{content:"\f0d5";}
+.icon-money:before{content:"\f0d6";}
+.icon-caret-down:before{content:"\f0d7";}
+.icon-caret-up:before{content:"\f0d8";}
+.icon-caret-left:before{content:"\f0d9";}
+.icon-caret-right:before{content:"\f0da";}
+.icon-columns:before{content:"\f0db";}
+.icon-sort:before{content:"\f0dc";}
+.icon-sort-down:before{content:"\f0dd";}
+.icon-sort-up:before{content:"\f0de";}
+.icon-envelope:before{content:"\f0e0";}
+.icon-linkedin:before{content:"\f0e1";}
+.icon-rotate-left:before,.icon-undo:before{content:"\f0e2";}
+.icon-legal:before{content:"\f0e3";}
+.icon-dashboard:before{content:"\f0e4";}
+.icon-comment-alt:before{content:"\f0e5";}
+.icon-comments-alt:before{content:"\f0e6";}
+.icon-bolt:before{content:"\f0e7";}
+.icon-sitemap:before{content:"\f0e8";}
+.icon-umbrella:before{content:"\f0e9";}
+.icon-paste:before{content:"\f0ea";}
+.icon-lightbulb:before{content:"\f0eb";}
+.icon-exchange:before{content:"\f0ec";}
+.icon-cloud-download:before{content:"\f0ed";}
+.icon-cloud-upload:before{content:"\f0ee";}
+.icon-user-md:before{content:"\f0f0";}
+.icon-stethoscope:before{content:"\f0f1";}
+.icon-suitcase:before{content:"\f0f2";}
+.icon-bell-alt:before{content:"\f0f3";}
+.icon-coffee:before{content:"\f0f4";}
+.icon-food:before{content:"\f0f5";}
+.icon-file-text-alt:before{content:"\f0f6";}
+.icon-building:before{content:"\f0f7";}
+.icon-hospital:before{content:"\f0f8";}
+.icon-ambulance:before{content:"\f0f9";}
+.icon-medkit:before{content:"\f0fa";}
+.icon-fighter-jet:before{content:"\f0fb";}
+.icon-beer:before{content:"\f0fc";}
+.icon-h-sign:before{content:"\f0fd";}
+.icon-plus-sign-alt:before{content:"\f0fe";}
+.icon-double-angle-left:before{content:"\f100";}
+.icon-double-angle-right:before{content:"\f101";}
+.icon-double-angle-up:before{content:"\f102";}
+.icon-double-angle-down:before{content:"\f103";}
+.icon-angle-left:before{content:"\f104";}
+.icon-angle-right:before{content:"\f105";}
+.icon-angle-up:before{content:"\f106";}
+.icon-angle-down:before{content:"\f107";}
+.icon-desktop:before{content:"\f108";}
+.icon-laptop:before{content:"\f109";}
+.icon-tablet:before{content:"\f10a";}
+.icon-mobile-phone:before{content:"\f10b";}
+.icon-circle-blank:before{content:"\f10c";}
+.icon-quote-left:before{content:"\f10d";}
+.icon-quote-right:before{content:"\f10e";}
+.icon-spinner:before{content:"\f110";}
+.icon-circle:before{content:"\f111";}
+.icon-mail-reply:before,.icon-reply:before{content:"\f112";}
+.icon-github-alt:before{content:"\f113";}
+.icon-folder-close-alt:before{content:"\f114";}
+.icon-folder-open-alt:before{content:"\f115";}
+.icon-expand-alt:before{content:"\f116";}
+.icon-collapse-alt:before{content:"\f117";}
+.icon-smile:before{content:"\f118";}
+.icon-frown:before{content:"\f119";}
+.icon-meh:before{content:"\f11a";}
+.icon-gamepad:before{content:"\f11b";}
+.icon-keyboard:before{content:"\f11c";}
+.icon-flag-alt:before{content:"\f11d";}
+.icon-flag-checkered:before{content:"\f11e";}
+.icon-terminal:before{content:"\f120";}
+.icon-code:before{content:"\f121";}
+.icon-reply-all:before{content:"\f122";}
+.icon-mail-reply-all:before{content:"\f122";}
+.icon-star-half-full:before,.icon-star-half-empty:before{content:"\f123";}
+.icon-location-arrow:before{content:"\f124";}
+.icon-crop:before{content:"\f125";}
+.icon-code-fork:before{content:"\f126";}
+.icon-unlink:before{content:"\f127";}
+.icon-question:before{content:"\f128";}
+.icon-info:before{content:"\f129";}
+.icon-exclamation:before{content:"\f12a";}
+.icon-superscript:before{content:"\f12b";}
+.icon-subscript:before{content:"\f12c";}
+.icon-eraser:before{content:"\f12d";}
+.icon-puzzle-piece:before{content:"\f12e";}
+.icon-microphone:before{content:"\f130";}
+.icon-microphone-off:before{content:"\f131";}
+.icon-shield:before{content:"\f132";}
+.icon-calendar-empty:before{content:"\f133";}
+.icon-fire-extinguisher:before{content:"\f134";}
+.icon-rocket:before{content:"\f135";}
+.icon-maxcdn:before{content:"\f136";}
+.icon-chevron-sign-left:before{content:"\f137";}
+.icon-chevron-sign-right:before{content:"\f138";}
+.icon-chevron-sign-up:before{content:"\f139";}
+.icon-chevron-sign-down:before{content:"\f13a";}
+.icon-html5:before{content:"\f13b";}
+.icon-css3:before{content:"\f13c";}
+.icon-anchor:before{content:"\f13d";}
+.icon-unlock-alt:before{content:"\f13e";}
+.icon-bullseye:before{content:"\f140";}
+.icon-ellipsis-horizontal:before{content:"\f141";}
+.icon-ellipsis-vertical:before{content:"\f142";}
+.icon-rss-sign:before{content:"\f143";}
+.icon-play-sign:before{content:"\f144";}
+.icon-ticket:before{content:"\f145";}
+.icon-minus-sign-alt:before{content:"\f146";}
+.icon-check-minus:before{content:"\f147";}
+.icon-level-up:before{content:"\f148";}
+.icon-level-down:before{content:"\f149";}
+.icon-check-sign:before{content:"\f14a";}
+.icon-edit-sign:before{content:"\f14b";}
+.icon-external-link-sign:before{content:"\f14c";}
+.icon-share-sign:before{content:"\f14d";}
+.icon-compass:before{content:"\f14e";}
+.icon-collapse:before{content:"\f150";}
+.icon-collapse-top:before{content:"\f151";}
+.icon-expand:before{content:"\f152";}
+.icon-euro:before,.icon-eur:before{content:"\f153";}
+.icon-gbp:before{content:"\f154";}
+.icon-dollar:before,.icon-usd:before{content:"\f155";}
+.icon-rupee:before,.icon-inr:before{content:"\f156";}
+.icon-yen:before,.icon-jpy:before{content:"\f157";}
+.icon-renminbi:before,.icon-cny:before{content:"\f158";}
+.icon-won:before,.icon-krw:before{content:"\f159";}
+.icon-bitcoin:before,.icon-btc:before{content:"\f15a";}
+.icon-file:before{content:"\f15b";}
+.icon-file-text:before{content:"\f15c";}
+.icon-sort-by-alphabet:before{content:"\f15d";}
+.icon-sort-by-alphabet-alt:before{content:"\f15e";}
+.icon-sort-by-attributes:before{content:"\f160";}
+.icon-sort-by-attributes-alt:before{content:"\f161";}
+.icon-sort-by-order:before{content:"\f162";}
+.icon-sort-by-order-alt:before{content:"\f163";}
+.icon-thumbs-up:before{content:"\f164";}
+.icon-thumbs-down:before{content:"\f165";}
+.icon-youtube-sign:before{content:"\f166";}
+.icon-youtube:before{content:"\f167";}
+.icon-xing:before{content:"\f168";}
+.icon-xing-sign:before{content:"\f169";}
+.icon-youtube-play:before{content:"\f16a";}
+.icon-dropbox:before{content:"\f16b";}
+.icon-stackexchange:before{content:"\f16c";}
+.icon-instagram:before{content:"\f16d";}
+.icon-flickr:before{content:"\f16e";}
+.icon-adn:before{content:"\f170";}
+.icon-bitbucket:before{content:"\f171";}
+.icon-bitbucket-sign:before{content:"\f172";}
+.icon-tumblr:before{content:"\f173";}
+.icon-tumblr-sign:before{content:"\f174";}
+.icon-long-arrow-down:before{content:"\f175";}
+.icon-long-arrow-up:before{content:"\f176";}
+.icon-long-arrow-left:before{content:"\f177";}
+.icon-long-arrow-right:before{content:"\f178";}
+.icon-apple:before{content:"\f179";}
+.icon-windows:before{content:"\f17a";}
+.icon-android:before{content:"\f17b";}
+.icon-linux:before{content:"\f17c";}
+.icon-dribbble:before{content:"\f17d";}
+.icon-skype:before{content:"\f17e";}
+.icon-foursquare:before{content:"\f180";}
+.icon-trello:before{content:"\f181";}
+.icon-female:before{content:"\f182";}
+.icon-male:before{content:"\f183";}
+.icon-gittip:before{content:"\f184";}
+.icon-sun:before{content:"\f185";}
+.icon-moon:before{content:"\f186";}
+.icon-archive:before{content:"\f187";}
+.icon-bug:before{content:"\f188";}
+.icon-vk:before{content:"\f189";}
+.icon-weibo:before{content:"\f18a";}
+.icon-renren:before{content:"\f18b";}

web/css/orderconfirm.css

@@ -0,0 +1,775 @@
+.dib-wrap {
+	font-size:0;
+	*word-spacing:-1px
+}
+.dib-wrap .dib {
+	font-size:12px;
+	letter-spacing:normal;
+	word-spacing:normal;
+	vertical-align:top
+}
+@media screen and (-webkit-min-device-pixel-ratio:0) {
+	.dib-wrap {
+	letter-spacing:-5px
+}
+}.dib {
+	display:inline-block;
+	*display:inline;
+	*zoom:1
+}
+
+.kd-popup {
+	position:relative;
+	z-index:100;
+	padding:3px;
+	background:#f2f2f2;
+	border:1px solid #a6a6a6;
+	font-family:tahoma;
+	font-size:12px;
+	-moz-box-shadow:2px 2px 0 #ccc;
+	-webkit-box-shadow:2px 2px 0 #ccc;
+	box-shadow:2px 2px 0 #ccc
+}
+.kd-popup .box {
+	background:#fff;
+	padding:10px 15px 10px 10px;
+	font-size:12px;
+	margin-bottom:0;
+	position:static
+}
+.kd-popup .hd {
+	font-size:12px;
+	font-weight:700;
+	margin:0;
+	color:#404040;
+	line-height:18px;
+	height:auto;
+	border:0;
+	background:0
+}
+.kd-popup .bd {
+	margin-top:2px;
+	line-height:20px;
+	color:#404040;
+	padding:0;
+	border:0;
+	background:0
+}
+
+input[type=text]:focus,textarea:focus {
+	outline:0
+}
+.template {
+	display:none
+}
+.order-table {
+	width:100%;
+	margin-top:20px;
+	*table-layout:fixed
+}
+.order-table select {
+	width:140px;
+	height:24px
+}
+.order-table th {
+	border-left:2px solid #fff;
+	text-align:center;
+	height:24px;
+	line-height:24px
+}
+.order-table th.s-title {
+	width:350px;
+	border-left:0
+}
+.order-table th.s-price {
+	width:148px
+}
+.order-table th.s-amount {
+	width:118px
+}
+.order-table th.s-agio {
+	width:191px
+}
+.order-table th.s-total {
+	width:138px
+}
+.order-table th hr {
+	height:3px;
+	background-color:#B2D1FF;
+	color:#B2D1FF;
+	*display:block
+}
+.order-table tfoot td {
+	text-align:right
+}
+.tb-promotion {
+	margin-bottom:10px
+}
+.order-table tfoot .point-out {
+	padding:10px 0
+}
+.order-table tfoot .point-in {
+	position:relative;
+	padding-bottom:10px
+}
+
+.address-confirm .tmall-shop-vip-popup {
+	position:absolute;
+	z-index:9999;
+	top:-9999px;
+	left:-9999px
+}
+.address-confirm .tmall-shop-vip-popup .kd-popup {
+	border-color:#a6a6a6;
+	background:#f2f2f2;
+	position:relative
+}
+.address-confirm .tmall-shop-vip-popup .kd-popup .top {
+	background-position:-3px 0;
+	z-index:9999;
+	left:102px
+}
+.address-confirm .tmall-shop-vip-popup .kd-popup .box {
+	width:230px;
+	padding:0 10px
+}
+.address-confirm .tmall-shop-vip-popup .kd-popup .box p {
+	height:26px;
+	line-height:26px;
+	border-bottom:solid 1px #f2f2f2;
+	text-align:left
+}
+.tmall-shop-vip-popup .kd-popup .box p:last-child {
+	border:0
+}
+.tmall-shop-vip-popup .kd-popup .box p .shop-name {
+	display:inline-block;
+	zoom:1;
+	margin-right:10px;
+	width:110px;
+	overflow:hidden;
+	white-space:nowrap;
+	text-overflow:ellipsis
+}
+.tmall-shop-vip-popup .kd-popup .box p .level {
+	display:inline-block;
+	zoom:1;
+	width:60px;
+	vertical-align:top;
+	overflow:hidden;
+	height:26px
+}
+.tmall-shop-vip-popup .kd-popup .box p .level em {
+	font-size:10px;
+	padding:1px 3px 2px;
+	color:#fff;
+	background-color:#F08080
+}
+.tmall-shop-vip-popup .kd-popup .box p .vip-points {
+	display:inline-block;
+	zoom:1;
+	vertical-align:top
+}
+.order-table tfoot .point-in .t {
+	font-weight:700
+}
+.order-go {
+	clear:both;
+	text-align:right
+}
+.back {
+	padding-left:16px;
+	background:url(http://a.tbcdn.cn/app/tc/img/back.png) no-repeat 0 3px;
+	position:absolute;
+	right:150px;
+	bottom:-28px;
+	width:60px
+}
+.btn-go {
+	width:127px;
+	height:36px;
+	position:absolute;
+	right:-1px;
+	bottom:-35px;
+	_right:-2px;
+	_bottom:-36px;
+	font:700 18px/36px arial
+}
+.btn-go b {
+	background:url(http://img04.taobaocdn.com/tps/i4/T1OF12XbxrXXXXXXXX-128-36.png) no-repeat scroll 0 1px transparent;
+	width:127px;
+	height:36px;
+	float:left;
+	position:absolute;
+	top:0;
+	left:0
+}
+
+.blue-line {
+	background:url(http://img04.taobaocdn.com/tps/i4/T1Ll1iXfNXXXXXXXXX-950-1.png) no-repeat 0 bottom
+}
+.grey-line {
+	background:url(http://img03.taobaocdn.com/tps/i3/T1L81iXfNXXXXXXXXX-950-1.png) no-repeat 0 bottom
+}
+.lightgrey-line {
+	background:url(http://img03.taobaocdn.com/tps/i3/T1GQmzXh4ZXXab7Qjs-950-1.png) no-repeat 0 bottom
+}
+.label-error {
+	background-color:#FFF2E9;
+	border:1px solid #F60;
+	margin:5px 0 0;
+	padding:0 5px;
+	display:inline-block;
+	line-height:18px;
+	*display:inline;
+	*zoom:1
+}
+.order-go .confirm-error {
+	clear:both
+}
+.order-go .confirm-error .msg {
+	margin-bottom:10px;
+	float:right;
+	clear:right
+}
+.item-c2b-mobile-info {
+	background-color:#fafcff;
+	border-top:solid 1px #fff
+}
+.c2b-mobile-info {
+	margin:10px;
+	color:gray;
+	overflow:hidden
+}
+.order-table .item-c2b-mobile-info .c2b-mobile-info .mobile-attr {
+	width:205px;
+	padding-left:8px;
+	padding-right:5px;
+	border-right:1px solid #EFEFEF;
+	border-bottom:0;
+	vertical-align:top
+}
+.c2b-mobile-info .last {
+	border:0
+}
+.c2b-mobile-info .mobile-attr ul {
+	padding-left:25px
+}
+.c2b-mobile-info .mobile-attr li {
+	line-height:26px;
+	background:url(http://img01.taobaocdn.com/tps/i1/T1TsFUFodbXXbo.KDr-3-5.png) no-repeat 0 12px;
+	padding-left:8px
+}
+.order-table .first {
+	height:25px
+}
+.order-table .shop {
+	line-height:30px
+}
+.order-table .shop .seller {
+	margin-left:30px
+}
+.order-table .shop .promo {
+	text-align:right
+}
+.order-table .shop .promo div {
+	height:25px;
+	overflow:hidden
+}
+.order-table .other {
+	background-color:#f2f7ff
+}
+.order-table .other td {
+	border-bottom:1px solid #fff;
+	vertical-align:top
+}
+.order-table .shop-total {
+	background-color:#F2F7FF;
+	text-align:right
+}
+.order-table .shop-total td {
+	text-align:right;
+	padding:5px 0;
+	height:45px;
+	line-height:45px
+}
+.order-table .item td.s-total {
+	text-align:right
+}
+.other-line .title,.other-line .sel,.other-line .fee {
+	text-align:center;
+	line-height:40px
+}
+.other-line .title {
+	width:120px;
+	text-align:right;
+	position:relative;
+	right:25px
+}
+.input-disabled {
+	background-color:#ccc;
+	cursor:not-allowed
+}
+.other-line .sel {
+	width:194px
+}
+.other-line .fee {
+	width:136px;
+	*width:138px;
+	text-align:right
+}
+.other .price,.order-table .shop-total .price,.cod-tip {
+	margin-right:15px
+}
+.other .sel select {
+	width:140px
+}
+.icon img {
+	vertical-align:middle
+}
+
+
+.tm-bubble {
+	position:relative;
+	display:inline-block;
+	padding:1px 2px 2px 4px;
+	line-height:1.5;
+	text-align:left;
+	word-wrap:break-word;
+	background:#fff8d9;
+	border:1px solid #febe8f;
+	border-radius:2px;
+	-moz-border-radius:2px;
+	-webkit-border-radius:2px;
+	*display:inline;
+	*zoom:1
+}
+.tm-bubble .title {
+	color:#f60
+}
+
+.payAnother-tip {
+	display:none
+}
+.user-info {
+	width:498px
+}
+.user-info .wrap {
+	margin-left:10px;
+	border-right:1px solid #fff
+}
+.extra-info {
+	width:452px;
+	border-left:1px solid #fff;
+	margin-left:-1px
+}
+.extra-info .extra-area {
+	border-top:1px solid #fff
+}
+.extra-info .extra-area .content {
+	width:304px;
+	text-align:left;
+	padding-left:26px;
+	line-height:40px
+}
+.xb a,.xb span {
+	vertical-align:middle
+}
+.order-table .s-title .xb span {
+	margin-right:0
+}
+
+.xb .xb-truth {
+	background-position:-188px 0
+}
+.xb .xb-auth {
+	background-position:-338px 0
+}
+.xb .xb-return {
+	background-position:-156px 0
+}
+.xb .xb-quality {
+	background-position:-140px 0
+}
+.xb .xb-thunder {
+	background-position:-297px 0
+}
+.xb .xb-guarantee {
+	background-position:-319px 0
+}
+
+.order-table .item {
+	background-color:#fafcff
+}
+.order-table .item td {
+	text-align:center;
+	overflow:hidden;
+	padding:5px 0;
+	height:70px
+}
+.order-table .gift {
+	background-color:#fffaf2
+}
+.order-table .item .s-title {
+	text-align:left;
+	padding-left:70px
+}
+.order-table .item .title {
+	display:block;
+	overflow:hidden;
+	text-overflow:ellipsis;
+	white-space:nowrap;
+	width:280px;
+	word-break:break-all;
+	cursor:pointer
+}
+.order-table .item .s-title .props {
+	color:gray
+}
+.order-table .item .s-title .props span {
+	margin-right:5px
+}
+.order-table .item .s-title .itempic {
+	float:left;
+	margin-left:-60px;
+	border:1px solid #ccc;
+	width:50px;
+	height:50px
+}
+.order-table .item .price {
+	margin-right:15px
+}
+.order-table .item .s-agio select {
+	width:140px
+}
+.icon-3c em {
+	color:#fff;
+	text-indent:-9999px;
+	display:inline-block;
+	*margin-top:5px;
+	overflow:hidden;
+	display:none!important
+}
+.address {
+	margin-bottom:40px
+}
+.address .manage-address {
+	float:right;
+	font-size:12px;
+	font-weight:400
+}
+.address .set-default {
+	margin-left:15px
+}
+.address h3 {
+	border-bottom:2px solid #f1f1f1;
+	margin-bottom:20px
+}
+.address .address-list li {
+	border:1px solid #fff;
+	*zoom:1;
+	line-height:24px;
+	padding-left:75px;
+	position:relative;
+	*padding-top:2px;
+	*padding-bottom:2px;
+	*border:0
+}
+.address .address-list li:hover {
+	background-color:#fffae5
+}
+.address li input,.address li label {
+	vertical-align:middle
+}
+.address li label {
+	}.address li.selected {
+	background-color:#fff5cc;
+	border:1px solid #ffe580
+}
+.address .marker {
+	background:url(http://img04.taobaocdn.com/tps/i4/T1sGyVXmlfXXXXXXXX-14-23.gif) no-repeat transparent;
+	position:absolute;
+	top:6px;
+	_top:1px;
+	left:10px;
+	width:15px;
+	height:25px;
+	display:none
+}
+.address .marker-tip {
+	position:absolute;
+	top:0;
+	left:30px;
+	color:#F50;
+	font-weight:700;
+	display:none;
+	_height:24px;
+	_line-height:24px
+}
+.address .modify {
+	display:none;
+	position:absolute;
+	right:10px
+}
+.address li.selected .marker,.address li.selected .marker-tip,.address li.selected .modify {
+	display:block
+}
+.address .address-bar {
+	margin-top:5px
+}
+.address .new {
+	margin-left:103px;
+	background:url(http://img04.taobaocdn.com/tps/i4/T1M2FrXeJvXXXXXXXX-91-27.png) no-repeat 0 -1px #fff;
+	width:90px;
+	height:25px;
+	display:inline-block;
+	font-size:0;
+	text-indent:-99px;
+	-webkit-text-size-adjust:none;
+	vertical-align:text-top
+}
+.address .edit {
+	margin-left:103px;
+	display:inline-block
+}
+.other-address {
+	width:915px;
+	padding:15px;
+	border:3px solid #FFF7D8;
+	margin-left:35px;
+	background-color:#fff;
+	position:absolute;
+	left:-9999px;
+	top:-9999px
+}
+.other-address .title {
+	padding-left:8px;
+	float:left;
+	width:85px;
+	text-align:right;
+	color:#404040;
+	_position:relative
+}
+.other-address li {
+	line-height:24px;
+	margin-bottom:5px
+}
+.other-address li p {
+	overflow:hidden;
+	padding-left:10px;
+	position:relative;
+	*zoom:1
+}
+.other-address li em {
+	position:absolute;
+	font-style:normal;
+	color:red;
+	line-height:24px;
+	font-family:simsun;
+	left:0
+}
+.other-address hr {
+	margin:10px 0 0;
+	color:#D1D7DC;
+	background-color:#D1D7DC;
+	border:0;
+	height:1px
+}
+.other-address select {
+	height:23px;
+	line-height:23px;
+	color:#404040;
+	width:140px;
+	*vertical-align:middle
+}
+.other-address input {
+	height:22px
+}
+.other-address textarea {
+	padding:2px;
+	height:44px
+}
+.other-address .go {
+	margin-left:102px
+}
+.other-address .tips {
+	color:gray;
+	vertical-align:middle
+}
+.other-address h3 {
+	color:gray;
+	margin-bottom:20px
+}
+.other-address p {
+	*display:inline
+}
+.other-address .hd {
+	position:relative
+}
+.other-address .new-buyer-notice {
+	color:#000
+}
+.address .J_Msg {
+	display:inline-block;
+	*display:inline;
+	vertical-align:middle
+}
+#temp-address.selected {
+	background-color:#FFF;
+	border:1px solid #FFEB9C;
+	position:relative
+}
+#temp-address.selected .address-info {
+	padding-left:10px
+}
+.max-notice {
+	position:absolute;
+	left:103px;
+	top:0
+}
+.other-address .cancel span,.address-list .cancel span {
+	display:none
+}
+
+.address .address-loading {
+	display:none
+}
+.address-list .tip {
+	color:gray;
+	vertical-align:middle;
+	margin-left:20px
+}
+.address-list label em {
+	color:gray
+}
+.address-list .selected label,.address-list .selected label em {
+	font-weight:700;
+	font-size:14px
+}
+.other-address .default-addr label,.other-address .default-addr input {
+	vertical-align:middle
+}
+.other-address .default-addr label {
+	padding-left:0
+}
+.other-address .default-addr input {
+	height:auto
+}
+.address li.selected {
+	margin-bottom:7px;
+	margin-top:5px;
+	-webkit-box-shadow:5px 5px 0 #f3f3f3;
+	-moz-box-shadow:5px 5px 0 #f3f3f3;
+	box-shadow:5px 5px 0 #f3f3f3;
+	line-height:32px
+}
+.address-confirm {
+	position:relative;
+	padding-top:10px
+}
+.address-confirm .kd-popup {
+	float:right;
+	-moz-box-shadow:none;
+	-webkit-box-shadow:none;
+	box-shadow:none;
+	border-color:#fca700;
+	right:0;
+	background-color:#ffebcc
+}
+
+.order-table .insure label,.order-table .insure input,.insure .fare-insure .price,.order-table .insure-tip .price {
+	vertical-align:middle
+}
+.order-table .insure-wrap {
+	margin-right:10px
+}
+.order-table .insure-tip .price {
+	margin-right:15px;
+	*margin-right:22px;
+	_margin-right:18px
+}
+.order-table .insure-wrap .price {
+	vertical-align:baseline;
+	margin-right:0
+}
+.insure {
+	text-align:right
+}
+.insure .msg {
+	margin-right:15px;
+	margin-top:5px
+}
+.gbook {
+	text-align:left;
+	margin-bottom:5px;
+	margin-top:10px
+}
+.gbook label,.gbook textarea {
+	vertical-align:top
+}
+.gbook .msgtosaler {
+	height:45px;
+	width:394px;
+	resize:none
+}
+.gbook .tips {
+	height:20px;
+	color:#aaa
+}
+.gbook textarea {
+	*margin-left:-10px
+}
+.invoice em {
+	margin-right:10px
+}
+.invoice .h {
+	margin-right:5px
+}
+.invoice-content-lbl {
+	padding-left:15px
+}
+.invoice .invoice-content {
+	width:75px;
+	line-height:18px;
+	height:18px
+}
+.payAnother {
+	line-height:24px;
+	float:right;
+	padding-left:40px
+}
+.payAnother input {
+	vertical-align:middle
+}
+.payAnother label {
+	vertical-align:middle;
+	margin-left:5px
+}
+.unable-buy {
+	margin-top:50px
+}
+.unable-buy .title {
+	border-bottom:2px solid #f0f0f0;
+	font-weight:700;
+	line-height:24px;
+	height:24px
+}
+.unable-buy .title a {
+	font-weight:400;
+	margin-left:10px
+}
+.unable-buy .order-table-unable .item {
+	background-color:#f2f2f2
+}
+.unable-buy .s-amount .text {
+	border:0;
+	background-color:#F2F2F2
+}
+.unable-buy .other,.unable-buy .shop-total,.unable-buy .first,.unable-buy .minus,.unable-buy .plus {
+	display:none
+}
+.unable-buy .promo div {
+	display:none
+}
+
+

web/css/tasp.css

@@ -0,0 +1,140 @@
+html,legend {
+	color:#404040;
+	background:#fff;
+}
+table {
+	border-collapse:collapse;
+	border-spacing:0;
+}
+fieldset,img {
+	border:none;
+}
+address,caption,cite,code,dfn,em,strong,th,var {
+	font-style:normal;
+	font-weight:normal;
+}
+li {
+	list-style:none;
+}
+caption,th {
+	text-align:left;
+}
+h1,h2,h3,h4,h5,h6 {
+	font-size:100%;
+}
+h1 {
+	font-size:18px;
+}
+h2 {
+	font-size:16px;
+}
+h3 {
+	font-size:14px;
+}
+q:before,q:after {
+	content:'';
+}
+abbr,acronym {
+	border:none;
+	font-variant:normal;
+}
+sup {
+	vertical-align:text-top;
+}
+sub {
+	vertical-align:text-bottom;
+}
+input,button,textarea,select {
+	font-family:inherit;
+	font-size:inherit;
+	font-weight:inherit;
+}
+input,button,textarea,select {
+	*font-size:100%;
+}
+select,input,button,textarea {
+	font:100% Tahoma,Helvetica,Arial,sans-serif;
+}
+table {
+	font-size:inherit;
+	font:100%;
+}
+pre,code,kbd,samp,tt {
+	font-family:'Courier New',Courier,monospace;
+}
+small {
+	font-size:100%;
+}
+a {
+	color:#36c;
+	text-decoration:none;
+}
+a:hover {
+	color:#f60;
+	text-decoration:underline;
+}
+abbr,acronym {
+	border-bottom:1px dotted;
+	cursor:help;
+}
+ins {
+	text-decoration:none;
+}
+del {
+	text-decoration:line-through;
+}
+hr {
+	color:#D1D7DC;
+	background-color:#D1D7DC;
+	border:none;
+	height:1px;
+}
+html {
+	overflow-y:scroll;
+}
+#page,#page3 {
+	width:950px;
+	margin-left:auto;
+	margin-right:auto;
+}
+#page3 {
+	width:750px;
+}
+.col-main {
+	float:left;
+	width:100%;
+}
+.col-sub,.col-extra {
+	float:left;
+}
+
+.msg .error,.msg .stop,.msg .alert,.msg .attention,.msg .tips,.msg .ok,.msg .notice,.msg .question,.msg .help,.msg .small-help {
+	color:#404040;
+	background:url(http://a.tbcdn.cn/sys/common/img/msg_bg.png) no-repeat;
+	border:1px solid #ddd;
+	float:left;
+	padding:2px 10px 2px 23px;
+	line-height:18px;
+}
+
+.msg .tips {
+	background-position:3px -197px;
+	border-color:#ffcc7f;
+	background-color:#ffffe5;
+}
+.msg .ok {
+	background-position:3px -247px;
+	border-color:#4dbf00;
+	background-color:#f0ffe5;
+}
+.msg .notice {
+	background-position:5px -295px;
+	border-color:#40b3ff;
+	background-color:#e6f5ff;
+}
+#footer {
+	border-top:0px solid #D1D7DC;
+	width:1000px;
+	height:50px;
+}
+

web/films.jsp

@@ -0,0 +1,79 @@
+<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
+	pageEncoding="ISO-8859-1"%>
+<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<html lang="en">
+<head>
+<title>${typeStr} Films</title>
+<link rel="shortcut icon" href="favicon.ico" >
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<link rel="stylesheet"
+	href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
+<script
+	src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
+<script
+	src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
+<style>
+body {
+	background: url(images/bg.jpg);
+	background-size: cover;
+	background-attachment: fixed
+}
+</style>
+</head>
+<body>
+	<!--导航栏-->
+	<nav class="navbar navbar-inverse navbar-fixed-top"> <jsp:include
+		page="header.jsp" flush="true" /> </nav>
+	<h3>Something Here</h3>
+	<!--板块1-->
+	<c:forEach items="${films}" var="film">
+		<div class="jumbotron well">
+			<h1>
+				<img src="images/${film.image}" /> ${film.title}
+			</h1>
+			<p>
+				<button type="button" class="btn btn-warning">$${film.price}(SD)</button>
+				${film.level} | ${film.duration} | ${film.tags} | ${film.date} (USA)
+			</p>
+			<table class="table table-dark table-striped">
+				<tbody>
+					<tr>
+						<td><span class="badge badge-secondary">Introduction:</span>
+							${film.introduction}</td>
+					</tr>
+					<tr>
+						<td><span class="badge badge-secondary">Directors:</span>
+							${film.directors}</td>
+					</tr>
+					<tr>
+						<td><span class="badge badge-secondary">Writers:</span>
+							${film.writers}</td>
+					</tr>
+					<tr>
+						<td><span class="badge badge-secondary">Stars:</span>
+							${film.stars}</td>
+					</tr>
+				</tbody>
+			</table>
+			<p>
+				<c:choose>
+					<c:when test="${uid != null}">
+						<a class="btn btn-primary btn-large" href="addCart?fid=${film.id}">Add to Cart</a>
+					</c:when>
+					<c:otherwise>
+						<a class="btn btn-primary btn-large" href="signin.jsp">Login to add</a>
+					</c:otherwise>
+				</c:choose>
+				
+				
+			</p>
+		</div>
+	</c:forEach>
+
+	<!--页脚-->
+	<footer> <jsp:include page="footer.jsp" flush="true" /> </footer>
+
+</body>
+</html>

web/footer.jsp

@@ -0,0 +1,51 @@
+<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
+	pageEncoding="ISO-8859-1"%>
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
+<title></title>
+</head>
+<body>
+	<div class="footer-top" style="background: #272727">
+		<div class="container">
+			<div class="row">
+				<div class="col-lg-4 col-md-6 footer-contact">
+					<h3>
+						<font color="white">GodSpeed</font>
+					</h3>
+					<hr style="height: 3px; border: none; border-top: 3px ridge green;" />
+					<p>
+						<font color="white">We provide the best online film booking
+							services for the United States users.</font>
+					</p>
+				</div>
+
+				<div class="col-lg-4 col-md-6 footer-link">
+					<h3>
+						<font color="white">Useful Links</font>
+					</h3>
+					<hr style="height: 3px; border: none; border-top: 3px ridge green;" />
+					<ul style="list-style: none">
+						<li><a href="index.jsp"><font color="white">Home</font></a></li>
+						<li><a href="films?type=0"><font color="white">Services</font></a></li>
+					</ul>
+				</div>
+
+				<div class="col-lg-4 col-md-6 footer-contact">
+					<h3>
+						<font color="white">Contact Us</font>
+					</h3>
+					<hr style="height: 3px; border: none; border-top: 3px ridge green;" />
+					<p>
+						<font color="white"> 46 Creighton st &nbsp; Boston, 02130 &nbsp; United States <br>
+						<strong>Phone:</strong> +1 617-850-5715<br>
+						<strong>Email:</strong> gao.di1@husky.neu.edu<br>
+						</font>
+					</p>
+				</div>
+			</div>
+		</div>
+	</div>
+</body>
+</html>

web/header.jsp

@@ -0,0 +1,43 @@
+<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
+	pageEncoding="ISO-8859-1"%>
+<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
+<link rel="stylesheet"
+	href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
+<script
+	src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
+<script
+	src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
+<title></title>
+</head>
+<body>
+	<div class="container-fluid">
+		<div class="navbar-header">
+			<a class="navbar-brand" href="index.jsp">GodSpeed</a>
+		</div>
+		<ul class="nav navbar-nav">
+            <li><a href="films?type=0">Marvel</a></li>
+            <li><a href="films?type=1">DC</a></li>
+            <li><a href="films?type=2">Others</a></li>
+		</ul>
+		<ul class="nav navbar-nav navbar-right">
+		<c:choose>
+			<c:when test="${flag == true}">
+				<li><a href="userinfo"><span class="glyphicon glyphicon-user"></span> ${username}</a></li>
+				<li><a href="record?type=0"><span class="glyphicon glyphicon-film"></span> Cart</a></li>
+				<li><a href="record?type=1"><span class="glyphicon glyphicon-list"></span> History</a></li>
+				<li><a href="preAddFilm"><span class="glyphicon glyphicon-list"></span> Add film</a></li>
+				<li><a href="logout"><span class="glyphicon glyphicon-log-in"></span> Logout</a></li>
+			</c:when>
+			<c:otherwise>
+				<li><a href="register.jsp"><span class="glyphicon glyphicon-user"></span> Sign Up</a></li>
+				<li><a href="signin.jsp"><span class="glyphicon glyphicon-log-in"></span> Login</a></li>
+			</c:otherwise>
+		</c:choose>
+		</ul>
+	</div>
+</body>
+</html>

web/history.jsp

@@ -0,0 +1,187 @@
+<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
+	pageEncoding="ISO-8859-1"%>
+<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<html lang="en">
+<head>
+<meta charset="UTF-8">
+<title>History</title>
+<link rel="shortcut icon" href="favicon.ico" >
+<!--配置Bootstrap-->
+<link rel="stylesheet"
+	href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
+<script
+	src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
+<script
+	src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
+<!--配置用户表头文件-->
+<link href="css/bootstrap.css" rel="stylesheet">
+<link href="js/bootstrap.min.js">
+<link href="css/font-awesome.min.css" rel="stylesheet">
+<link href="css/Userinfo.css" rel="stylesheet">
+<link href="css/tasp.css" rel="stylesheet">
+<link href="css/orderconfirm.css" rel="stylesheet">
+<script type="text/javascript" src="js/jquery-3.2.1.js"></script>
+<link
+	href='http://fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic'
+	rel='stylesheet' type='text/css'>
+<link href='http://fonts.googleapis.com/css?family=Raleway:400,300,700'
+	rel='stylesheet' type='text/css'>
+<style>
+</style>
+</head>
+<body>
+	<!--导航栏-->
+	<nav class="navbar navbar-inverse navbar-fixed-top"> <jsp:include
+		page="header.jsp" flush="true" /> </nav>
+
+
+	<div id="page">
+		<div id="content" class="grid-c">
+			<table cellspacing="0" cellpadding="0" class="order-table">
+				<thead>
+					<tr>
+						<th class="s-total">TITLE&PRICE
+							<hr />
+						</th>
+						<th class="s-total">RELEASE DATE
+							<hr />
+						</th>
+						<th class="s-total">DURATION
+							<hr />
+						</th>
+						<th class="s-total">PAY DATE
+							<hr />
+						</th>
+					</tr>
+				</thead>
+				<tbody class="J_Shop">
+					<c:forEach items="${page.result}" var="item">
+						<tr class="item">
+							<td class="s-title"><img src="images/${item.image}"
+								class="itempic">${item.title} <br> <span>$${item.price}</span></td>
+							<td class="s-title">${item.date}</td>
+							<td class="s-title">${item.duration}</td>
+							<td class="s-title">${item.time}</td>
+						</tr>
+					</c:forEach>
+					<!-- 分页行 -->
+					<tr class="shop-total blue-line">
+						<td colspan="4">
+							<div id="pagination">
+								<c:if test="${page.totalPages != 0 && page.currentPage != 1}">
+									<a href="record?type=1&pageNo=${page.currentPage - 1}"
+										class="btn">Previous</a>
+								</c:if>
+								<c:choose>
+									<c:when test="${page.currentPage < 6}">
+										<c:choose>
+											<c:when test="${page.totalPages > 10}">
+												<c:forEach var="item" varStatus="status" begin="1" end="10">
+													<c:choose>
+														<c:when test="${status.count == page.currentPage}">
+															<a href="record?type=1&pageNo=${status.count}"
+																class="btn active">${status.count}</a>
+														</c:when>
+														<c:otherwise>
+															<a href="record?type=1&pageNo=${status.count}"
+																class="btn">${status.count}</a>
+														</c:otherwise>
+													</c:choose>
+												</c:forEach>
+											</c:when>
+											<c:otherwise>
+												<c:forEach var="item" varStatus="status" begin="1"
+													end="${page.totalPages}">
+													<c:choose>
+														<c:when test="${status.count == page.currentPage}">
+															<a href="record?type=1&pageNo=${status.count}"
+																class="btn active">${status.count}</a>
+														</c:when>
+														<c:otherwise>
+															<a href="record?type=1&pageNo=${status.count}"
+																class="btn">${status.count}</a>
+														</c:otherwise>
+													</c:choose>
+												</c:forEach>
+											</c:otherwise>
+										</c:choose>
+									</c:when>
+									<c:otherwise>
+										<c:choose>
+											<c:when test="${page.totalPages > page.currentPage + 4}">
+												<c:forEach var="item" varStatus="status"
+													begin="${page.currentPage - 5}"
+													end="${page.currentPage + 4}">
+													<c:choose>
+														<c:when test="${status.count == page.currentPage}">
+															<a href="record?type=1&pageNo=${status.count}"
+																class="btn active">${status.count}</a>
+														</c:when>
+														<c:otherwise>
+															<a href="record?type=1&pageNo=${status.count}"
+																class="btn">${status.count}</a>
+														</c:otherwise>
+													</c:choose>
+												</c:forEach>
+											</c:when>
+											<c:otherwise>
+												<c:forEach var="item" varStatus="status"
+													begin="${page.currentPage - 5}" end="${page.totalPages}">
+													<c:choose>
+														<c:when test="${status.count == page.currentPage}">
+															<a href="record?type=1&pageNo=${status.count}"
+																class="btn active">${status.count}</a>
+														</c:when>
+														<c:otherwise>
+															<a href="record?type=1&pageNo=${status.count}"
+																class="btn">${status.count}</a>
+														</c:otherwise>
+													</c:choose>
+												</c:forEach>
+											</c:otherwise>
+										</c:choose>
+									</c:otherwise>
+								</c:choose>
+								<c:if
+									test="${page.totalPages != 0 && page.currentPage != page.totalPages}">
+									<a href="record?type=1&pageNo=${page.currentPage + 1}"
+										class="btn">Next</a>
+								</c:if>
+							</div>
+						</td>
+					</tr>
+					<!-- 分页行end -->
+				</tbody>
+			</table>
+		</div>
+	</div>
+
+	<script src="js/jquery.js"></script>
+	<script src="js/bootstrap.min.js"></script>
+	<script>
+		$('#myTab a').click(function(e) {
+			e.preventDefault()
+			$(this).tab('show')
+		})
+	</script>
+
+	<!--页脚-->
+	<footer
+		style="width: 100%;
+    position:absolute;
+    bottom:0px;
+    left:0px;">
+	<!-- <jsp:include page="footer.jsp" flush="true" /> -->
+	<div class="footer-top" style="background: #272727">
+		<div class="container">
+			<div class="row" style="margin-top: 20px;">
+				<p>
+					<font color="white"></font>
+				</p>
+			</div>
+		</div>
+	</div>
+	</footer>
+</body>
+</html>

web/index.jsp

@@ -0,0 +1,82 @@
+<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
+	pageEncoding="ISO-8859-1"%>
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<html lang="en">
+<head>
+<title>GodSpeed Film Store</title>
+<link rel="shortcut icon" href="favicon.ico" >
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<link rel="stylesheet"
+	href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
+<script
+	src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
+<script
+	src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
+<style>
+body {
+	background: url(images/bg.jpg);
+	background-size: cover;
+	background-attachment: fixed
+}
+</style>
+</head>
+<body>
+	<!--导航栏-->
+	<nav class="navbar navbar-inverse"> 
+	<jsp:include page="header.jsp" flush="true" /> 
+	</nav>
+	<!--轮播-->
+	
+    
+	<div id="myCarousel" class="carousel slide">
+		<!-- 轮播（Carousel）指标 -->
+		<ol class="carousel-indicators">
+			<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
+			<li data-target="#myCarousel" data-slide-to="1"></li>
+			<li data-target="#myCarousel" data-slide-to="2"></li>
+			<li data-target="#myCarousel" data-slide-to="3"></li>
+		</ol>
+		<!-- 轮播（Carousel）项目 -->
+		<div class="carousel-inner">
+			<div class="item active">
+				<img src="images/Carousel1.jpg" alt="First slide">
+			</div>
+			<div class="item">
+				<img src="images/Carousel2.jpg" alt="Second slide">
+			</div>
+			<div class="item">
+				<img src="images/Carousel3.jpg" alt="Third slide">
+			</div>
+			<div class="item">
+				<img src="images/Carousel4.jpg" alt="Fourth slide">
+			</div>
+		</div>
+		<!-- 轮播（Carousel）导航 -->
+		<a class="left carousel-control" href="#myCarousel" role="button"
+			data-slide="prev"> <span class="glyphicon glyphicon-chevron-left"
+			aria-hidden="true"></span> <span class="sr-only">Previous</span>
+		</a> <a class="right carousel-control" href="#myCarousel" role="button"
+			data-slide="next"> <span
+			class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
+			<span class="sr-only">Next</span>
+		</a>
+	</div>
+	
+	
+	<!--正文-->
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+
+	<!--页脚-->
+	<footer> <jsp:include page="footer.jsp" flush="true" /> </footer>
+</body>
+</html>

web/js/AddressValidationMethod.js

@@ -0,0 +1,117 @@
+f_account = false;
+function xmlHttpObject() {
+	var xmlHttpRequest;
+	if (window.ActiveXObject) {
+		xmlHttpRequest = new ActiveXObject("Microsoft.XMLHTTP");
+	} else {
+		xmlHttpRequest = new XMLHttpRequest();
+	}
+	return xmlHttpRequest;
+}
+var myXmlHttpRequest = null;
+function checkName() {
+	var username = $("#username").val();
+	myXmlHttpRequest = xmlHttpObject();
+	if (myXmlHttpRequest) {
+		var url = "checkUsername?username=" + username;
+		myXmlHttpRequest.open("post", url, true);
+		myXmlHttpRequest.setRequestHeader("Content-Type",
+				"application/x-www-form-urlencoded");
+		myXmlHttpRequest.onreadystatechange = handle;
+		myXmlHttpRequest.send();
+	}
+}
+function handle() {
+	if (myXmlHttpRequest.readyState == 4 && myXmlHttpRequest.status == 200) {
+		if (myXmlHttpRequest.responseText == "true") {
+			f_account = false;
+			document.getElementById("label_username").innerHTML = "Username already exist";
+			document.getElementById('label_username').style.color= "red ";//字体颜色
+		} else {
+			f_account = true;
+			document.getElementById("label_username").innerHTML = "";
+		}
+	}
+}
+
+function Check() {
+	if ($("#username").val() == "") {
+		alert("Username needed.");
+		return false;
+	} else {
+		var re = /^[a-zA-z]\w{3,15}$/;
+		if (!re.test($("#username").val())) {
+			alert("Invaild Username");
+			return false;
+		}
+	}
+	if ($("#password").val() == "") {
+		alert("Password needed.");
+		return false;
+	} else {
+		var str = $("#password").val();
+		if (str == null || str.length < 6) {
+			alert("Password too short.");
+			return false;
+		}
+		var reg = /^[A-Za-z0-9]{6,20}$/;
+		if (!reg.test(str)) {
+			alert("Invaild Password.");
+			return false;
+		}
+	}
+	if ($("#phone").val() == "") {
+		alert("Phone needed.");
+		return false;
+	} else {
+		var re = /^(?:(?:\+|00)33[\s.-]{0,3}(?:\(0\)[\s.-]{0,3})?|0)[1-9](?:(?:[\s.-]?\d{2}){4}|\d{2}(?:[\s.-]?\d{3}){2})$/;
+		if (!re.test($("#phone").val())) {
+			alert("Invaild Phone");
+			return false;
+		}
+	}
+	if ($("#email").val() == "") {
+		alert("Email needed.");
+		return false;
+	} else {
+		var re = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
+		if (!re.test($("#email").val())) {
+			alert("Invalid E-mail.");
+			return fasle;
+		}
+	}
+	if ($("#city").val() == "") {
+		alert("City Name needed.");
+		return false;
+	} else {
+		var re = /\D+/;
+		if (!re.test($("#city").val())) {
+			alert("Invaild City Name");
+			return false;
+		}
+	}
+	if ($("#street").val() == "") {
+		alert("Street Name needed.");
+		return false;
+	} else {
+		var re = /\D+/;
+		if (!re.test($("#street").val())) {
+			alert("Invaild Street Name");
+			return false;
+		}
+	}
+	if ($("#apartment").val() == "") {
+		alert("Apt Number needed.");
+		return false;
+	} else {
+		var re = /\D+/;
+		if (!re.test($("#apartment").val())) {
+			alert("Invaild Apartment Number");
+			return false;
+		}
+	}
+	if (f_account) {
+		$("#register_form").submit();
+	}
+	return ture;
+}