用户登录界面前端设计思路

用户模块

   通过用户行为来区分                 actionName

           用户登录                            actionName="login"

           进入个人中心                     actionName="userCenter"

            加载头像 　　　　　　　 actionName="userHead"

            验证昵称的唯一性　　　 actionName="checkNick"

            修改用户信息　　　　　　 actionName="updateUser"

            用户退出　　　　　　　　 actionName="logout"

在UserServlet的service方法中

1.获取用户行为

String  actionName= request.getParameter(" actionName");

2.判断用户行为，调用对应的方法

if("login".equals( actionName)){

    //用户登录

}else if（“userCenter”.equals( actionName)）{

   //进入个人中心

}

用户登录前端设计思路

---------------前端实现-----------------

1.添加表单，设置表单属性

action= "user" method="post" id="loginFrom"

2.设置表单元素的那么属性值，修改id属性值（首字母改小写）

设置文本框和密码框的那么属性值

设置复选框的那么属性值和value属性值（如果复选框未选中，在获取不到的value属性值）

设置隐藏域，传递用户行为（name="actionName"  value="

3.在config.js文件中，添加按钮的点击事件绑定的函数 checkLogin()

      表单校验

               1.获取表单元素的值（姓名 、密码）

               2.判断元素的值是否为空 （引入util.js文件）

                      如果为空，设置提示信息  （通过设置span标签），并return

              3.如果不为空，则提交表单