zoukankan      html  css  js  c++  java
  • 前后台交换 页面样式(添加成功案例)

    
    

    步骤1:我在添加成功后, 在转发操作前, 给request作用域, 扔了一个非空值。
    步骤2:转发到list逻辑块
    步骤3:在list逻辑块中获取放入作用域的msg值。并且重新的在二次转发前,再次放入ruquest作用域
    步骤4:执行转发到userManager.jsp的转发操作
    步骤5:代码的数据流的执行权就流转到了页面上。
    步骤6:我在页面上植入一个隐藏域,如下
    <input type="hidden" id="msg" value="<%=request.getAttribute("message")%>">
    步骤7:在window.onload中来获取到隐藏域的值,如果不是"null",肯定添加成功。这个时候我们让 div显示出来
    步骤8:3秒后让div再次的隐藏。

     

    红色为关键代码

        // 添加用户
            } else if ("add".equals(action)) {
                UserInfo uinfo = new UserInfo();
                String username = request.getParameter("userName");
                String userpwd = request.getParameter("userPwd");
                uinfo.setUname(username);
                uinfo.setUpwd(userpwd);
    
                try {
                    boolean flag = uis.save(uinfo);
                    if (flag) {
                        // 1 转发
                        request.setAttribute("msg", "Ok");
                        request.getRequestDispatcher("/UserInfoServlet?action=list").forward(request, response);  
                    } else {
                    }
                } catch (Exception e) {
                    e.printStackTrace();
                }
    
                // 查看用户列表
            } else if ("list".equals(action)) {
                try {
                    List<UserInfo> list = uis.findAll();
                    if (list != null) {
                        String val = (String) request.getAttribute("msg");
                        request.setAttribute("message", val);
                        request.setAttribute("list", list);
                        request.getRequestDispatcher("/console/userManage.jsp").forward(request, response);
                    }
                } catch (Exception e) {
                    e.printStackTrace();
                }

     页面样式

                <div id="myAlert" class="alert alert-success">
                <a href="#" class="close" data-dismiss="alert">&times;</a> <strong>用户添加成功!</strong>
                </div>

    设置隐藏代码

    <input type="hidden" id="msg" value="<%=request.getAttribute("message")%>" />

    JSP代码

    <script type="text/javascript">
             window.onload=function(){
                $("#myAlert").hide();
                if($("#msg").val()!="null"){
                    $("#myAlert").show();
                    $("#myAlert").hide(3000);
                }
                }
         </script>
  • 相关阅读:
    重写移动端滚动条[iScroll.js核心代码]
    利用canvas将网页元素生成图片并保存在本地
    微信小程序的拖拽、缩放和旋转手势
    设计模式之访问者(visitor)模式
    设计模式之原型(prototype)模式
    设计模式之享元(flyweight)模式
    设计模式之职责链模式
    设计模式之组合(compose)模式
    leetcode16
    校招真题练习013 找零(头条)
  • 原文地址:https://www.cnblogs.com/SFHa/p/9463485.html
Copyright © 2011-2022 走看看