java笔记

最新推荐文章于 2024-04-15 15:16:43 发布

暴力袋鼠哥

最新推荐文章于 2024-04-15 15:16:43 发布

阅读量521

点赞数

文章标签： java ajax js web

本文链接：https://blog.csdn.net/weixin_44954070/article/details/105375947

版权

今天重点

1.正则表达式不清楚
如何写邮箱的格式？
/^\w+@\w+\.\w+/:
\w+:表示多个（没有字数的限制）匹配字母、数字、下划线。等价于’[A-Za-z0-9_]’。
\.：就是“.”（转义);

2.JSON语法不熟悉
如何进行java转换json,json转换为java

3.ajax语法不熟练
如何通过ajax发送表单信息
4.template的使用
5.BeanUtils的使用
在这里插入图片描述

今天完成一个小项目
web的前端登陆

第一步先完成所有的框架的搭建，我使用的是maven

完成注册页面的JS编写
这里我完成账号，密码，邮箱的编写

function checkUsername() {
                //1.获取用户名值
                var username = $("#username").val();
                //2.定义正则
                var reg_username = /^\w{8,20}$/;

                //3.判断，给出提示信息
                var flag = reg_username.test(username);
                if(flag){
                    //用户名合法
                    $("#s_username").text("");
                    $("#username").css("border","");
                }else{
                    //用户名非法,加一个红色边框
                    $("#s_username").text("×").css("color","red");
                    $("#username").css("border","1px solid red");
                }

                return flag;
            }
            //检验密码
            function checkPassword() {
                //1.获取密码值
                var password = $("#password").val();
                //2.定义正则
                var reg_password = /^\w{8,20}$/;

                //3.判断，给出提示信息
                var flag = reg_password.test(password);
                if(flag){
                    //密码合法
                    $("#s_password").text("");
                    $("#password").css("border","");
                }else{
                    //密码非法,加一个红色边框
                    $("#s_password").text("×").css("color","red");
                    $("#password").css("border","1px solid red");
                }

                return flag;
            }
            //验证邮箱
            function checkEmail(){
                //获取email值
                var email = $("#email").val();
                //定义正则
                var reg_email=/^\w+@\w+\.\w+$/;
                /**
                  1.test() 方法用于检测一个字符串是否匹配某个模式，如果字符串中含有匹配的文本，则返回 true，否则返回 false。
                  2.exec() 方法用于检索字符串中的正则表达式的匹配。
                    该函数返回一个数组，其中存放匹配的结果。如果未找到匹配，则返回值为 null。
                 */
                //判断是否符合
                var flag = reg_email.test(email);
                if (flag){
                    //邮箱合法
                    $("#s_email").text("");
                    $("#email").css("border","");
                }else {
                    //邮箱不合法
                    $("#s_email").text("×").css("color","red");
                    $("#email").css("border","1px solid red");
                }

                return flag;
            }

完成提交表单的操作
提交表单到registerUserServlet服务端口
怎么得到信息呢？

使用ajax来发送数据到服务器：
校验通过,发送ajax请求，提交表单的数据 $(this).serialize()
会自动生成一个from表单的数据形式：
在这里插入图片描述

$(function () {
                //当表单提交时，调用所有的校验方法
                $("#registerForm").submit(function(){
                    //1.发送数据到服务器
                    if(checkUsername() && checkPassword() && checkEmail()){
《--------------------------------------------------------------------------》
                        //校验通过,发送ajax请求，提交表单的数据  $(this).serialize()
                        // username=zhangsan&password=123
                        $.post("registerUserServlet",$(this).serialize(),function (data) {

                        })
                    }
《--------------------------------------------------------------------------》
                    //2.不让页面跳转
                    return false;
                    //如果这个方法没有返回值，或者返回为true，则表单提交，如果返回为false，则表单不提交
                });

                //当某一个组件失去焦点是，调用对应的校验方法
                $("#username").blur(checkUsername);
                $("#password").blur(checkPassword);
                $("#email").blur(checkEmail);

            });

registerUserServlet 服务端口编写

package cn.itcast.travel.web.servlet;

import cn.itcast.travel.domain.ResultInfo;
import cn.itcast.travel.domain.User;
import cn.itcast.travel.service.UserService;
import cn.itcast.travel.service.impl.UserServiceImpl;
import com.fasterxml.jackson.databind.ObjectMapper;
import org.apache.commons.beanutils.BeanUtils;

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
import java.lang.reflect.InvocationTargetException;
import java.util.Map;

/**
 * Created by Administrator on 2020/4/7 18:53
 */
