ssm+easyui之新增

1，html新增按钮，打开一个对话框

<!-- 添加按钮 -->

<div style="margin:10px 0;">
            <a href="javascript:void(0)" class="easyui-linkbutton" οnclick="$('#add').dialog('open')">添加节点</a>
 </div>

<!-- 添加按钮弹出的对话框效果 -->    
        <div id="add" class="easyui-dialog" title="添加节点" data-options="modal:true,closed:true"
        style="width:300px;height:200px;padding:5px;">
                
            <div data-options="region:'center'" style="padding:10px;">
                 <form id="addForm" method="post">        
                    <table cellpadding="0">
                        <tr height="30" >
                            <td width="100" align="center"> 配置项的值  </td>
                            <td width="200" align="center">
                                <input class="easyui-validatebox" id="name" name="name" type="text"
                                data-options="required:true"></input></td>
                        </tr>
                        <tr height="30" >
                            <td width="100" align="center">节点名称</td>
                            <td width="200" align="center">
                                <input class="easyui-validatebox" id="cfgvalue" name="cfgvalue" type="text"
                                data-options="required:true"></input></td>
                        </tr>
                        <tr height="30" >
                            <td width="100" align="center">备注</td>
                            <td width="200" align="center">
                                <input class="easyui-validatebox" id="remark" name="remark" type="text"
                                data-options="required:true"></input></td>
                        </tr>
                    </table>
                </form>
            </div>
            <div data-options="region:'south',border:false" style="text-align:right;padding:5px 0 0;">        
                <input type="button" value="添加" οnclick="submit()" style="border:none"/>
                <input type="button" value="关闭" οnclick="hidden()" style="border:none"/>
            </div>    
        </div>

2，js提交表单数据

function submit() {
    $('#addForm').form('submit', {
        url: '...',
        onSubmit: function() {
            var isValid = $(this).form('validate');
            if (!isValid) {
                alert("输入有误");
            }
            return isValid;    // return false will stop the form submission
        },
        success:function(data){
            alert(data);
        }
    });
}

3，controller层，添加add方法

    @Autowired
    @Qualifier("configService")
    private ConfigServiceI configService;

    @RequestMapping("/addConfig")
    public void addConfig(DmsConfig config){
        configService.insertConfig(config);
    }

4，service层

service接口

public void insertConfig(DmsConfig dmsConfig);

service实现类

在类上面添加注解@Service("configService")

添加方法

   @Resource
    private DmsConfigMapper dmsConfigMapper;

    public void insertConfig(DmsConfig dmsConfig) {
         validate(dmsConfig, false);
        dmsConfigMapper.insert(dmsConfig);
    }

5，DAO层（自动生成）（接口）

6，mapping层（自动生成）（.xml）（DAO接口实现）

namespace必须与对应接口全类名一致

ID必须与DAO接口对应方法名一致

7，Model（模型层（Bean）通过注解自动注入）