OA会议管理系统之会议发布(内含原型图&项目介绍&多功能下拉框&源码)(三)

简介: OA会议管理系统之会议发布(内含原型图&项目介绍&多功能下拉框&源码)(三)

js逻辑代码讲解

①多功能下拉框

这一堆代码就是当页面加载的时候,为我们的多功能下拉框做数据绑定使用的,注意的是在formSelects官网中可以看到动态下拉框必须满足以下的JSON格式否则,会无法显示数据成功。

所以我们在做数据的时候必须满足该需求

②日期范围

在Layui官网中找到相应的样式进行cv

注意也要将该功能的js也拷贝下来以防出错,值得注意的是注意版本问题,该功能只支持2.6.6以上的版本,否则不兼容。表单提交也可以参考Layui提供的文档。

4.Web层

MeetinginfoAction

package com.xw.web;
import java.text.SimpleDateFormat;
import java.util.Date;
import java.util.Enumeration;
import java.util.List;
import java.util.Map;
import java.util.UUID;
import javax.security.auth.message.callback.PrivateKeyCallback.Request;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.http.HttpSession;
import org.apache.commons.beanutils.ConvertUtils;
import com.sun.xml.internal.ws.encoding.soap.SOAP12Constants;
import com.xw.biz.IMeetinginfoBiz;
import com.xw.biz.MeetinginfoBizImpl;
import com.xw.entity.Meetinginfo;
import com.xw.entity.User;
import com.zking.framework.ActionSupport;
import com.zking.framework.ModelDriver;
import com.zking.util.Base64ImageUtils;
import com.zking.util.DateUtil;
import com.zking.util.MyDateConverter;
import com.zking.util.PageBean;
import com.zking.util.PropertiesUtil;
import com.zking.util.R;
import com.zking.util.ResponseUtil;
import com.zking.util.StringUtils;
/**
 * 会议管理
 * 
 * @author 索隆
 *
 */
public class MeetinginfoAction extends ActionSupport implements ModelDriver<Meetinginfo> {
  private Meetinginfo Meetinginfo = new Meetinginfo();
  private IMeetinginfoBiz imd = new MeetinginfoBizImpl();
  /**
   * 会议发布新增会议
   * 
   * @param req
   * @param resp
   * @throws Exception
   */
  public void add(HttpServletRequest req, HttpServletResponse resp) throws Exception {
    // 调用查询的方法
    int add = imd.add(Meetinginfo);
    if (add > 0) {
      // 会议发布成功
      ResponseUtil.writeJson(resp, R.ok(0, "会议发布成功"));
    } else {
      // 会议发布失败
      ResponseUtil.writeJson(resp, R.error(1, "会议发布失败"));
    }
  }
  @Override
  public Meetinginfo getModel() {
    // 将获取到时间String类型转换成date类型
    ConvertUtils.register(new MyDateConverter(), Date.class);
    return Meetinginfo;
  }
}

写完Web层,别忘了配置

注意:这里会有个细节问题

因为我们form获取的时间是String类型而我们的实体中是Date类型从而导致转换问题。解决办法很简单,只需要将前端转递过来的String转成Date即可,这里小编编写了一个转换工具类,提供给大家。

MyDateConverter(String转Date工具类)

package com.zking.util;
import java.text.SimpleDateFormat;
import java.util.Date;
import org.apache.commons.beanutils.Converter;
public class MyDateConverter implements Converter {
  @Override
  public Object convert(Class type, Object value) {
    String dateStr = (String)value;
    SimpleDateFormat spdt = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");
    try {
      Date date = spdt.parse(dateStr);
      return date;
    } catch (Exception e) {
      e.printStackTrace();
    }
    return null;
  }
}

然后再我们Web层的返回模型对象的重写方法中注入即可。

4.案例演示

到这里我的分享就结束了,欢迎到评论区探讨交流!!

如果觉得有用的话还请点个赞吧 ♥  ♥

相关文章
|
2天前
|
SQL 开发框架 .NET
OA办公自动化系统设计与实现(论文+源码)_kaic
OA办公自动化系统设计与实现(论文+源码)_kaic
|
2天前
企业常用的免费OA功能
当免费OA在管理软件领域支撑起组织管理的半边天的时候,当免费OA成为移动互联网时代企业信息化的排头兵的时候,是什么让越来越多的企业愿意买单。哪些功能能让企业更为收益?
25 0
|
2天前
|
NoSQL 前端开发 Java
基于springboot实现OA办公管理系统
基于springboot实现OA办公管理系统
基于springboot实现OA办公管理系统
|
2天前
免费OA系统的特征和功能支持
随着中国企业信息化的建设的高速发展,企业信息化建设已不再是一个陌生词,各大信息化软件相应的得到了发展。目前OA系统已经成为每个企业信息化初期选择并投入建设的基本系统,达到充分利用信息,提高工作效率和工作质量,提高生产率的目的。
45 1
|
2天前
|
SQL 存储 JavaScript
Layui之OA会议增删改查
Layui之OA会议增删改查
39 0
|
5月前
|
开发框架 JavaScript 前端开发
J2EE项目部署与发布(Windows版本)->会议OA单体项目Windows部署,spa前后端分离项目Windows部署
J2EE项目部署与发布(Windows版本)->会议OA单体项目Windows部署,spa前后端分离项目Windows部署
32 0
|
5月前
会议OA项目-其它页面->自定义组件应用,其它界面的布局
会议OA项目-其它页面->自定义组件应用,其它界面的布局
26 0
|
5月前
|
容器
会议OA项目-首页->flex弹性布局,轮播图后台数据获取及组件使用(后台数据交互mockjs),首页布局
会议OA项目-首页->flex弹性布局,轮播图后台数据获取及组件使用(后台数据交互mockjs),首页布局
37 0
|
5月前
|
JSON 小程序 前端开发
小程序之自定义组件 结合案例(会议OA的会议/投票管理及个人中心的搭建)详解 (4)
小程序之自定义组件 结合案例(会议OA的会议/投票管理及个人中心的搭建)详解 (4)
|
5月前
|
JSON 小程序 前端开发
小程序之实例会议OA的首页 (3)
小程序之实例会议OA的首页 (3)