登录界面是每个项目都会用得到的，也是一个项目的小开始。那么如何进行页面设计和相应的逻辑代码呢。

1.界面的设计

每个人对于界面都有不同想法和审美，这次我们主要关注登录逻辑的实现。界面设计所需的语言包括HTML，css,javascript。

1.1 界面设计代码存放位置

1.2 登录界面基础代码

登录界面最基础的就是用户名和密码，对于前端界面设计自己有自己的想法，但是有个重要的地方就是如何将此登陆界面与后端绑定。

本次只是介绍如何与后端绑定，登录界面设计大家可以自由发挥

让我们看看登录界面代码

 /day14_test（项目虚拟目录）/loginServlet(后端servlet名称)

1.2.1 首先来看看如何设置虚拟目录

 此处的虚拟目录可以自由更改

1.2.2 建立loginServlet

 建立loginServlet后然我们来看看如何实现具体代码吧

2.后端代码的实现

2.1 User类的实现

 User类封装了 你在mqsql数据库中建立的user表 对于其他属性你可以自由拓展（比如电话，邮箱...）

前面的文章我们已经学会了如何建立mysql连接池及其配置，这次让我们直接来看看loginServlet中的代码实现吧。

package cn.itcast.web.servlet;

import cn.itcast.dao.UserDao;
import cn.itcast.domain.User;
import org.apache.commons.beanutils.BeanUtils;

import javax.servlet.*;
import javax.servlet.http.*;
import javax.servlet.annotation.*;
import java.io.IOException;
import java.lang.reflect.InvocationTargetException;
import java.util.Map;

@WebServlet(name = "loginServlet", value = "/loginServlet")
public class loginServlet extends HttpServlet {
    @Override
    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        //1.设置编码
        request.setCharacterEncoding("utf-8");


        //2.获取所有参数
        Map<String, String[]> map = request.getParameterMap();

        //3.封装到user
        User loginUser=new User();
        try {
            BeanUtils.populate(loginUser,map);
        } catch (IllegalAccessException e) {
            e.printStackTrace();
        } catch (InvocationTargetException e) {
            e.printStackTrace();
        }


        //4.调用Userdao

        UserDao dao=new UserDao();
        User user = dao.login(loginUser);

        //5.判断登录是否成功
        if(user==null)
        {
            //失败
            request.getRequestDispatcher("/failServlet").forward(request,response);
        }
        else
        {
            //成功
            request.setAttribute("user",user);
            request.getRequestDispatcher("/successServlet").forward(request,response);
        }
    }

    @Override
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        this.doGet(request,response);
    }
}

request.getParameterMap()：可以获取你的登录界面的所有参数（用户名，密码，电话...）

BeanUtils.populate(loginUser,map):将所有参数封装到你设计好的User中

BeanUtils：需要jar包

链接：https://pan.baidu.com/s/1cxRQEYzu1GlZ2uHXVdzTlg?pwd=qwrr 
提取码：qwrr

将其导入后即可使用

UserDao类的具体实现

public class UserDao {

    //申明jdbctemplate
    public JdbcTemplate template=new JdbcTemplate(JDBCutils.getDataSource());


    public User login(User loginUser)
    {
        try {
            String sql="select * from user where username = ? and password = ?";

            User user = template.queryForObject(sql, new BeanPropertyRowMapper<User>(User.class),
                    loginUser.getUsername()
                    , loginUser.getPassword());


            return user;
        } catch (DataAccessException e) {
            e.printStackTrace();
            return null;
        }
    }
}

好啦到这里就结束，谢谢支持