SSH——增删改的实现一

Posted 2020-09-23 雪山上的蒲公英

在上一节介绍了关于BOS项目底层的查询操作，接下来介绍一下curd里的其他三项操作步骤

一、 取派员添加

利用easyui在staff.jsp页面里构造添加页面(相关JavaBean创建步骤省略)

    <div region="center" style="overflow:auto;padding:5px;" border="false">
            <form id="addStaffForm" action="${pageContext.request.contextPath }/staffAction_add.action"
                     method="post">
                <table class="table-edit" width="80%" align="center">
                    <tr class="title">
                        <td colspan="2">收派员信息</td>
                    </tr>
                    
                    <tr>
                        <td>姓名</td>
                        <td><input type="text" name="name" class="easyui-validatebox" required="true"/></td>
                    </tr>
                    <tr>
                        <td>手机</td>
                        <td><input type="text" name="telephone" class="easyui-validatebox" required="true"
                            data-options="validType:\'phonenumber\'"
                        /></td>
                    </tr>
                    <tr>
                        <td>单位</td>
                        <td><input type="text" name="station" class="easyui-validatebox" required="true"/></td>
                    </tr>
                    <tr>
                        <td colspan="2">
                        <input type="checkbox" name="haspda" value="1" />
                        是否有PDA</td>
                    </tr>
                    <tr>
                        <td>取派标准</td>
                        <td>
                            <input type="text" name="standard" class="easyui-validatebox" required="true"/>  
                        </td>
                    </tr>
                    </table>
            </form>
        </div>
    </div>

    

1. 增加很简单，所以这里拓展一下校验规则，对手机号进行一下校验

//扩展校验规则
    $(function(){
        var reg = /^1[3|4|5|7|8|9][0-9]{9}$/;
        $.extend($.fn.validatebox.defaults.rules, { 
                phonenumber: { 
                            validator: function(value, param){ 
                                return reg.test(value);
                            }, 
                            message: \'手机号输入有误！\' 
                            } 
                }); 
        });

2. 对应手机号输入框应用上面的规则

3. 为添加窗口中的保存按钮绑定事件

<a id="save" icon="icon-save" href="#" class="easyui-linkbutton" plain="true" >保存</a>
                <script type="text/javascript">
                    $(function(){
                        //绑定事件
                        $("#save").click(function(){
                            //校验表单输入项
                            var v = $("#addStaffForm").form("validate");
                            if(v){
                                //校验通过，提交表单
                                $("#addStaffForm").submit();
                            }
                        });
                    });
                </script>

4. 创建StaffAction，提供add方法，处理取派员添加

@Controller
@Scope("prototype")
public class StaffAction extends BaseAction<Staff>{
    //注入Service
    @Autowired
    private IStaffService staffService;
    /**
     * 添加取派员
     */
    public String add(){
        staffService.save(model);
        return "list";
    }
}

5. 配置struts.xml

<!-- 取派员管理 -->
        <action name="staffAction_*" class="staffAction" method="{1}">
            <result name="list">/WEB-INF/pages/base/staff.jsp</result>
        </action>

 

表单输入后点击保存可看到请求的信息

同时控制台输出  Hibernate： insert into...... 将信息添加进表中