一.具体实现思路
分析思路:
一.mysql中新建库和表:
tb_user
userId 主键 int 不能为空
uname 姓名 varchar(20) 不能为空
upwd 密码 varchar(20) 不能为空
remark 备注 varchar(200) 可为空
二.DBUtil工具类
1.导入mysql的jar包(jar需要放置到WebContent目录下的WEB-INF目录下的lib目录中)
2.准备db.properties配置文件
驱动名jdbcName;用户名;用户密码;连接数据库的url;
3.关闭资源
三. user对象的javaben
userId
uname
upwd
remark
四.前台:用户登录
用ajax实现用户登录:
需求:用户名文本框,密码文本框,登录按钮
登录按钮绑定点击事件
1.得到用户输入的用户名和密码
2.判断是否为空
如果为空,提示用户输入的内容不能为空
3.想后台发送ajax请求,得到后台的响应数据
$.ajax({
type:"post",
url:"login",
data:{
'uname':用户名,
'upwd':密码
},
success:function(data){
//处理响应的结果
//code=1,表示登录成功;code=0,表示登录失败
}
});
后台的实现思路:
1.接收前台传递的参数 uname,upwd
2.判断uname,upwd是否为空
如果为空,返回0,return
3.通过用户名查询用户记录是否存在(执行的是查询操作),返回的是user的对象
4.判断user对象是否为空
如果为空,返回0,return
5.如果user对象不为空,将数据库查询到的用户密码与前台传递来的密码比较
如果密码不相同,返回0,return,登录失败
如果相同,返回1,登录成功
6.jdbc操作:
1.得到数据的连接
2.准备sql语句
3.准备预处理块preparedStatement预编译sql语句
4.设置参数,下标从1开始
5.执行查询,返回resultSet的结果集
6.判断并分析结果集
如果存在,则从resultSet中取到数据,设置到user对象中
7.关闭资源(封装一下)
8.返回user对象
初级阶段:就先写前台再写后台;该封装的就封装
2. 查询用户列表
3. 添加用户/修改用户
4. 删除用户
二,下面是具体的实现步骤
1.eclipse中新建web项目
2.先实现前端:在WEB-INF中新建html文件
将所有需要引用的bootstrap,jquery,css等文件都归类到一个静态的资源文件夹下
2.1新建用户登录的html--clientlogin.html
<!
2.2新建模拟登录成功后跳转的html文件--goto.html
<!
3.在MySQL中新建tb_user的用户表
先连接数据库-->新建数据库(java27)-->新建表(tb_user)
4.后端代码实现
4.1.首先src目录下新建资源文件properties,并配置db.properties的配置文件
4.2封装获取连接, 资源关闭的功能----DBUtil工具类
package
4.3封装判断前端传递进来的参数是否为空的功能---stringEmpty
package
4.4.准备一个javaben的User类( set,get,空构造,带参构造,私有属性,重写toString等等 )
package com.shsxt.user;
/**
* javaben
* 用户对象
* @author User
*
*/
public class User {
private Integer userId;//主键 用户id
private String unmae;//用户名
private String upwd;//用户密码
private String remark;//用户备注
public User(Integer userId, String unmae, String upwd, String remark) {
super();
this.userId = userId;
this.unmae = unmae;
this.upwd = upwd;
this.remark = remark;
}
public User() {
super();
// TODO Auto-generated constructor stub
}
public Integer getUserId() {
return userId;
}
public void setUserId(Integer userId) {
this.userId = userId;
}
public String getUnmae() {
return unmae;
}
public void setUnmae(String unmae) {
this.unmae = unmae;
}
public String getUpwd() {
return upwd;
}
public void setUpwd(String upwd) {
this.upwd = upwd;
}
public String getRemark() {
return remark;
}
public void setRemark(String remark) {
this.remark = remark;
}
@Override
public String toString() {
return "User [userId=" + userId + ", unmae=" + unmae + ", upwd=" + upwd + ", remark=" + remark + "]";
}
}
4.5新建一个servelet类,右键包名--->点other----新建sevelet
package
5.打开本地服务器,将项目加入服务器中
右键 Tomcat v8.0 Server at localhost
选择 Add and Remove
会进入到如下页面:
双击选择左边需要的项目,加入到右边,点击finish-----是为了将项目加入到服务器中;
最后右键服务器,用Debug运行.
6.最后在浏览器中运行clientlogin.html
地址栏:
登录成功后会跳转到goto.html页面