为什么要学习这个框架，因为在实际的项目开发中，大多都是互联网项目，现在这些项目对性能的要求比较高，所以有必要学习一下这个框架。
首先是项目的整体结构：
login.html
1 <%@ page language="java" contentType="text/html; charset=UTF-8" 2 pageEncoding="UTF-8"%> 3 <!DOCTYPE html> 4 <html> 5 <head lang="en"> 6 <meta charset="UTF-8"> 7 <title>系统登录 - 超市订单管理系统</title> 8 <link type="text/css" rel="stylesheet" href="${pageContext.request.contextPath }/statics/css/style.css" /> 9 <script type="text/javascript"> 10 /* if(top.location!=self.location){ 11 top.location=self.location; 12 } */ 13 </script> 14 </head> 15 <body class="login_bg"> 16 <section class="loginBox"> 17 <header class="loginHeader"> 18 <h1>超市订单管理系统</h1> 19 </header> 20 <section class="loginCont"> 21 <form class="loginForm" action="${pageContext.request.contextPath }/user/doLogin.html" name="actionForm" id="actionForm" method="post" > 22 <div class="info">${error }</div> 23 <div class="inputbox"> 24 <label for="user">用户名：</label> 25 <input type="text" class="input-text" id="userCode" name="userCode" placeholder="请输入用户名" required/> 26 </div> 27 <div class="inputbox"> 28 <label for="mima">密码：</label> 29 <input type="password" id="userPassword" name="userPassword" placeholder="请输入密码" required/> 30 </div> 31 <div class="subBtn"> 32 <input type="submit" value="登录"/> 33 <input type="reset" value="重置"/> 34 </div> 35 </form> 36 </section> 37 </section> 38 </body> 39 </html>