站内消息弹出层简单实现

由于项目中用到的是dwz框架，想整合layui的弹出层组件，牵扯太多太麻烦，索性自己动手，实现下站内消息推送右下角弹出层进行提示。代码可直接复制使用，样式捡漏，稍微再调一下吧，简单展示下。

展示效果

完整代码如下

调用方法如下：

//在任一页面如下调用即可弹出弹出层（当然了，上面的实现代码需要放在layouts主体视图下，才能在整个网站调用如下代码弹出消息层）
createNewLowerRightCornerPerBox('系统消息', '消息主体内容');
        

网站公告表结构设计

--
-- 网站公告数据表结构设计
--
-- 网站公告表
-- Create: 2018-03-29 13:50:00
--
DROP TABLE IF EXISTS ueb_website_announcement;
CREATE TABLE `ueb_website_announcement` (
  `id` int(11) unsigned NOT NULL AUTO_INCREMENT,
  `sender_id` int(10) unsigned NOT NULL DEFAULT '0' COMMENT '发送者 (0系统)',
  `receiver_id` int(10) unsigned NOT NULL DEFAULT '0' COMMENT '接收者 (0所有部门)',
  `title` varchar(64) NOT NULL DEFAULT '' COMMENT '标题',
  `content` varchar(64) NOT NULL DEFAULT '' COMMENT '内容',
  `message_type` tinyint(1) NOT NULL DEFAULT '0' COMMENT '公告类型',
  `displayorder` tinyint(3) NOT NULL DEFAULT '0' COMMENT '排序值',
  `starttime` int(10) unsigned NOT NULL DEFAULT '0' COMMENT '开始时间',
  `endtime` int(10) unsigned NOT NULL DEFAULT '0' COMMENT '过期时间',
  `createtime` int(10) unsigned NOT NULL DEFAULT '0' COMMENT '创建时间',
  `is_delete` tinyint(1) NOT NULL DEFAULT '0' COMMENT '删除状态 0-未删除，1-已删除',
  PRIMARY KEY (`id`),
  KEY `timespan` (`starttime`,`endtime`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8;



--
-- 网站公告用户关联表
-- 
DROP TABLE IF EXISTS ueb_website_announcement_user_relation;
CREATE TABLE `ueb_website_announcement_user_relation` (
  `id` int(11) unsigned NOT NULL AUTO_INCREMENT,
  `announcement_id` int(10) unsigned NOT NULL DEFAULT '0' COMMENT '公告',
  `user_id` int(10) unsigned NOT NULL DEFAULT '0' COMMENT '接收者',
  `readtime` int(10) unsigned NOT NULL DEFAULT '0' COMMENT '查收时间',
  `modifytime` int(10) unsigned NOT NULL DEFAULT '0' COMMENT '修改时间',
  `createtime` int(10) unsigned NOT NULL DEFAULT '0' COMMENT '创建时间',
  `is_read` tinyint(1) NOT NULL DEFAULT '0' COMMENT '阅读状态 0-未读，1-已读',
  `is_delete` tinyint(1) NOT NULL DEFAULT '0' COMMENT '删除状态 0-未删除，1-已删除',
  PRIMARY KEY (`id`),
  KEY `user_id` (`user_id`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8;

转载于:https://www.cnblogs.com/renzhicai/p/8666254.html