三层架构综合练习--第二篇

综合练习–2 登入、添加、删除功能

今天是在昨天的项目中添加登入,添加,删除,修改的简单操作。
简单功能
1. 列表查询
2. 登录
3. 添加
4. 删除
5. 修改
列表查询的功能昨天的代码已经简单实现,今天实现下面的几个功能。后面还有比较复杂的功能:删除选中,分页查询,复杂条件查询明天实现。

一. 登录

1、修改数据库,添加用户名和密码字段

在这里插入图片描述

修改实体类添加对应的username和password属性。这里本来应该有一个管理员登入账号密码的表格,这个项目省略了,直接在

2、流程分析

在这里插入图片描述

3、dao层添加方法

UserDao.java

/**
     * 用于登录
     * @param user
     * @return
     */
    User findByUserNameAndPassword(User user);

UserDaoImpl.java

 @Override
    public User findByUserNameAndPassword(User user) {

        String sql = "select * from user where username=? and password=?";
        User u=null;
        try {
           u= template.queryForObject(sql, new BeanPropertyRowMapper<>(User.class), user.getUsername(), user.getPassword());
        }catch(Exception ex){

        }
        return u;
    }

虽然我也不知道为什么要定义接口,老师说以后业务如果复杂,接口会带来很多方便。这里不明觉厉吧,跟着写。

4、service层添加方法

UserService.java

 /**
     * 登录
     * @param user
     * @return
     */
    User login(User user);

UserServiceImpl.java

  @Override
    public User login(User user) {
        return userDao.findByUserNameAndPassword(user);
    }

5、添加UserLoginServlet

@WebServlet(value = "/UserLoginServlet")
public class UserLoginServlet extends HttpServlet {
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        //处理请求乱码
        request.setCharacterEncoding("utf-8");

        //接收验证码
        String verifycode = request.getParameter("verifycode");
        //获取服务器端产生的验证码
        HttpSession session = request.getSession();
        String server_verifycode=(String)session.getAttribute("CHECKCODE_SERVER");
        //获取完服务器验证码后,立即从服务器端删除
        session.removeAttribute("CHECKCODE_SERVER");

        //比较验证码
        if(verifycode!=null&&verifycode.equalsIgnoreCase(server_verifycode)){
            //如果验证码正确

            //接收前台传过来的用户名和密码
            Map<String, String[]> parameterMap = request.getParameterMap();
            //将用户名和密码封装到User对象中
            User user = new User();
            try {
                BeanUtils.populate(user,parameterMap);
            } catch (IllegalAccessException e) {
                e.printStackTrace();
            } catch (InvocationTargetException e) {
                e.printStackTrace();
            }

            //调用业务层进行验证
            UserService userService = new UserServiceImpl();
            User u=userService.login(user);

            //判断是否登录成功
            if(u==null){
                //登录失败
                request.setAttribute("errormsg","用户名或密码出错");
                request.getRequestDispatcher("/login.jsp").forward(request,response);
            }else{
                //登录成功
                session.setAttribute("user",u);

                //重定向到index.jsp
                response.sendRedirect(request.getContextPath()+"/index.jsp");
            }


        }else{
            //如果验证码出错
            request.setAttribute("errormsg","验证码出错");
            request.getRequestDispatcher("/login.jsp").forward(request,response);
        }


    }

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

6、login.jsp

<%@ page contentType="text/html;charset=UTF-8" language="java" %>

