MongoDB简单的新增加EasyUi，前台页面的展示

首先定义一个新增的按钮用来打开新增的弹框

<!-- 新增 -->
	<div id="toolbar">
		<table>
			<tr>
				<td colspan="3">
					<a id="addBtn" class="easyui-linkbutton" data-options="iconCls:'icon-add',plain:true">新增</a>
				</td>
			</tr>
		</table>
	</div>

然后打开新增的弹框Fron表单

//新增商品的弹框
$("#addBtn").click(function(){
	//重置表单，否则再次打开会有回显的效果
	$("#goodsForm").form('reset');
	//dialog  :弹框
    //打开新增弹框
	$("#goodsDialog").dialog({
		title:'新增内容',
		iconCle:'icon-add',
		closed:false,
	})
})

开启From表单

<!-- 新增商品表的弹框 -->
	<div id="goodsDialog" class="easyui-dialog" data-options="title:'新增',iconCls:'icon-add',modal:true,closed:true,
		buttons:[{
			text:'保存',
			iconCls:'icon-save',
			handler:function(){
				saveGoods();  //新增的Onclick事件
			}			
		},{
			text:'关闭',
			iconCls:'icon-cancel',
			handler:function(){
				closeArticleDialog();
			}
		}]" style="width:300px;height:200px">
		
		<!-- 表单 -->
		<form id="goodsForm" method="post">
			<table>
				<tr>
					<td>商品名称:</td>
					<td>				//name值为实体Bean的名字
					<input type="text" name="name" class="easyui-textbox"></td>
				</tr>
			</table>
		</form>	
		</div>

新增商品到MongoDB的数据库

//新增商品到MongoDB服务器
function saveGoods(){
	$("#goodsForm").form({
		url:'../goods/saveGoods.do',  //进入后台进行新增
		success:function(data){
			if (data == 'true') {
				$("#goodsTable").datagrid('reload');
				$.messager.alert('提示','保存成功','info')
				closeArticleDialog();
			}else{
				$.messager.alert('提示','保存失败','warning')
			}
		}
	})
	$("#goodsForm").submit();  //From表单提交
}


//新增完成后关闭弹框
function closeArticleDialog(){
	//新增div的id值
	$("#goodsDialog").dialog('close');
}

后台Controller

//新增商品表
	@RequestMapping("saveGoods")
	@ResponseBody  //传入实体Bean
	public Boolean saveGoods(GoodsBean goodsBean) {
		try {
			goodsService.saveGoods(goodsBean);
			return true;
		} catch (Exception e) {
			e.printStackTrace();
			return false;
		}
	}

后台Service层

    注入MongoBD
    @Autowired
	private MongoTemplate mongoTemplate;

//新增商品表
	@Override
	public void saveGoods(GoodsBean goodsBean) {
		GoodsBean goodsBean2 = new GoodsBean();
		goodsBean2.setName(goodsBean.getName());
		goodsBean2.setCount(0);
        //mongoTemplate的save方法新增
		mongoTemplate.save(goodsBean2);
	}

完成新增