分析
登录功能实现UserService&UserDao
生成UserService与测试逻辑
- 测试逻辑
@Test
public void test01(){
//将用户输入的账号密码传到后台
UserService userService = new UserService();
//查找用户数据
User user = userService.findUserByName("jackrock");
//查看对象
if(user == null){
System.out.println("不存在");
}else{
System.out.println("存在");
}
@Test
public void test02(){
//将用户输入的账号密码传到后台
UserService userService = new UserService();
//查找用户数据
User user = new User();
user.setUsername("jackrock");
user.setPassword("12345678");
user.setStatus("Y");
int code = userService.login(user);
System.out.println(code);
- UserService
public User findUserByName(String name) {
//getMapper是mybatis,给接口生成实现类,将实现类对象返回
UserDao userDao = MySessionUtils2.getMapper(UserDao.class);
//根据用户名查找用户
User user = userDao.findByName(name);
MySessionUtils2.commitAndClose();
return user;
}
- User
//用户数据
public class User {
private int uid;
private String username;
private String password;
private Date birthday;
private String name;
private String sex;
private String telephone;
private String email;
private String status;
private String code;
编写UserDao以及测试逻辑
@Test
public void test01() {
//查找对象
User user = userDao.findByName("jackrock");
//查看对象
System.out.println(user);
- UserDao
User findByName(String username);
- UserDao.xml
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE mapper
PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
"http://mybatis.org/dtd/mybatis-3-mapper.dtd">
<mapper namespace="com.wxx.dao.UserDao">
<select id="findByName" parameterType="string" resultType="user">
select * from tab_user where username = #{username}
</select>
</mapper>
- SqlMapConfig.xml配置映射文件
<mappers>
<mapper resource="UserDao.xml"/>
</mappers>
编写UserService的登录功能
public int login(User user) {
//账号密码
UserDao userDao = MySessionUtils2.getMapper(UserDao.class);
User u = userDao.findByName(user.getUsername());
//比对数据库的账号密码
if (u == null) {
return -1;//找不到jack
} else {
//判断是否是激活的账户
if ("Y".equals(u.getStatus())) {
//是激活用户
if (u.getUsername().equals(user.getUsername()) && u.getPassword().equals(user.getPassword())) {
return 1;//提示登录成功
} else {
return -2;//账号或者密码出错
}
} else {
return -3;//已激活
}
}
}
ThreadLocal介绍
- (1)在实际开发中,SqlSession属于Dao层代码,不允许出现在Service层中
删除Mybastis依赖 - (2)ThreadLocal是什么?
java.lang.ThreadLocal 该类提供了线程局部 (thread-local) 变量,用于在当前线程中共享数据。 - (3)有什么特点?
》1 ThreadLocal工具类底层就是一个Map,key存放的当前线程,value存放需要共享的数据。
》2 使用哪个线程存的,就只能使用哪个线程取
模拟ThreadLocal类
public class ThreadLocal{
private Map<Thread,Object> map = new HashMap<Thread,Object>();
public void set(Connection conn){
map.put(Thread.currentThread(),conn); //以当前线程对象作为key
}
public Object get(){
map.get(Thread.currentThread()); //只有当前线程才能取出value数据
}
}
- 测试
public class TestThreadLocal {
private ThreadLocal<String> map = new ThreadLocal<String>();
@Before
public void test00(){
System.out.println("Before");
System.out.println(Thread.currentThread());
map.set("hello");//map.put(Thread.currentThread(),"hello")
}
@Test
public void test01(){
System.out.println("Test");
System.out.println(Thread.currentThread());
System.out.println(map.get());map.get(Thread.currentThread())
}
}
ThreadLocal改造MySessionUtils
public class MySessionUtils2 {
private static SqlSessionFactory sessionFactory;
//static 静态代码,在类加载的时候执行一次,且只执行一次
static{
// 》1 创建SqlSessionFactoryBuilder对象
SqlSessionFactoryBuilder sqlSessionFactoryBuilder = new SqlSessionFactoryBuilder();
// 》2 创建SqlSessionFactory对象
InputStream inputStream = MySessionUtils2.class.getClassLoader().getResourceAsStream("SqlMapConfig.xml");
sessionFactory = sqlSessionFactoryBuilder.build(inputStream);//加载核心配置文件 参1 输入流
// 》3 加载SqlMapConfig.xml配置文件
}
//A: 定义一个ThreadLocal集合,本质是Map<Thread,Object> map
private static ThreadLocal<SqlSession> map = new ThreadLocal<SqlSession>();
public static SqlSession getSession() {
//查找在local中,是否有对应的SqlSession
SqlSession sqlSession = map.get(); //map.get(Thread.currentThread())
if (sqlSession != null) {
//有就直接返回给调用者使用
return sqlSession;
} else {
//没有就创建一个新的,并且保存在local
sqlSession = sessionFactory.openSession();
//保存
map.set(sqlSession);
return sqlSession;
}
}
public static void commitAndClose() {
//将来进行写操作,之后需要提交,我们定义的方法
SqlSession session = map.get();
if (session != null) {
session.commit();//提交
session.close();//释放
//已经关闭的session不能留在local
//所以要删除
map.remove();
}
}
public static void rollbackAndClose() {
//将来进行写操作,之后需要提交,我们定义的方法
SqlSession session = map.get();
if (session != null) {
session.rollback();//回滚
session.close();//释放
//已经关闭的session不能留在local
//所以要删除
map.remove();
}
}
public static <T> T getMapper(Class clz) {
return (T) getSession().getMapper(clz);
}
}
登陆前台-表单校验
- 实际项目中数据的格式都是在浏览器校验,why?
提升用户体验,并减轻服务器压力。 - 校验用户名 /^\w{8,20}$/ 单词字符,长度8到20位
- 校验密码 /^\w{8,20}$/ 单词字符,长度8到20位
- 校验密码邮箱 = /^\w+@\w+.\w+$/ 邮箱 xxx@qq.com
- 正则表达式
正则表达式.test(字符串)
返回一个布尔值
true 格式正确
false 格式错误
- login.jsp
<script type="text/javascript" >
function checkUserName(){
//获取输入框的值
var username = $("#username").val();
//正则表达式 定义一个规则,执行test方法,符合规则返回true,否则返回false
var reg = /^\w{8,20}$/ ;
var flag = reg.test(username); //判断
//如果符合要求,设置输入框边框是正常,否则设置红色
if(flag){
$("#username").css("border","");
}else{
$("#username").css("border","1px solid red");
}
//alert(flag)
return flag;
}
function checkPassword(){
//判断密码输入框的值是否合法
var username = $("#password").val();
var reg = /^\w{8,20}$/ ;
var flag = reg.test(username); //判断
if(flag){
$("#password").css("border","");//无色框
}else{
$("#password").css("border","1px solid red");//红框
}
//alert(flag)
return flag;
}
$(function () {
// 判断两个输入框架的是否格式正确
$("#username").blur(checkUserName);//输入框失去焦点
// 如果正确,使用ajax发送请求到servlet
$("#password").blur(checkPassword);
//编写ajax请求
})
</script>
登陆前台 表单检验2
- submit函数
控制表单是否提交,函数返回true,表单提交,返回false表单不提交
此处
在ajax提交,则写false
页面是一个带有submit按钮的form表单 ,可以拦截
<form id="loginForm" action="" method="post" accept-charset="utf-8">
...
<input type="submit" value="登录">
</form>
$("#loginForm").submit(function () {
alert("拦截下来")
//写false,表示拦截
return false;
})
- 使用jquery编写ajax请求
$("#btn_login").click(function () {
//要求两个值正确,我们才做提交
if(checkUserName()&&checkPassword()){
var un = $("#username").val()
var pw = $("#password").val()
//alert(un+pw)
//写提交
$.ajax({
url:"loginServlet",
async:true,
data:"username="+un+"&password="+pw,
type:"post",
dataType:"json",
success:function (data) {
alert(data)
},
error:function () {
alert("服务器发生了错误")
}
});
}
})
登陆后台Servlet实现
- 接收请求获取参数
- 处理参数
- 将结果响应给浏览器
- LoginServlet
@WebServlet("/loginServlet")
public class LoginServlet extends HttpServlet {
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
doGet(request,response);
}
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
//获取请求参数
Map<String, String[]> map = request.getParameterMap();
User u = new User();
try {
//参1 javaBean 参2 map
BeanUtils.populate(u,map);//将map里面所有的参数赋值给javaBean
} catch (IllegalAccessException e) {
e.printStackTrace();
} catch (InvocationTargetException e) {
e.printStackTrace();
}
//处理参数
UserService userService = new UserService();
int code = userService.login(u);
//响应给浏览器 ajax 是响应json给浏览器就可以
ResponseInfo info = new ResponseInfo();
info.setCode(code);
if(code == - 1){
info.setData("用户不存在");
}else if(code == 1){
info.setData("登录成功");
//查找出用户数据
User user = userService.findUserByName(u.getUsername());
//保存到session中
request.getSession().setAttribute("user",user);
}else if(code == -2){
info.setData("账号密码出错");
}else if(code == -3){
info.setData("账号未激活");
}
//转成json
String json =new ObjectMapper().writeValueAsString(info);
response.getWriter().println(json);
}
}
中文乱码使用过滤器
/**
* 解决全站乱码问题,处理所有的请求
*/
@WebFilter("/*")
public class CharchaterFilter implements Filter {
public void init(FilterConfig filterConfig) throws ServletException {
}
public void doFilter(ServletRequest req, ServletResponse rep, FilterChain filterChain) throws IOException, ServletException {
req.setCharacterEncoding("utf-8");
// 处理响应乱码
rep.setContentType("text/html;charset=utf-8");
// 放行请求
filterChain.doFilter(req,rep);
}
public void destroy() {
}
}
jsp支持EL表达式与jstl标签库
处理提示
$("#btn_login").click(function () {
//要求两个值正确,我们才做提交
if(checkUserName()&&checkPassword()){
var un = $("#username").val()
var pw = $("#password").val()
//alert(un+pw)
//写提交
$.ajax({
url:"loginServlet",
async:true,
data:"username="+un+"&password="+pw,
type:"post",
dataType:"json",
success:function (data) {
// alert(data) {"code":1,"data":"登录成功"}
if(1 == data.code){
//跳转到主页 index.html
$("#errorMsg").html("");
window.location="index.html"
}else{
//显示在界面上
$("#errorMsg").html(data.data);
}
},
error:function () {
alert("服务器发生了错误")
}
});
}
})