博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
站内消息弹出层简单实现
阅读量:5858 次
发布时间:2019-06-19

本文共 2109 字,大约阅读时间需要 7 分钟。

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

展示效果

640833-20180328210126705-1702826363.png

完整代码如下

            
自定义站内系统通知右下弹出框

调用方法如下:

//在任一页面如下调用即可弹出弹出层(当然了,上面的实现代码需要放在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

你可能感兴趣的文章
《算法设计手册》面试题解答 第五章:图的遍历 附:DFS应用之找挂接点
查看>>
ElasticSearch入门 第一篇:Windows下安装ElasticSearch
查看>>
python 多线程笔记(1)-- 概念
查看>>
对RTMP视频流进行BitmapData.draw()出错的解决办法
查看>>
输出select日期
查看>>
C#对FTP的一些操作 (转)
查看>>
Java访问文件夹中文件的递归遍历代码Demo
查看>>
VBS去除字符串的重复项并统计重复字符出现的次数
查看>>
Linux 进程中 Stop, Park, Freeze【转】
查看>>
YUV格式详解【转】
查看>>
Linux2.6.32内核笔记(5)在应用程序中移植使用内核链表【转】
查看>>
progress_display
查看>>
Linux(RHEL7.0)下安装nginx-1.10.2
查看>>
Windows server 2008 64位 在双核CPU(32位)下的安装过程
查看>>
oracleXE版本相关问题整理
查看>>
PostgreSQL 的 语法分析的理解(六)
查看>>
iOS:quartz2D绘图(显示绘制在PDF上的图片)
查看>>
Module Zero之角色管理
查看>>
linux下异步IO的简单例子【转】
查看>>
12.2. set
查看>>