当前位置：首页 > news >正文

我的会议（会议通知）

news 2026/3/31 19:07:42

前言:

我们在实现了发布会议功能，我的会议功能的基础上，继续来实现会议通知的功能。

4.1实现的特色功能：

当有会议要参加时，通过查询会议通知可以知道会议的内容，以及当前会议状态（未读）

4.2思路：

不同的用户登录显示的通知，在我的会议中可以选择是否参会，可以查看当前会议状态。

当前id获取当前的会议信息sql：

SELECT * FROM	t_oa_meeting_info  where FIND_IN_SET(2,CONCAT(canyuze,',',zhuchiren,',',liexize))

4.3演示效果：

4.4功能实现：

dao层:

	public List<Map<String, Object>> queryMeetingFeedBackByUserId(MeetingFeedBack mfback, PageBean pageBean)throws InstantiationException, IllegalAccessException, SQLException {String sql = "select t1.*,ifnull(f.result,-1) result from \r\n" + "(select * from t_oa_meeting_info where "+ "find_in_set('" + mfback.getPersonId() + "',concat(canyuze,',',liexize,',',zhuchiren))) t1 \r\n"+ "left join t_oa_meeting_feedback f on " + "t1.id=f.meetingId and personId=" + mfback.getPersonId()+ " where f.result is null ";sql += " order by t1.id desc";return super.executeQuery(sql, pageBean);}

meetingNotify.jsp(会议通知的页面)

