Java Web (J2EE) 带Dao层的MVC框架的功能实现

Java Web (J2EE) 带Dao层的MVC框架的功能实现

在我们搭建好一个带Dao层的MVC框架结构之后,我们就要来实现我们想要的一些功能,下面还是以我目前正在写的一个小项目为例(后期写完之后,我会将这个小项目更新出来)。
首先,我们来看一下,Dao层的MVC框架的J2EE项目,他的数据访问流程的什么样的。

  1. 首先我们在视图上进行操作,比如我们填写好表单,然后点击提交
  2. 然后数据会进入controller层,将数据存入javaBean对象中,并调用service方法进行数据处理,然后返回jsp页面
  3. 在service层,会对传入的数据进行处理,处理完之后将数据传入dao层,进行数据库操作
  4. 在dao层,将接收到的数据,按照调用的对应方法进行数据库操作。
    这就是我们数据提交的一整个流程。
    然后我们以一个注册功能为例,来看看如何实现各个功能。

JSP页面

首先,我们要建立一个视图文件,register.jsp,来显示我们的register页面。

<%--
  Created by IntelliJ IDEA.
  User: qiguan
  Date: 2019-11-10
  Time: 14:01
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<jsp:useBean id="User" class="com.j2ee_exercise.model.registerBean" scope="session"></jsp:useBean>
<jsp:setProperty name="User" property="*"></jsp:setProperty>
<%
    String username;
    String password;
    String email;
    String phone;
%>
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="/user/css/register.css" />
    <title></title>
</head>
<body>
<form role="form" method="post" onsubmit="return checkForSubmit()" action="/register">
    <div class="form-group">
        <label>用户名</label>
        <input type="text" name="username" class="form-control" placeholder="请输入你想要注册的用户名,用户名用于登录使用" />
    </div>
    </div>
    <div class="form-group">
        <label>昵称</label>
        <input type="text" name="nickname" class="form-control" placeholder="请输入你的昵称" />
    </div>
    <div class="form-group">
        <label>密码</label>
        <input type="password" name="password1" id = "password" class="form-control" placeholder="请输入密码" />
        <br />
        <div class="form-group">
            <label>确认密码</label>
            <input type="password" name="password2" id = "password2" class="form-control" placeholder="请再次输入密码" onkeyup="validate()"/>
            <span id="tishi" style="color: red"></span>
        </div>
        <div class="form-group">
            <label>邮箱</label>
            <input type="email" name="email" class="form-control" placeholder="请输入邮箱" />
        </div>
        <div class="form-group">
            <label>联系方式</label>
            <input type="text" name="phone" class="form-control" placeholder="请输入联系方式" />
        </div>
        <div class="form-group">
            <button type="submit" value="注册" onclick="" style=" box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);background: #269ABC;font-size: 18px; color: black;border-radius: 20% ;">注册</button>
            <input type="button" value="登录" name="sub2" id="button" onclick="location.href='/login'" style="font-size: 18px; border-radius: 20% ; box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);background: #269ABC; color: black;">
        </div>
    </div>
</form>
</body>
<script type="text/javascript">
    function validate() {
        var pwd1 = document.getElementById("password").value;
        var pwd2 = document.getElementById("password2").value;
        <!-- 对比两次输入的密码 -->
        if(pwd1 != pwd2) {
            document.getElementById("tishi").innerHTML="<font color='red'><br>两次输入的密码不一致,请检查是否输入正确</font>";
        }
        else {
            document.getElementById("tishi").innerHTML=" ";
        }
    }
    function checkForSubmit() {
        var pwd1 = document.getElementById("password").value;
        var pwd2 = document.getElementById("password2").value;
        <!-- 对比两次输入的密码 -->
        if(pwd1 != pwd2) {
            // 如果两次不一致,就alert弹出,并且不提交
            alert("两次输入的密码不一致,请检查是否输入正确");
            return false;
        }else {
            return true;
        }
    }
</script>
</html>

这个简单的jsp页面,我们主要就是一个简单的表单,收集注册所需要的一些数据,然后通过2个JS函数来在前端判断两次密码是否一致。

controller层 servlet

在controller层,我们要对前端的连接进行分发控制,返回jsp页面,调用service方法。
例如register的servlet:

package com.j2ee_exercise.controller;

import com.j2ee_exercise.service.registerService;
import com.j2ee_exercise.model.registerBean;
import javax.servlet.RequestDispatcher;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
import java.io.PrintWriter;

public class registerServlet extends HttpServlet {
    @Override
    public void init() throws ServletException {
        super.init();
    }

