前后台交互（上篇）

用户列表

1. 新建 user.jsp 、在 WebContent 中放入 bootstrap 的文件
2. 在 user.jsp 引入 jquery 、 bootstrap

<link href="${pageContext.request.contextPath }/public.css" type="text/css" rel="stylesheet" />
<link href="${pageContext.request.contextPath }/css/bootstrap.min.css" type="text/css" rel="stylesheet" />
<link href="${pageContext.request.contextPath }/css/bootstrap-theme.min.css" type="text/css" rel="stylesheet" />
<script src="${pageContext.request.contextPath }/js/jquery.min.js" type="text/javascript"></script>
<script src="${pageContext.request.contextPath }/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}" /> 

HTML代码

用户列表-CSS

用户列表-弹出新增框html

 

转载于:https://my.oschina.net/u/4091282/blog/3029946