<%@ page language="java" contentType="text/html; charset=UTF-8"pageEncoding="UTF-8"%>
<%@include file="/common/header.jsp"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="static/js/meeting/meetingNotify.js"></script>
</head>
<title>会议通知</title>
<style>
body{margin:15px;
}.layui-table-cell {height: inherit;}.layui-layer-page .layui-layer-content {  overflow: visible !important;}
</style>
<body>
<!-- 搜索栏 -->
<div class="layui-form-item" style="margin:15px 0px;"><div class="layui-inline"><label class="layui-form-label">会议标题</label><div class="layui-input-inline"><input type="hidden" id="personId" value="${user.id }"/><input type="text" id="title" autocomplete="off" class="layui-input"></div></div><div class="layui-inline"><button id="btn_search" type="button" class="layui-btn"><i class="layui-icon layui-icon-search"></i> 查询</button></div>
</div>
<!-- 数据表格 -->
<table id="tb" lay-filter="tb" class="layui-table" style="margin-top:-15px"></table><script type="text/html" id="tbar">{{# if(d.result==-1){ }}<a class="layui-btn layui-btn-xs" lay-event="edit">是否参会</a>{{# } }}
</script>
</body>
</html>

meetingNotify.js

let layer,table,$,form,test;
var row;
layui.use(['layer','table','jquery','form','test'],function(){layer=layui.layer,table=layui.table,form=layui.form,test=layui.test,$=layui.jquery;initTable();//查询事件$('#btn_search').click(function(){query();});});//初始化数据表格  我的通知
function initTable(){table.render({          //执行渲染elem: '#tb',   //指定原始表格元素选择器（推荐id选择器）height: 400,         //自定义高度loading: false,      //是否显示加载条（默认 true）cols: [[             //设置表头{field: 'id', title: '会议编号', width: 90},{field: 'title', title: '会议标题', width: 120},{field: 'location', title: '会议地点', width: 140},{field: 'startTime', title: '开始时间', width: 120,templet:function(d){return test.toDate(new Date(d.startTime));}},{field: 'endTime', title: '结束时间', width: 120,templet:function(d){return test.toDate(new Date(d.endTime));}},{field: 'result', title: '反馈状态', width: 120,templet: function(d){if(d.result==1)return "参会";else if(d.result==2)return "缺席";elsereturn "未读";}},{field: '', title: '操作', width: 200,toolbar:'#tbar'},]]});
}//点击查询
function query(){table.reload('tb', {url: 'feedBack.action',     //请求地址method: 'POST',                    //请求方式，GET或者POSTloading: true,                     //是否显示加载条（默认 true）page: true,                        //是否分页where: {                           //设定异步数据接口的额外参数，任意设'methodName':'queryMeetingFeedBackByUserId','personId':$('#personId').val(),'title':$('#title').val(),},  request: {                         //自定义分页请求参数名pageName: 'page', //页码的参数名称，默认：pagelimitName: 'rows' //每页数据量的参数名，默认：limit},done: function (res, curr, count) {console.log(res);}});//工具条事件table.on('tool(tb)', function(obj){ //注：tool 是工具条事件名，test 是 table 原始容器的属性 lay-filter="对应的值"row = obj.data; //获得当前行数据var layEvent = obj.event; //获得 lay-event 对应的值（也可以是表头的 event 参数对应的值）var tr = obj.tr; //获得当前行 tr 的 DOM 对象（如果有的话）console.log(row);if(layEvent === 'edit'){ //是否参会openLayer(row.id);} else {}});
}function openLayer(id){layer.open({type: 2,                    //layer提供了5种层类型。可传入的值有：0（信息框，默认）1（页面层）2（iframe层）3（加载层）4（tips层）title: '会议反馈',                   //对话框标题area: ['660px', '400px'],   //宽高skin: 'layui-layer-rim',    //样式类名content: 'jsp/meeting/addFeedBack.jsp?id='+id,                //弹出内容。可以传入普通的html内容，还可以指定DOM，更可以随着type的不同而不同btn:['会议反馈','关闭'],yes:function(index,layero){//layer.msg('保存');//调用子页面中提供的getData方法，快速获取子页面的form表单数据let data= $(layero).find("iframe")[0].contentWindow.getData();addMeetingFeedBack(data);},btn2:function(){layer.closeAll();}});
}// 对会议通知进行 参会/不参会的反馈
function addMeetingFeedBack(params){params['methodName']="add";console.log(params);$.post('feedBack.action',params,function(rs){if(rs.success){layer.closeAll();query();}else{layer.msg(rs.msg,{icon:5},function(){});}},'json');
}

是否参会的jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"pageEncoding="UTF-8"%>
<%@include file="/common/header.jsp"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="static/js/meeting/addFeedBack.js"></script>
</head>
<title>会议通知中的会议反馈</title>
<style>
body{margin:5px;
}
</style>
<body>
<div style="padding:10px;"><form class="layui-form layui-form-pane" lay-filter="back"><!-- <div class="layui-form-item"><button type="submit" class="layui-btn" lay-submit="" lay-filter="meeting">立即提交</button><button id="reset" type="reset" class="layui-btn layui-btn-primary">重置</button></div> --><input type="hidden" name="meetingId" value="${param.id }"/><input type="hidden" name="personId" value="${sessionScope.user.id }"/><div class="layui-form-item"><label class="layui-form-label">人员类型</label><div class="layui-input-block"><select id="personType" name="personType"><option value="">请选择人员类型</option><option value="1">参会</option><option value="2">列席</option></select></div></div><div class="layui-form-item"><label class="layui-form-label">反馈结果</label><div class="layui-input-block"><select id="result" name="result"><option value="">请选择反馈结果</option><option value="1">参加</option><option value="2">不参加</option></select></div></div><div class="layui-form-item layui-form-text"><label class="layui-form-label">不参与会议的原因</label><div class="layui-input-block"><textarea placeholder="请输入内容" name="reason" class="layui-textarea"></textarea></div></div></form>
</div>
</body>
</html>

是否参会的js

let form,$;
layui.use(['form','jquery'],function(){form=layui.form,$=layui.jquery;
});function getData(){return form.val('back');
}

我的会议（会议通知）

前言: 我们在实现了发布会议功能，我的会议功能的基础上，继续来实现会议通知的功能。 4.1实现的特色功能： 当有会议要参加时，通过查询会议通知可以知道会议的内容，以及当前会议状态（未读） 4.2思路…...

编程日记 2023/8/1 15:11:54

css实现水平居中

代码示例 <div class"box"><div class"box1"></div> </div>1.弹性布局：（推荐） display:flex； 这些要添加在父级的，是父级的属性 //父级添加display:flex; //父级添加jus…...

编程日记 2023/8/1 15:10:53

c刷题(一)

目录 1.输出100以内3的倍数 2.将3个数从大到小输出 3.打印100~200素数方法一方法二 4.显示printf的返回值最大公约数试除法辗转相除法九九乘法表求十个数的最大值 1.输出100以内3的倍数法一： int n 0; while (n*3 < 100){printf("%d &q…...

编程日记 2023/8/1 15:09:48

webpack

文章目录 webpack概念打包的场景为什么要打包在打包之外 - 翻译在打包之外 - 小动作课程重点模块化利用立即执行函数来改变作用域模块化的优点模块化方案的进化史AMD（成型比较早，应用不是很广泛）COMMONJSES6 MODULE webpack 的打包机制webp…...

编程日记 2023/8/1 15:08:47

反复 Failed to connect to github.com port 443 after xxx ms

前提：使用了代理，浏览器能稳定访问github，但git clone一直超时解决方案： 1. git config --global http.proxy http://127.0.0.1:1080 2. 代理设置端口1080 3. 1080可自定义感谢来自这篇博客和评论区的提醒：解决…...

编程日记 2023/8/1 15:07:46

ARM裸机-11

1、安装交叉编译工具工具 1.1、windows中装软件的特点 windows中装软件使用安装包，安装包解压后有两种情况:一种是一个安装文件 (.exe/.msi)，双击进行安装，下一步直到安装完毕。安装完毕后会在桌面上生成快捷方式，我们平时使用快…...

编程日记 2023/8/1 15:06:45

centos7升级glibc

作者：吴业亮博客：wuyeliang.blog.csdn.net 安装bison： yum install bison -y安装wget、bzip2、gcc、gcc-c和glibc-headers： yum -y install wget bzip2 gcc gcc-c glibc-headers安装make-4.2.1： wget http://ftp.…...

编程日记 2023/8/1 15:05:44

【OnnxRuntime】在linux下编译并安装C++版本的onnx-runtime

目录安装C接口的onnx-runtime安装依赖项：下载源文件构建ONNX Runtime安装ONNX Runtime 安装C接口的onnx-runtime 安装依赖项： 安装CMake：可以通过包管理器（如apt、yum等）安装CMake。安装C编译器：确保系…...

编程日记 2023/8/1 15:04:43

C#基于OpenCv（OpenCvSharp）的 fftshift, ifftshift 函数的实现

本文实现基于OpenCv（OpenCvSharp）的 fftshift, ifftshift 函数。 fftshift 函数将信号频谱的零频分量移动到数组中心, 本质是分别对调一三象限数据。 ifftshift完成相反的操作，本质是二四象限的数据块。 OpenCV中没有这两个函数如果使用需要自己实现。实现代码如下： …...

编程日记 2023/8/1 15:03:42

【SpringBoot】笔记2

文章目录 45、web实验-抽取公共页面46、web实验-遍历数据与页面bug修改47、视图解析-【源码分析】-视图解析器与视图[暂时没看]48、拦截器-登录检查与静态资源放行49、拦截器-【源码分析】-拦截器的执行时机和原理50、文件上传-单文件与多文件上传的使用51、文件上传-【源码流程…...

编程日记 2023/8/1 15:02:41

Spring事务传播机制详细讲解

文章目录一、事务传播机制1. REQUIRED：2. SUPPORTS：3. MANDATORY：4. REQUIRES_NEW：5. NOT_SUPPORTED：6. NEVER：7. NESTED： 二、事务传播机制分类1. 支持当前事务的传播机制：REQUIRE…...

编程日记 2023/8/1 15:01:39

kubernetes 集群搭建(kubeadm 方式)

目前生产部署 Kubernetes 集群主要有两种方式： （1） kubeadm Kubeadm 是一个 Kubernetes 官方提供的命令行工具，可以用来部署和管理 Kubernetes 集群。它主要用于在新的 Kubernetes 环境中初始化集群、添加或删除节点等操作。 K…...

编程日记 2023/8/1 15:00:38

基于ARM+FPGA的驱控一体机器人控制器设计

目前市场上工业机器人，数控机床等多轴运动控制系统普遍采用运动控制器加伺服驱动器的分布式控制方式。在这种控制方式中，控制器一方面完成人机交互，另一方面进行 NC 代码的解释执行，插补运算，继而将计算出来的位…...

编程日记 2023/8/1 14:59:36

docker 安装字体文件

先说一下我当前的场景及环境，这样同学们可以先评估本篇文章是否有帮助。环境： dockerphp8.1-fpmwindows 场景： 来了个需求，有一个默认背景图，可以理解为背景图是一个 "相框"，相框里面就会放…...

编程日记 2023/8/1 14:58:35

Vue.js与ASP.NET的结合，实现企业级应用的开发和部署

在当今快速发展的互联网技术领域，企业级应用的开发和部署变得越来越重要。Vue.js和ASP.NET是两个在前端和后端开发中广泛使用的技术，将它们结合起来可以为企业级应用的开发和部署带来诸多优势。本文将通过代码示例介绍如何使用Vue.js和ASP.NET进行企业级…...

编程日记 2023/8/1 14:57:34

Uncaught SyntaxError: ‘‘ string literal contains an unescaped line break

今天在修改前端页面的时候，页面报错了，提示了这个信息 Uncaught SyntaxError: string literal contains an unescaped line break 问题指向这行代码，这就是通过JS渲染一个easyui的搜索框，仔细确认之后，发现没有任何问…...

编程日记 2023/8/1 14:56:32

目录 1.Vue3ViteTypeScript 概述 1.1 vue3 1.1.1 Vue3 概述 1.1.2 vue3的现状与发展趋势 1.2 Vite 1.2.1 现实问题 1.2 搭建vite项目 1.3 TypeScript 1.3.1 TypeScript 定义 1.3.2 TypeScript 基本数据类型 1.3.3 TypeScript语法简单介绍 2. 项目配置简单概述 2.…...

编程日记 2023/8/1 14:55:31

数字电路(一)

1、例题 1、进行DA数模转换器选型时，一般要选择主要参数有（ A）、转换精度和转换速度。 A、分辨率 B、输出电流 C、输出电阻 D、模拟开关 2、下图所示电路的逻辑功能为（ B） A、与门 B、或门 C、与非门 D、或非门分析该…...

编程日记 2023/8/1 14:54:29

Oracle也有回收站

在数据库管理中，数据的删除是一个常见的操作。然而，有时候我们可能会意外地删除了一些重要的数据。幸运的是，Oracle数据库提供了一个类似于回收站的功能，可以帮助我们恢复被删除的数据。本文将介绍Oracle数据库中的回收站功能以及…...

编程日记 2023/8/1 14:53:28

投稿注意！APA格式超全示例详解，原本28天能录用，可能要拖延2个月

为什么同一本期刊有论文28天录用，有论文10个月才录用？结合近期征稿的这本经管类SSCI期刊，小编（Unionpub学术）整理了部分影响录用的几个因素，准备提交此期刊的作者可自查参考下： （参…...

编程日记 2023/8/1 14:52:26

s2-pro免配置镜像教程：无需Python环境，直接运行Web语音合成工具

s2-pro免配置镜像教程：无需Python环境，直接运行Web语音合成工具 1. 产品简介 s2-pro是Fish Audio开源的专业级语音合成模型镜像，它让语音合成变得前所未有的简单。这个工具最大的特点就是完全免配置 - 你不需要安装Python环境，不…...

编程新知 2026/3/31 18:50:18

数据库智能运维：利用PyTorch LSTM预测数据库性能瓶颈

数据库智能运维：利用PyTorch LSTM预测数据库性能瓶颈 1. 引言：当数据库遇上AI预测凌晨三点，运维工程师小李被刺耳的报警声惊醒——核心数据库又崩溃了。这已经是本月第三次因为性能瓶颈导致的业务中断，每次损失都超过百万。传统…...

编程新知 2026/3/31 17:39:29

Zotero Citation插件进阶使用指南：从安装到定制的全流程解决方案

Zotero Citation插件进阶使用指南：从安装到定制的全流程解决方案【免费下载链接】zotero-citation Make Zoteros citation in Word easier and clearer. 项目地址: https://gitcode.com/gh_mirrors/zo/zotero-citation [痛点分析]：文献管理中的隐…...

编程新知 2026/3/31 17:02:43

告别重复造轮子：用快马AI一键生成高复用性imToken集成代码模块

告别重复造轮子：用快马AI一键生成高复用性imToken集成代码模块开发涉及钱包集成的DApp时，最让人头疼的就是那些重复性的基础代码。每次新项目都要重新写一遍连接钱包、处理授权、监听网络切换的逻辑，不仅浪费时间，还容易引入安全…...

编程新知 2026/3/31 16:42:21

别再折腾官方源了！用XianDian-IaaS-v2.2在CentOS7上30分钟搞定OpenStack最小化部署

30分钟极速部署OpenStack：XianDian-IaaS在CentOS7上的实战指南 OpenStack作为开源云计算平台的标杆，其强大的灵活性和模块化设计吸引了大量企业用户。但官方部署流程的复杂性往往让初学者望而却步——依赖项冲突、版本兼容性问题、繁琐的配置步骤&#x…...

编程新知 2026/3/31 16:09:46

Delphi MVC框架ActiveRecord中间件多连接配置详细解析[特殊字符]

1. 数组长度必须一致1234567// 错误示例 - 会抛出异常TMVCActiveRecordMiddleware.Create(MainDB,[LogDB, CacheDB], // 2个元素[LogDB_Def], // 1个元素 ← 错误！MultiConnections.ini);2. 连接名命名规范1234567// 建议使用有意义的命…...

编程新知 2026/3/31 16:09:46

EmuELEC 3.9 vs 4.0+：不同版本写入EMMC的详细操作指南（附常见问题解决）

EmuELEC 3.9与4.0版本EMMC写入全流程实战解析 1. 版本差异与核心机制解析 EmuELEC作为开源游戏系统，其3.9与4.0版本在EMMC写入机制上存在根本性架构差异。理解这些差异是避免操作失误的前提。 3.9版本的技术特点： 采用传统的installtointernal.sh脚本…...

编程新知 2026/3/31 15:33:19