读者需自行下载jquery包，放到webContent文件夹下的js包下。然后创建几个测试页面，分别如下：
Login.jsp，项目的入口界面。
[html]
进入用户管理页
进入用户管理页
Index.jsp，用户管理的主界面
[html] <%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<script type="text/java script" src="../js/jquery-1.7.1.js">
<script type="text/java script">
function del(id){
$.get("/test_ssh/user/delUser id=" + id,function(data){
if("success" == data.result){
alert("删除成功");
window.location.reload();
}else{
alert("删除失败");
}
});
}
添加用户
| 姓名 | 年龄 | 操作 |
|---|---|---|
| ${user.userName } | ${user.age } | 编辑 删除 |
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<script type="text/java script" src="../js/jquery-1.7.1.js">
<script type="text/java script">
function del(id){
$.get("/test_ssh/user/delUser id=" + id,function(data){
if("success" == data.result){
alert("删除成功");
window.location.reload();
}else{
alert("删除失败");
}
});
}
添加用户
| 姓名 | 年龄 | 操作 |
|---|---|---|
| ${user.userName } | ${user.age } | 编辑 删除 |
addUser.jsp，添加用户界面
[html] <%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<script type="text/java script">
function addUser(){
var form = document.forms[0];
form.action = "/test_ssh/user/addUser";
form.method="post";
form.submit();
}
添加用户
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<script type="text/java script">
function addUser(){
var form = document.forms[0];
form.action = "/test_ssh/user/addUser";
form.method="post";
form.submit();
}
添加用户
editUser.jsp，修改用户信息界面。
[html] <%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<script type="text/java script" src="../js/jquery-1.7.1.js">
编辑用户
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<script type="text/java script" src="../js/jquery-1.7.1.js">
编辑用户
还有success.jsp和error.jsp页面，无代码，就不再展示。