@WebServlet("/registerUserServlet")
public class RegisterUserServlet extends HttpServlet {
    @Override
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
《--------------------------------------------------------------------》
        //获取数据
        Map<String, String[]> map = request.getParameterMap();
《--------------------------------------------------------------------》
        //封装对象
        User user = new User();
        try {
            BeanUtils.populate(user,map);
        } catch (IllegalAccessException e) {
            e.printStackTrace();
        } catch (InvocationTargetException e) {
            e.printStackTrace();
        }
《--------------------------------------------------------------------》 
        //调用service完成操作
        UserService service = new UserServiceImpl();
        boolean flag = service.regist(user);
        ResultInfo info = new ResultInfo();
        if (flag){
            //注册成功
            info.setFlag(true);
        }else {
            //注册失败
            info.setFlag(false);
            info.setErrorMsg("注册失败");
        }
《--------------------------------------------------------------------》
        //将info对象序列化为json
        ObjectMapper mapper = new ObjectMapper();
        String json = mapper.writeValueAsString(info);
《--------------------------------------------------------------------》
        //将json数据写回客户端
        //设置content-type
        response.setContentType("application/json;charset=utf-8");
        response.getWriter().write(json);
《--------------------------------------------------------------------》
    }

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

**此时可能会调用到ResultInfo **
这个工具类就是用于封装后端返回给前端的数据

package cn.itcast.travel.domain;

import java.io.Serializable;
import java.util.Objects;

/**
 * 用于封装后端返回前端数据对象
 */
public class ResultInfo implements Serializable {
    private boolean flag;//后端返回结果正常为true，发生异常返回false
    private Object data;//后端返回结果数据对象
    private String errorMsg;//发生异常的错误消息

    //无参构造方法
    public ResultInfo() {
    }
    public ResultInfo(boolean flag) {
        this.flag = flag;
    }
    /**
     * 有参构造方法
     * @param flag
     * @param errorMsg
     */
    public ResultInfo(boolean flag, String errorMsg) {
        this.flag = flag;
        this.errorMsg = errorMsg;
    }
    /**
     * 有参构造方法
     * @param flag
     * @param data
     * @param errorMsg
     */
    public ResultInfo(boolean flag, Object data, String errorMsg) {
        this.flag = flag;
        this.data = data;
        this.errorMsg = errorMsg;
    }

    public boolean isFlag() {
        return flag;
    }

    public void setFlag(boolean flag) {
        this.flag = flag;
    }

    public Object getData() {
        return data;
    }

    public void setData(Object data) {
        this.data = data;
    }

    public String getErrorMsg() {
        return errorMsg;
    }

    public void setErrorMsg(String errorMsg) {
        this.errorMsg = errorMsg;
    }
}

UserDaoImpl类

package cn.itcast.travel.dao.impl;

import cn.itcast.travel.dao.UserDao;
import cn.itcast.travel.domain.User;
import cn.itcast.travel.util.JDBCUtils;
import org.springframework.jdbc.core.BeanPropertyRowMapper;
import org.springframework.jdbc.core.JdbcTemplate;

/**
 * Created by Administrator on 2020/4/7 19:10
 * @author Administrator
 */
public class UserDaoImpl implements UserDao {
《--------------------------------------------------------------------》
	//连接数据库，创建连接池
    private JdbcTemplate template =new JdbcTemplate(JDBCUtils.getDataSource()) ;
《--------------------------------------------------------------------》
	/**
     * 查找用户信息
     * @param username
     * @return
     */
    @Override
    public User findByUsername(String username) {
        User user = null;
        try {
            //1.定义sql
            String sql = "select * from tab_user where username = ?";
            //2.执行sql
            user = template.queryForObject(sql, new BeanPropertyRowMapper<User>(User.class), username);
        } catch (Exception e) {

        }
        return user;
    }
《--------------------------------------------------------------------》
	/**
     * 用户保存
     * @param user
     */
    @Override
    public void save(User user) {
        //1.定义一个sql
        String sql = "insert into tab_user(username,password,name,birthday,sex,telephone,email)" +
                "values(?,?,?,?,?,?,?)";
        //2.执行sql
        template.update(sql,user.getUsername(),
                user.getPassword(),
                user.getName(),
                user.getBirthday(),
                user.getSex(),
                user.getTelephone(),
                user.getEmail());
    }
《--------------------------------------------------------------------》
}

暴力袋鼠哥

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
java笔记

今天重点1.正则表达式不清楚如何写邮箱的格式？/^\w+@\w+\.\w+/:\w+:表示多个（没有字数的限制）匹配字母、数字、下划线。等价于’[A-Za-z0-9_]’。\.：就是“.”（转义);2.JSON语法不熟悉如何进行java转换json,json转换为java3.ajax语法不熟练如何通过ajax发送表单信息4.template的使用5.BeanUtils的使用...
复制链接

扫一扫