登录与注册相关知识（***）

MySessionUtils改进

(1) A依赖B,移除B,A报错，耦合

com\wzx\util\MySessionUtils2.java

 public static <T> T getMapper(Class clz) {
       return (T) getSession().getMapper(clz);
    }

include标签***

• （1）include指令　include指令用于在本JSP中引入其他JSP页面。
  <%@ include file=“relativeURI”%>(推荐使用)
  <jsp:include page=“header.jsp”/>
  

<!--引入尾部-->
<div id="footer">
    <%@include file="footer.jsp"%>
</div>

register.jsp页面的数据校验

（0）实际项目中数据的格式都是在浏览器校验，why?
提升用户体验，并减轻服务器压力。
（1）校验用户名 /^\w{8,20}KaTeX parse error: Undefined control sequence: \w at position 26: …到20位 （2）校验密码 /^\̲w̲{8,20}/ 单词字符，长度8到20位
（3）校验邮箱 = /^\w+@\w+.\w+$/ 邮箱 xxx@qq.com
正则表达式
正则表达式.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）submit函数
控制表单是否提交，函数返回true，表单提交，返回false表单不提交
此处
在ajax提交，则写false
（2）为什么返回false?那数据如何到服务端？
ajax提交

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;
            })