环境开发----了解前后台交互

环境开发----了解前后台交互

  • 新建user.jsp、在WebContent中放入bootstrap的文件
  • 在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> 

  • 引入jstl的C标签(展示列表会用到c:foreach)
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<c:set var="ctx" value="${pageContext.request.contextPath}" /> 
  • 用户列表-html代码
    环境开发----了解前后台交互
  • 环境开发----了解前后台交互
  • 用户列表-弹出新增框html

环境开发----了解前后台交互

  • 用户列表-弹出新增框css

环境开发----了解前后台交互

  • js:
    环境开发----了解前后台交互
    环境开发----了解前后台交互