前后台交互（上篇）

1：新建user.jsp，将bootstrap放进WebContent，利用其中的已经设置好的style进行页面设置

2：在user.jsp引入jquery,bootstrap

string ctx = "pageContext.request.contextPath";
<link href="${ctx }/public.css" type="text/css" rel="stylesheet" />
<link href="${ctx }/css/bootstrap.min.css" type="text/css" rel="stylesheet" />
<link href="${ctx}/css/bootstrap-theme.min.css" type="text/css" rel="stylesheet" />
<script src="$ctx }/js/jquery.min.js" type="text/javascript"></script>
<script src="${ctx }/js/bootstrap.min.js" type="text/javascript"></script> 

3:引入jstl的C标签（展示列表会用到c:foreach）

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<c:set var="ctx" value="${pageContext.request.contextPath}" /> 

5:用户页面（html）

6:用户-css设置

7：用户-弹出新增框(html)

8:用户列表-弹出新增框css

转载于:https://my.oschina.net/u/4092798/blog/3029923