登录注册

  1. 登陆页面则为查询,先要判断输入是否为空,若为空,弹出“输入ID或密码有误,重新输入”的提示

    (1)在Service中写入如下代码获取输入的用户ID和用户密码并传给UserBean

    public UserBean rlistUser(UserBean frm) {
      UserBean param = new UserBean();
      param.setUserID(frm.getUserID());               //获取用户ID
      param.setPassword(frm.getPassword());       //获取用户密码
      UserBean re = queryDao.executeForObject("User.rlistUser", param, UserBean.class);
      return re;
     }

    (2)在Controller中对输入的信息进行判断

    @RequestMapping(value = "/list", method = RequestMethod.POST,params="login")
        public String listLogin(UserBean UserBean,Model model) {
         UserBean re=helloWorldService.rlistUser(UserBean);
         if(re!=null){
          
           List<UserBean> result=helloWorldService.listUser(UserBean);
         model.addAttribute("list",result);     //若不为空,则显示所有信息
            return "list";}
            else {
             model.addAttribute("message", "输入ID或密码有误,重新输入");
             return "denglu";}            //若为空,则弹出错误信息,并返回登录页面重新输入

  2. 注册页面则为插入,插入之前要先判断输入密码和重新输入密码是否一致,若一致,单击注册,实现插入,若不一致,弹出错误信息,判断字符串是否相等用equle,==用来判断int型的相等

    在Controller中先获取输入的密码和重复密码,并进行验证

     @RequestMapping(value = "/aa", method = RequestMethod.POST,params="zhuce")
        public String aaLogin(HttpServletRequest req,UserBean UserBean,Model model)  {
        String password = req.getParameter("password");
        String repassword = req.getParameter("repassword");
        if(password.equals(repassword)){
        if(helloWorldService.insertUser(UserBean)!=0)
          return "success";
         else
          return "zhuce"; 
         }
        else{
         model.addAttribute("xinxi", “两次输入不一样,请重新输入”);
         return "zhuce" ;}
        }

  3. 在登录成功后显示所有信息,在ID处添加链接,单击可以跳到确认页面显示是否删除,单击是按钮,删除对应的一条记录并返回显示所有记录(list)页面,此时看不到刚删除的那条记录了,若单击否按钮,则不删除,返回list页面

    删除过程中,在SQL文中再写一遍查询代码,查询要删除的ID,保证传值时ID不能为空

  4. <input name="userID" type="hidden" th:value="${UserBean.userID}" value="${UserBean.userID}"/>

    type=“hidden”使传入的ID被隐藏

  5. 一个页面中的两个按钮可以写在同一个<form></form>里

    <form action="delete" method="post">
    <input name="userID" type="hidden" th:value="${UserBean.userID}" value="${UserBean.userID}"/>
    <button type="submit" name="YES">yes</button>
    <button type="submit" name="NO">no</button>
    </form>

    此时对应的Controller里

    @RequestMapping(value = "/delete", method = RequestMethod.POST,params="YES")
        public String delete(UserBean UserBean,Model model) {
         int result1=helloWorldService.deleteUser(UserBean);
         model.addAttribute("list",result1);
         List<UserBean> result=helloWorldService.listUser(UserBean);
         model.addAttribute("list",result);
            return "list";
        }
        @RequestMapping(value = "/delete", method = RequestMethod.POST,params="NO")
        public String fanhui(UserBean UserBean,Model model) {
         
         List<UserBean> result=helloWorldService.listUser(UserBean);
         model.addAttribute("list",result);
            return "list";
        } 

转载于:https://my.oschina.net/u/2411785/blog/480272

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
HTML、CSS和JavaScript是web开发的三大核心技术,它们可以用于实现网站的各种功能,包括登录和注册。以下是一个简单的登录注册示例: 1. HTML:用于构建网页结构 ``` <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>登录注册</title> </head> <body> <h1>登录</h1> <form> <label for="username">用户名:</label> <input type="text" id="username" name="username"><br> <label for="password">密码:</label> <input type="password" id="password" name="password"><br> <input type="submit" value="登录"> </form> <h1>注册</h1> <form> <label for="reg-username">用户名:</label> <input type="text" id="reg-username" name="reg-username"><br> <label for="reg-password">密码:</label> <input type="password" id="reg-password" name="reg-password"><br> <label for="confirm-password">确认密码:</label> <input type="password" id="confirm-password" name="confirm-password"><br> <input type="submit" value="注册"> </form> </body> </html> ``` 2. CSS:用于美化网页样式 ``` body { font-family: Arial, sans-serif; background-color: #F0F0F0; } h1 { color: #333; } form { background-color: #FFF; padding: 20px; border: 1px solid #CCC; border-radius: 5px; box-shadow: 0 0 5px #CCC; margin-bottom: 20px; } input[type="text"], input[type="password"], input[type="submit"] { display: block; margin-bottom: 10px; padding: 5px; border-radius: 5px; border: 1px solid #CCC; width: 100%; box-sizing: border-box; } input[type="submit"] { background-color: #333; color: #FFF; cursor: pointer; } ``` 3. JavaScript:用于实现交互逻辑 ``` // 获取登录表单和注册表单 var loginForm = document.getElementsByTagName('form'); var regForm = document.getElementsByTagName('form'); // 给登录表单绑定submit事件 loginForm.addEventListener('submit', function(event) { event.preventDefault(); // 阻止表单默认提交行为 var username = this.username.value; // 获取用户名 var password = this.password.value; // 获取密码 console.log('用户名:' + username + ',密码:' + password); }); // 给注册表单绑定submit事件 regForm.addEventListener('submit', function(event) { event.preventDefault(); // 阻止表单默认提交行为 var username = this['reg-username'].value; // 获取用户名 var password = this['reg-password'].value; // 获取密码 var confirmPassword = this['confirm-password'].value; // 获取确认密码 if (password !== confirmPassword) { // 检查密码是否一致 alert('两次输入的密码不一致!'); return false; // 阻止表单提交 } console.log('用户名:' + username + ',密码:' + password); }); ``` 以上是一个简单的HTML、CSS和JavaScript实现的登录注册功能示例。你可以根据实际需求进行更改和扩展。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值