    @Override
    protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        registerService service = new registerService();
        registerBean bean = new registerBean();
        String username = req.getParameter("username");
        String nickname = req.getParameter("nickname");
        String password = req.getParameter("password1");
        String email = req.getParameter("email");
        String phone = req.getParameter("phone");
        bean.setUsername(username);
        bean.setNickname(nickname);
        bean.setPassword(password);
        bean.setEmail(email);
        bean.setPhone(phone);
        boolean is_ok;
//        System.out.println(bean.getUsername()+bean.getNickname()+bean.getPassword()+bean.getEmail()+bean.getPhone());
        is_ok = service.register(bean);
        if(is_ok == true){
            RequestDispatcher dispatcher = req.getRequestDispatcher("/user/login.jsp");
            dispatcher.forward(req,resp);
        }else {
            RequestDispatcher dispatcher = req.getRequestDispatcher("/user/register.jsp");
            resp.setCharacterEncoding("UTF-8");
            resp.setContentType("UTF-8");
            PrintWriter out = resp.getWriter();
//            dispatcher.forward(req,resp);
            out.print("<!DOCTYPE html>\n");
            out.print("<html>\n");
            out.print("<head>\n");
            out.print("\t<meta charset=\"utf-8\">\n");
            out.print("\t<title>注册失败</title>\n");
            out.print("\t\t\t<script type=\"text/javascript\">\n");
            out.print("\t\t\tfunction a(){\n");
            out.print("\t\t\t\talert(\"注册失败,有相同用户名\");\n");
            out.print("window.location.href = '/register';\n");
            out.print("}\n");
            out.print("\t\t</script>\n");
            out.print("</head>\n");
            out.print("<body οnlοad=\"a()\">\n");
            out.print("</body>\n");
            out.print("</html>\n");

        }

    }

    @Override
    protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        RequestDispatcher dispatcher = req.getRequestDispatcher("/user/register.jsp");
        dispatcher.forward(req,resp);
    }
}

当是一个get请求时,我们只需要返回我们的JSP页面就好了。
当是一个POST请求书,即通过表单给我们发送了信息,我就需要把这些信息存放在一个javaBean对象中,然后调用service方法进行数据处理,并返回处理结果,如果处理成果,就跳转到主页中,否则就弹窗注册失败,然后跳转回注册页面。

javaBean

刚刚用到了javaBean,那我们就来看下JavaBean。在JavaBean中,我们用来存储数据模型,对每个变量都有set方法和get方法。

package com.j2ee_exercise.model;

public class registerBean {
    String username;
    String nickname;
    String password;
    String email;
    String phone;

    public String getUsername() {
        return username;
    }

    public void setUsername(String username) {
        this.username = username;
    }

    public String getNickname() {
        return nickname;
    }

    public void setNickname(String nickname) {
        this.nickname = nickname;
    }

    public void setPassword(String password) {
        this.password = password;
    }

    public String getPassword() {
        return password;
    }

    public String getEmail() {
        return email;
    }

    public void setEmail(String email) {
        this.email = email;
    }

    public String getPhone() {
        return phone;
    }

    public void setPhone(String phone) {
        this.phone = phone;
    }
}

Service层

当controller层调用service方法进行数据处理的时候,service就对得到的这些文件进行一些必要的数据,如果不需要处理,则直接传入dao层,进行数据库操作。在这个简单的注册页面中,我们不需要对数据进行再次处理,所以我们直接将数据传入dao层进行数据库操作。

package com.j2ee_exercise.service;
import com.j2ee_exercise.model.registerBean;
import com.j2ee_exercise.dao.registerDao;
public class registerService {
    public boolean register(registerBean bean){
        boolean is_ok;
        if(bean.getUsername() != null){
            registerDao dao = new registerDao();
            is_ok = dao.register(bean);
            return is_ok;
        }else
            return false;
    }
}

dao层

在dao层,我们获得了数据之后,然后进行连接数据库,并且操作数据库进行增删改查,这里由于这是个小项目,我这这边并没有把增删改查全部写全,只写了这边register所需要用的insert,直接把他封装为register函数。

package com.j2ee_exercise.dao;

import com.j2ee_exercise.util.conMysql;
import com.j2ee_exercise.model.registerBean;
import java.sql.Connection;
import java.sql.ResultSet;
import java.sql.Statement;

public class registerDao {
    String username;
    String nickname;
    String password;
    String email;
    String phone;
    public boolean register(registerBean bean){
        username = bean.getUsername();
        nickname = bean.getNickname();
        password = bean.getPassword();
        email = bean.getEmail();
        phone = bean.getPhone();
        Connection con = conMysql.connection();
        try {
            Statement statement = con.createStatement();
            String sql = "insert into userInformation(username, password, email, phone, nickname) values ("+"'"+username+"','"+password+"','"+email+"','"+phone+"','"+nickname+"');";
            System.out.println(sql);
            statement.execute(sql);
            return true;
            }
        }
        catch (Exception e){
            System.out.println(e);
            return false;
        }

    }

}

util

然后我们在连接数据库的时候,将连接数据的操作放在了util文件夹中,为了方便连接,单独写了一个文件,如果后面更换为别的数据库,只需要重写这个文件就好

package com.j2ee_exercise.util;
import java.io.*;
import java.util.Properties;
import java.sql.*;

public class conMysql {

    public static Connection connection() {
        Properties jdbcProperties = new Properties();

        try{
            FileInputStream in = new FileInputStream("resources/jdbc.properties");
            jdbcProperties.load(in);
            String username = jdbcProperties.getProperty("jdbcUsername");
            String url = jdbcProperties.getProperty("jdbcUrl");
            String driver = jdbcProperties.getProperty("jdbcDriver");
            String password = jdbcProperties.getProperty("jdbcPassword");
            Class.forName(driver);
            Connection con = DriverManager.getConnection(url,username,password);
            Statement statement = con.createStatement();
            return con;

        }catch(Exception exception){

            System.out.println(exception);
        }
        return null;
    }


}

resources

在resources文件夹下面,我们放了全局变量,例如我们的数据库信息。

jdbcDriver=com.mysql.jdbc.Driver
jdbcUrl=jdbc:mysql://localhost:3306/database
jdbcUsername=root
jdbcPassword=password
发布了97 篇原创文章 · 获赞 50 · 访问量 8176

猜你喜欢

转载自blog.csdn.net/qq_43422111/article/details/103104287