一,会议排座
1,为什么会有排座功能
1.在公司与政府机构中常常会需要开一些大大小小的会议来商讨事物
2.并且不同的职位与身份所坐的座位也会有所不同,不能随便坐
如图所示:
2.查找资料
可以通过jquery官网查找也可以直接查找
资料一:
存在问题:
1:人名会重叠覆盖
2:边框小
资料二:
存在问题:
1:不适用于会议排座样式
2:且只能交换位置,不能随意拖动
资料三:
可以适用于会议排座样式,可以随意拖动且边框较合适
所以我们采用第三种布局方式,修改之后最终效果为:
实现流程为:
3.配置路径
文件内容:
找到Servers双击tmocat
点击右侧Add .....进行配置,将配置文件中的目录与路径复制进去即可
3.后台
完成会议排座的Sql语句
-- 第一个参数:数据库列段
-- 第二个参数:是列段的条件
SELECT * from t_oa_user where FIND_IN_SET (id,(select CONCAT(canyuze,',',liexize,',',zhuchiren) from t_oa_meeting_info where id = 8))
正式编写dao层:
// 设置会议排座图片
public int updateSeatPicById(MeetingInfo info) throws Exception {
String sql = "update t_oa_meeting_info set seatPic=? where id=?";
return super.executeUpdate(sql, info, new String[] {"seatPic","id"});
}
Web层调用方法进行使用
public String updateSeatPicById(HttpServletRequest req, HttpServletResponse resp) {
/**
* 1、接受前端页面传递到后台的图片对应的字符串
* 2、借助工具类字符串生产一个图片,保存到配置文件所配置的路径下
* 3、添加服务器硬盘与请求地址的映射,即可访问
* 4、将请求地址保存到数据库中
*/
try {
// 获取到图片的存放地址
String dirPath = PropertiesUtil.getValue("dirPath");
// 获取浏览器请求路径,为了保存到数据库 serverPath=upload/paizuo/
String serverPath = PropertiesUtil.getValue("serverPath");
// 随机生产一个图片名称
String fileName = UUID.randomUUID().toString().replaceAll("-", "") + ".png";
info.getSeatPic();//图片字符串
Base64ImageUtils.GenerateImage(info.getSeatPic()
.replaceAll("data:image/png;base64,", ""), dirPath+fileName);
// 将setPic中的内容改为请求地址
info.setSeatPic(serverPath + fileName);
//修改会议排座数据库图片对应的数据库列段
int rs = infodao.updateSeatPicById(info);
if(rs >0) {
ResponseUtil.writeJson(resp, R.ok(200, "会议排座成功"));
}
else {
ResponseUtil.writeJson(resp, R.error(0, "会议排座失败"));
}
} catch (Exception e) {
e.printStackTrace();
try {
ResponseUtil.writeJson(resp, R.error(0, "会议排座失败"))