<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta name="viewport" content="width=device-width, initial-scale=1"/>
    <title>管理员登录</title>

    <!-- 1. 导入CSS的全局样式 -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <!-- 2. jQuery导入,建议使用1.9以上的版本 -->
    <script src="js/jquery-2.1.0.min.js"></script>
    <!-- 3. 导入bootstrap的js文件 -->
    <script src="js/bootstrap.min.js"></script>
    <script type="text/javascript">
    </script>
  </head>
  <body>
  	<div class="container" style="width: 400px;">
  		<h3 style="text-align: center;">管理员登录</h3>
        <form action="${pageContext.request.contextPath}/UserLoginServlet" method="post">
	      <div class="form-group">
	        <label for="user">用户名:</label>
	        <input type="text" name="username" class="form-control" id="user" placeholder="请输入用户名"/>
	      </div>
	      
	      <div class="form-group">
	        <label for="password">密码:</label>
	        <input type="password" name="password" class="form-control" id="password" placeholder="请输入密码"/>
	      </div>
	      
	      <div class="form-inline">
	        <label for="vcode">验证码:</label>
	        <input type="text" name="verifycode" class="form-control" id="verifycode" placeholder="请输入验证码" style="width: 120px;"/>
	        <a href="javascript:refreshCode()"><img src="${pageContext.request.contextPath}/checkCode" title="看不清点击刷新" id="vcode" /></a>
	      </div>
	      <hr/>
	      <div class="form-group" style="text-align: center;">
	        <input class="btn btn btn-primary" type="submit" value="登录">
	       </div>
	  	</form>
		
		<!-- 出错显示的信息框 -->
	  	<div class="alert alert-warning alert-dismissible" role="alert">
		  <button type="button" class="close" data-dismiss="alert" >
		  	<span>&times;</span></button>
		   <strong>${errormsg}</strong>
		</div>
  	</div>
  <script>
	  function refreshCode(){
	  	document.getElementById("vcode").src="${pageContext.request.contextPath}/checkCode?"+new Date().getTime();
	  }
  </script>
  </body>
</html>

二、添加功能

1、流程分析

在这里插入图片描述

2、dao层

UserDao.java

    /**
     * 添加用户
     * @param user
     */
    void add(User user);

UserDaoImpl.java

    @Override
    public void add(User user) {
        String sql ="insert into user(name,gender,age,address,qq,email) values(?,?,?,?,?,?)";
        template.update(sql,user.getName(),user.getGender(),user.getAge(),user.getAddress(),user.getQq(),user.getEmail());
    }

3、Service层

UserService.java

    /**
     * 添加用户
     */
    void add(User user);

UserServiceImpl.java

    @Override
    public void add(User user) {
        userDao.add(user);
    }

4、web层

添加AddUserServlet处理添加请求

AddUserServlet.java

@WebServlet(value = "/AddUserServlet")
public class AddUserServlet extends HttpServlet {
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        //乱码处理
        request.setCharacterEncoding("utf-8");

        //接收数据并封装到User对象中
        Map<String, String[]> parameterMap = request.getParameterMap();
        User user= new User();
        try {
            BeanUtils.populate(user,parameterMap);
        } catch (IllegalAccessException e) {
            e.printStackTrace();
        } catch (InvocationTargetException e) {
            e.printStackTrace();
        }

        //调用业务层保存用户信息
        UserService userService = new UserServiceImpl();
        userService.add(user);

        //
        //request.getRequestDispatcher("/list.jsp").forward(request,response);
        //跳转到UserListServlet重新查询数据库并跳转到list.jsp显示
        response.sendRedirect(request.getContextPath()+"/UserListServlet");
    }

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

5、前端页面

1、list.jsp
在这里插入图片描述

2、add.jsp

在这里插入图片描述

三、删除功能

1、流程分析

在这里插入图片描述

2、dao层

UserDao.java

    /**
     * 根据id删除指定用户
     * @param id
     */
    void delete(int id);

UserDaoImpl.java

    @Override
    public void delete(int id) {
        String sql = "delete from user where id=?";
        template.update(sql,id);
    }

3、Service层

UserService.java

    /**
     * 删除用户
     */
    void delete(String id);

UserServiceImpl.java

    @Override
    public void delete(String id) {

        int int_i = Integer.parseInt(id);

        userDao.delete(int_i);
    }

4、Web层

添加DelUserServlet用于处理删除请求

@WebServlet(value = "/DelUserServlet")
public class DelUserServlet extends HttpServlet {
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

        //接收id
        String id = request.getParameter("id");

        //调用业务层进行删除
        UserService userService = new UserServiceImpl();
        userService.delete(id);

        //跳转到UserListServlet重新查询
        response.sendRedirect(request.getContextPath()+"/UserListServlet");

    }

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

5、前端页面

list.jsp

在这里插入图片描述

定义了一个方法,在删除之前要执行确定操作。
在这里插入图片描述
刚开始写这个有点蒙,多写几个功能之后发现套路差不多,学习java,感觉要不停的敲,在敲代码中领悟,量的积累达到质的飞越!加油!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值