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.案例演示

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

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

相关文章
|
5月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp小程序的企业oa管理系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp小程序的企业oa管理系统附带文章源码部署视频讲解等
48 1
|
3月前
|
JavaScript 前端开发 搜索推荐
【Vue 2】一个功能强大OA办公系统,开源且免费!!
【Vue 2】一个功能强大OA办公系统,开源且免费!!
|
6月前
|
SQL 开发框架 .NET
OA办公自动化系统设计与实现(论文+源码)_kaic
OA办公自动化系统设计与实现(论文+源码)_kaic
|
4月前
|
测试技术 Windows
基于SpringBoot+Vue企业oa管理系统(源码+部署说明+演示视频+源码介绍)(3)
基于SpringBoot+Vue企业oa管理系统(源码+部署说明+演示视频+源码介绍)
183 0
|
4月前
|
数据库 数据安全/隐私保护 数据库管理
基于SpringBoot+Vue企业oa管理系统(源码+部署说明+演示视频+源码介绍)(2)
基于SpringBoot+Vue企业oa管理系统(源码+部署说明+演示视频+源码介绍)
76 0
|
4月前
|
Java 关系型数据库 MySQL
基于SpringBoot+Vue企业oa管理系统(源码+部署说明+演示视频+源码介绍)(1)
基于SpringBoot+Vue企业oa管理系统(源码+部署说明+演示视频+源码介绍)
58 0
|
6月前
|
JavaScript Java 测试技术
基于springboot+vue.js的企业OA管理系统附带文章和源代码设计说明文档ppt
基于springboot+vue.js的企业OA管理系统附带文章和源代码设计说明文档ppt
92 8
|
6月前
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp的企业OA管理系统的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue+uniapp的企业OA管理系统的详细设计和实现(源码+lw+部署文档+讲解等)
|
6月前
|
JavaScript Java 测试技术
基于SpringBoot+Vue的企业oa管理系统的设计与实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue的企业oa管理系统的设计与实现(源码+lw+部署文档+讲解等)
|
6月前
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp的OA办公系统的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue+uniapp的OA办公系统的详细设计和实现(源码+lw+部署文档+讲解等)