活动模块添加业务实现
在活动列表页面，利用bootstrap技术添加按钮，点击添加按钮时弹出模态框，在模态框中呈现活动添加表单元素，其添加表单原型设计，
如图所示：
（数据层）Dao接口方法及映射定义
在ActivityDao接口中添加方法：
//因为这里的sql语句比较复杂，所以将sql写到xml文件中
int insertObject(Activity entity);在ActivityMapper映射文件中添加映射元素：
在resources目录下创建mapper目录，在mapper目录下创建xml映射文件；在xml映射文件中写sql语句：
insert into tb_activity
(title,category,startTime,endTime,remark,state,createdTime,createdUser)
values
(#{title},#{category},#{startTime},#{endTime},#{remark},1,now(),#{createdUser})
（业务层）Service接口方法定义及实现
在ActivityService接口中，添加保存活动信息的方法：
int saveActivity(Activity entity);在ActivityServiceImpl实现类中添加，接口方法的实现：
@Override
public int insertObject(Activity entity) {
return activityDao.insertObject(entity);
}（控制层）Controller方法定义及实现
在ActivityController中添加，处理添加请求的方法：
@RequestMapping("doSaveObject")
@ResponseBody
public String doSaveObject(Activity entity) {
activityService.insertObject(entity);
//return "activity";//这种方式返回的直接是整个页面
return "save ok";
}Activity 页面添加表单设计及实现
在activity.html页面中添加表单元素，用于实现与用户交互，用bootstrap技术设置添加按钮（可参考bootcss.com）；首先引入bootstrap：
设置添加按钮：
效果呈现：
在指定位置添加模态框并在指定位置添加form表单：
注意：form表单中name的属性值要和pojo中get方法的name属性值相同
添加JS代码，处理模态框Save按钮事件：
function doSave(){
//$("form").submit();//这种方式其实就是同步提交
//=======================================
//1、定义url
let url="/activity/doSaveObject";
//2、定义参数
var params={//注意：这里的 # titleId...要和form中id属性值相同
title:$("#titleId").val(),
category:$("#categoryId").val(),
startTime:$("#startTimeId").val(),
endTime:$("#endTimeId").val(),
remark:$("#remarkId").val()
}
//3、发送异步请求
$.ajax({
type:"post",
url:url,
data:params,
success:function(result){
alert(result);
//1、关闭(隐藏)模态框
$('#myModal').modal('hide');
//2、重新执行查询，局部刷新
findActivitys();
}
});
}启动tomcat服务器进行访问测试分析
启动tomcat ，访问活动列表页面：