首先准备工作
1、将mysql的jar包拷贝到项目的WEB-INF的lib目录下
2、将db.properties配置文件拷贝到项目中
需要检查配置文件中的数据库名和账号密码是否正确
3、拷贝工具类到项目中（DBUtil数据库工具类、StringUtil字符串工具类）
测试一下mysql连接是否正常
4、在WebContent目录下创建statics目录，用来存放静态资源（js、css、image）
需要bootstrap框架和Jquery，将相关的依赖拷贝到statics目录下
导入项目
选择项目右键，选择"Build Path"，选择"Configure Build Path"
1、修改jdk版本
2、添加Tomcat服务
用户模块
通过判断用户行为的值调用不同的方法
用户行为名称 actionName
用户登录 actionName="login"
用户列表 actionName="list"
用户删除 actionName="delete"
用户修改 actionName="update"
用户添加 actionName="add"
用户退出 actionName="logout"
得到用户行为
String actionName = request.getParameter("actionName");
判断用户行为
if ("login".equals(actionName)) {
调用指定方法
用户登录();
}
一、用户登录
前台
表单
提交地址：userServlet
提交方式：POST
id属性值：loginForm
表单元素：
隐藏域：
name="actionName"，value="login"，设置隐藏域，传递用户行为给后台Servlet；后台Servlet根据不同的用户行为调用对应的方法
文本框
name="userName"，id="userName"，用户姓名
密码框
name="userPwd"，id="userPwd"，用户密码
普通按钮
id="asubmit"，绑定点击事件，判断参数非空，提交表单
提示元素：
span元素，用来做提示信息显示
给"登录"按钮绑定点击事件
1、获取表单元素的值（用户姓名、用户密码）
2、判断值是否为空
如果为空，将错误信息设置span元素中，并return
3、如果不为空，提交表单
后台
1、获取前台传递的参数 （用户姓名、用户密码）
2、通过字符串工具类StringUtil的isEmpty方法，判断参数是否为空
如果为空
将状态码和错误原因及响应的对象设置到resultInfo响应对象中
将resultInfo响应对象设置到request作用域中
请求转发跳转到登录页面
return
3、如果不为空，通过用户名从数据库中查询用户对象，返回用户对象（要么查到一个对象，要么为空）
4、判断用户对象是否为空
如果为空
将状态码和错误原因及响应的对象设置到resultInfo响应对象中
将resultInfo响应对象设置到request作用域中
请求转发跳转到登录页面
return
5、如果用户存在，将数据库中查询到的用户密码与前台传递的用户密码作比较
如果密码不正确
将状态码和错误原因及响应的对象设置到resultInfo响应对象中
将resultInfo响应对象设置到request作用域中
请求转发跳转到登录页面
如果密码正确
将用户对象存到session作用域中
重定向跳转index.jsp
二、用户列表
前台
后台
1、查询用户表中的数据，得到用户集合
2、判断用户集合是否为空
如果为空
将状态码和错误原因设置到resultInfo响应对象中
如果不为空
将状态码和错误原因及用户集合设置到resultInfo响应对象中
将对象转换成json格式的字符串，响应给ajax的回调函数
1、设置响应类型及编码格式 （json格式）
response.setContentType("application/json;charset=UTF-8");
2、得到字符输出流
3、通过fastjson的方法将resultInfo对象转换成json字符串
4、通过输出流输出json格式的字符串
5、关闭资源
三、用户删除
前台
1、给每个tr元素添加id属性值 id="tr_"+userId
2、给删除按钮绑定点击事件，传递参数：userId
3、弹出提示框询问用户是否确认删除
4、如果是，则发送ajax请求
code
1=成功
提示删除成功，移除指定tr记录
0=失败
提示删除失败
后台
1、获取参数（用户ID）
2、判断参数是否为空
3、通过用户ID删除指定记录，返回受影响的行数
4、判断受影响的行数是否大于0
如果大于0，输出"1"；否则输出"0"
四、用户修改
前台
给"修改"按钮绑定点击事件
1、打开修改模态框 $("#模态框的ID属性值").modal("show");
2、通过用户ID得到要修改的tr对象
3、获取tr的所有子元素td
4、分别得到具体的td的值，赋给模态框中的文本
给模态框中的"提交更改"按钮绑定点击事件
1、获取元素的值（用户ID、姓名、密码、年龄、性别）
2、参数的非空判断
如果为空，提示用户
3、发送ajax请求
返回"1"或"0"
成功
关闭模态框
修改指定tr记录的人单元格的值
提示用户
失败
提示用户
后台
1、获取参数
2、判断参数是否为空
3、通过用户ID修改指定用户记录，返回受影响的行数
4、判断受影响的行数是否大于0
如果大于0，输出"1"；否则输出"0"
五、用户添加
前台
给"添加"按钮绑定点击事件
1、打开添加模态框
给模态框中的"提交更改"按钮绑定点击事件
1、获取元素的值（姓名、密码、年龄、性别）
2、参数的非空判断
如果为空，提示用户
3、发送ajax请求
获取的返回值： 成功或失败状态码，返回的主键
返回resultInfo对象
code 1=成功；0=失败
result 主键（添加用户记录成功后数据库生成的主键）
判断是否添加成功
result.code == 1
关闭模态框
添加tr记录
提示用户
result.code != 1
提示用户
后台
1、获取参数
2、判断参数是否为空
3、添加用户记录，返回主键
4、判断主键是否大于0
如果大于0，resultInfo对象的code为1，result的值为主键
如果不大于0，resultInfo对象的code为0
六、用户退出