Day17JavaWeb [관광 프로젝트] 개발 기능 : 등록 ***

등록 기능 _ 기능 분석

여기에 사진 설명 삽입
여기에 사진 설명 삽입

등록 된 백그라운드 기능 코드

UserService의 등록 방법 테스트 작성

com \ wzx \ service \ TestUserService.java

 @Test
    public void test03() {
    
    

        UserService userService = new UserService();

        User user = new User();
        user.setUsername("jackhello");
        user.setPassword("123456");
        user.setStatus('Y');

        int code = userService.register(user);

        System.out.println(code);
    }

UserService의 등록 방법 작성

com \ wzx \ service \ UserService.java

 public int register(User user) {
    
    
        UserDao userDao = MySessionUtils2.getMapper(UserDao.class);
        //判断 用户的账号是否存在
        User user2 = userDao.findByUserName(user.getUsername());
        //不存在,调用保存 返回 1
        if(user2 == null){
    
    
            userDao.save(user2);
            return 1;
        }else{
    
    
            //存在,返回-1
            return -1;
        }

    }

UserDao 작성 방법

\ wzx \ dao \ UserDao.java 사용

  //select * from tab_user where username='jackhello3'
    User findByUserName(String username);
    //insert into tab_user values(null,...)
    void save(User user2);

\ wzx \ dao \ UserDao.xml 사용

    <select id="findByUserName" parameterType="string" resultType="user">
         select * from tab_user where username=#{username}
    </select>

    <insert id="save" parameterType="user" >
        insert into tab_user values(null,#{username},
        #{password},#{name},#{birthday},#{sex},#{telephone},#{email},#{status},#{code})
    </insert>

UserDao 클래스의 메서드 테스트

\ wzx \ dao \ UserDaoTest2.java 사용

public class UserDaoTest2 {
    
    

    @Test
    public void findByUserName() {
    
    
        UserDao dao =    MySessionUtils2.getMapper(UserDao.class);
        User user = dao.findByUserName("jackhello");
        System.out.println(user);
    }

    @Test
    public void save() {
    
    
        UserDao dao =    MySessionUtils2.getMapper(UserDao.class);
        User user= new User(33,"jackhello33","jackhello34",new Date(),"jack","男","3333","[email protected]",'N',"ddd");
        // User(int uid, String username, String password, Date birthday, String name, String sex, String telephone, String email, char status, String code)
        dao.save(user);
    }
}

프런트 데스크 코드

register.jsp

새 register.jsp를 만들고
reister.html을
대체 프로젝트에 복사 하고 register.html을 register.jsp 로 바꿉니다.

register.jsp 페이지의 데이터 검증

  • (0) 실제 프로젝트의 데이터 형식은 브라우저에서 확인됩니다. 그 이유
    는 사용자 경험을 개선하고 서버에 대한 부담을 줄입니다.
  • (1) 사용자 이름 / ^ \ w {8,20} $ / 단어 문자, 길이 8-20 자리 확인
  • (2) 비밀번호 확인 / ^ \ w {8,20} $ / 단어 문자, 길이 8-20 자리
  • (3) 이메일 확인 = /^\w+@\w+.\w+$/ 이메일 [email protected]
    정규식 정규식 .test
    (문자열)
    는 부울 값
    true를 반환 하고 형식이 정확하고
    false이며 형식이 잘못되었습니다.
  <script type="text/javascript" >

        function checkUsername(){
    
    
            //判断一下账号输入是否合法
           var  username = $("#username").val();
           var  reg =  /^\w{8,20}$/ ;
           var flag = reg.test(username);
           if(flag){
    
    
               //不提示
               $("#username").css("border","");
           }else{
    
    
               //提示
               $("#username").css("border","1px solid red");
           }
           return flag;
        }

        function checkPassword(){
    
    
            //判断一下密码输入是否合法
            var  password = $("#password").val();
            var  reg =  /^\w{8,20}$/ ;
            var flag = reg.test(password);
            if(flag){
    
    
                //不提示
                $("#password").css("border","");
            }else{
    
    
                //提示
                $("#password").css("border","1px solid red");
            }
            return flag;
        }

        function checkEmail(){
    
    
            //判断一下密码输入是否合法
            var  email = $("#email").val();
            var  reg =   /^\w+@\w+\.\w+$/  ;
            var flag = reg.test(email);
            if(flag){
    
    
                //不提示
                $("#email").css("border","");
            }else{
    
    
                //提示
                $("#email").css("border","1px solid red");
            }
            return flag;
        }

        $(function () {
    
    
            //账号密码 手机号 邮箱 正则判断
            //格式正确不作提示,如果错误将边框改成红色
            $("#username").blur(checkUsername)
            $("#password").blur(checkPassword)
            $("#email").blur(checkEmail)

            $("#registerForm").submit(function () {
    
    
                //ajax提交
                return false;
            })
        });
    </script>

프론트 데스크 등록 _Ajax 요청

(1) 제출 함수
는 양식 제출 여부를 제어합니다. 함수는 true를 반환하고, 양식이 제출되고, 양식이 false를 반환합니다. 양식이 제출되지 않습니다.
여기
에서 ajax를 제출하면 false를 작성합니다.
(2) 왜 false를 반환합니까? 데이터가 서버에 어떻게 전달됩니까?
아약스 제출

register.jsp

  $("#registerForm").submit(function () {
    
    
                //ajax提交
                if(checkUsername()&&checkPassword()&&checkEmail()){
    
    
                    //使用jquery
                    $.post("registerServlet",$("#registerForm"). serialize(),
                        function(data){
    
    
                           //{code:1,data:成功}
                            if(1 == data.code){
    
    
                                //注册成功
                                window.location = "login.jsp";
                            }else{
    
    
                                //注册失败
                                $("#errorMsg").html(data.data);
                            }
                        },"json");
                }
                return false;
            })

RegisterServlet 쓰기

com \ wzx \ web \ servlet \ RegisterServlet.java


    protected void doGet(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();
        }
        //对参数处理
        UserService userService = new UserService();
        int code = userService.register(user);

         //响应给浏览器
        ResponseInfo responseInfo = new ResponseInfo();
        responseInfo.setCode(code);
        if(code==1){
    
    
            responseInfo.setData("注册成功");
        }else{
    
    //-1,-2,-3
            responseInfo.setData("注册失败");
        }
        String json = new ObjectMapper().writeValueAsString(responseInfo);
        response.getWriter().println(json);
    }

현재까지의 BeanUtils 문자열 ****

  • ConvertUtils.register方法 변환기는 BanUtils에 등록 할 수 있습니다.
  • 문자열을 java.util.Date로 자동 변환 할 수 있습니다.
   ConvertUtils.register(new Converter() {
    
    

            public Object convert(Class type, Object value) {
    
    


                SimpleDateFormat simpleDateFormat = new SimpleDateFormat("yyyy-MM-dd");
                try {
    
    
                    return simpleDateFormat.parse(value.toString());
                } catch (ParseException e) {
    
    
                    // TODO Auto-generated catch block
                    e.printStackTrace();
                }
                return null;
            }
        }, Date.class);

등록 된 인증 코드 처리

LoginServlet에서 직접 복사하되 프롬프트를 수정하십시오.

추천

출처blog.csdn.net/u013621398/article/details/108864890