Form標簽表單回顯與提交


SpringMVC雖然沒有struts2那樣強大的標簽庫,但是form標簽也同樣實用

1.javabean片段

public class User implements Serializable{
    private static final long serialVersionUID = -1684752473484153239L;
    private String id;
    private String dept;
    private String account;
    private String name;
    private String password;
    private String headImg;
    private Boolean gender;
    private String state;
    private String mobile;
    private String email;
    private Date birthday;
    private String memo;
    //用戶狀態:0-無效,1-有效
    public static String USER_STATE_VALID = "1";
    public static String USER_STATE_INVALID = "0";
}

 2.回顯方法

 //跳轉到編輯頁面
    @RequestMapping(value="/editUI")
    public String editUI(String id, Model model){
        boolean headImgExist = false;
        if (id != null) {
            User user = userService.findObjectById(id);
            //回顯數據
            model.addAttribute("user", user);
            if (user.getHeadImg().length() > 32){
                headImgExist = true;
                //回顯頭像
                model.addAttribute("headImg",   request.getContextPath() //
                          +"/"+dirs+"/"+user.getHeadImg());
            }
            model.addAttribute("headImgExist",headImgExist);
        }
        return "editUI";
    }

 3.回顯頁面

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib uri="http://www.springframework.org/tags/form" prefix="sf" %>
<html>
<head>
    <title>用戶管理</title>
    <c:set var="basePath" value="${pageContext.request.contextPath}" />
    <link rel="stylesheet" type="text/css"
          href="${basePath}/js/easyui/themes/default/easyui.css">
    <link rel="stylesheet" type="text/css" href="${basePath}/js/easyui/themes/icon.css">
    <script type="text/javascript" src="${basePath}/js/easyui/jquery.min.js"></script>
    <script type="text/javascript" src="${basePath}/js/easyui/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="${basePath}/js/easyui/easyui-lang-zh_CN.js">  
         </script>
    <link href="${basePath}/css/skin1.css" rel="stylesheet" type="text/css" />
</head>
<body class="rightBody">
<sf:form id="form" name="form" action="${basePath}/user/edit.action" method="post"
          modelAttribute="user" enctype="multipart/form-data">
    <div class="p_d_1">
        <div class="p_d_1_1">
            <div class="content_info">
                <div class="c_crumbs">
                    <div><b></b><strong>用戶管理</strong> - 編輯用戶</div>
                </div>
                <div class="tableH2">編輯用戶</div>
                <table id="baseInfo" width="100%" align="center" class="list" border="0" 
                       cellpadding="0" cellspacing="0">
                    <tr>
                        <td class="tdBg" width="200px">所屬部門:</td>
                        <td>
                            <sf:select path="dept">
                                <sf:option value="部門A" label="部門A"/>
                                <sf:option value="部門B" label="部門B"/>
                            </sf:select>
                        </td>
                    </tr>
                    <tr>
                        <td class="tdBg" width="200px">頭像:</td>
                        <td>
                           <%--判斷頭像是否存在,存在則顯示,不存在則隱藏--%>
                            <c:choose>
                                <c:when test="${headImgExist}">
                                    <img src="${headImg}" width="100" height="100"/>
                               </c:when>
                                <c:otherwise/>
                            </c:choose>
                            <input type="file" name="headImage"/>
                        </td>
                    </tr>
                    <tr>
                        <td class="tdBg" width="200px">用戶名:</td>
                        <td><sf:input path="name"/></td>
                    </tr>
                    <tr>
                        <td class="tdBg" width="200px">帳號:</td>
                        <td><sf:input path="account"/></td>
                    </tr>
                    <tr>
                        <td class="tdBg" width="200px">密碼:</td>
                        <td><sf:input path="password"/></td>
                    </tr>
                    <tr>
                        <td class="tdBg" width="200px">性別:</td>
                        <td>
                            <sf:radiobutton path="gender" value="true" label="男"/>
                            <sf:radiobutton path="gender" value="false" label="女"/>
                        </td>
                    </tr>
                    <tr>
                        <td class="tdBg" width="200px">角色:</td>
                        <td></td>
                    </tr>
                    <tr>
                        <td class="tdBg" width="200px">電子郵箱:</td>
                        <td><sf:input path="email"/></td>
                    </tr>
                    <tr>
                        <td class="tdBg" width="200px">手機號:</td>
                        <td><sf:input path="mobile"/></td>
                    </tr>
                    <tr>
                        <td class="tdBg" width="200px">生日:</td>
                        <td>
                           <sf:input class="easyui-datebox" editable="false" path="birthday"/>
                        </td>
                    </tr>
                    <tr>
                        <td class="tdBg" width="200px">狀態:</td>
                        <td>
                            <sf:radiobutton path="state" value="1" label="有效"/>
                            <sf:radiobutton path="state" value="0" label="無效"/>
                        </td>
                    </tr>
                    <tr>
                        <td class="tdBg" width="200px">備注:</td>
                        <td><sf:textarea path="memo"/></td>
                    </tr>
                </table>
                <sf:hidden path="id"/>
                <div class="tc mt20">
                    <input type="submit" class="btnB2" value="保存"/>
                    <input type="button" onclick="javascript:history.go(-1)" class="btnB2" value="返回"/>
                </div>
            </div>
        </div>
    </div>
</sf:form>
</body>
</html>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM