【一】收件箱

分析

控制器:EmailController.class.php

方法:recBox(全称receive box收件箱)

模板文件:recBox.html

分步操作:

第一步:创建方法recBox,用来读取数据展示模板文件

先来分析下,针对收件箱,应该显示发件人from_id。需要关联sp_user用户表,所以接下来用到联表查询

主表:sp_email邮件表(别名t1);从表:sp_user用户表(别名t2);

关联条件:t1.from_id = t2.id;

原生SQL语句:其实与发件箱只是相比,最后一个条件不同而已。发件箱是from_id,收件箱是to_id

select t1.*,t2.truename as truename from sp_email as t1 left join sp_user as t2 on t1.to_id=t2.id where t1.to_id=当前用户id;

接下来去Navicate运行成功后,确保sql语句正确。接下来去ThinkPHP里执行连贯操作

//recBox收件箱获取数据展示模板
public function recBox(){
// 原生SQL:select t1.*,t2.truename as truename from sp_email as t1 left join sp_user as t2 on t1.to_id=t2.id
where t1.to_id=当前用户id;
//获取数据
$data = M('Email')->field('t1.*,t2.truename as truename')->alias('t1')->
join('left join sp_user as t2 on t1.to_id=t2.id')->where('t1.to_id='.session('id'))->select();
dump($data);die;
}

注意:session相关测试时注意事项

(1)在用户电脑上,同一个浏览器无法登录不同用户。因为session会产生覆盖,所以这就导致了不能多个窗口登录多个用户的情况

(2)解决方法:

①对此只能开另一个浏览器去登录其他用户,这样也算是在同一电脑上登录多个用户;

②打开新窗口,开启浏览器隐身模式,这样便不会记录session,也就不会产生session的覆盖

第二步:将数据传递给模板,变量分配,展示模板。最后完整代码

//recBox收件箱获取数据展示模板
public function recBox(){
//获取数据
$data = M('Email')->field('t1.*,t2.truename as truename')->alias('t1')->
join('left join sp_user as t2 on t1.to_id=t2.id')->where('t1.to_id='.session('id'))->select();
//传递数据给模板
$this->assign('data',$data);
//展示模板
$this->display();
}

第三步:将模板文件recBox.html复制到指定文件,并换掉静态资源路径

第四步:修改模板recBox.html,展示数据

和发件箱类似,需要注意:有个读取状态,已读和未读。需要在这里做下区分和操作

第五步:查看邮件内容

修改模板,使用layer查看邮件内容,

<!DOCTYPE html>
<html>
<head>
<title>收件箱</title>
</head>
<body>
收件箱
<table border="1" cellspacing="0" cellpadding="10">
<thead>
<tr><td>序号</td><td>发件人</td><td>标题</td><td>附件</td><td>内容</td><td>发送时间</td><td>状态</td><td>操作</td></tr>
</thead>
<volist name="data" id="vol">
<tr>
<td>{$vol.id}</td>
<td>{$vol.truename}</td>
<td>{$vol.title|msubstr=###,0,10}</td>
<td>{$vol.filename|msubstr=###,0,16}<notempty name="vol.filename"><a href="__CONTROLLER__/download/id/{$vol.id}">
【下载】</a></notempty>
</td>
<td>{$vol.content|msubstr=###,0,10}</td>
<td>{$vol.addtime|date='Y-m-d H:i:s',###}</td>
<td><if condition="$vol.isread == 0"><span style="color:red">未读</span><else/><span style="color:green">已读</span></if></td>
<td>
<a href="javascript:;" class="showBtn" data="{$vol.id}"" data-title="{$vol.title}">查看</a> |
<a href="__CONTROLLER__/edit/id/{$vol.id}" class="editBtn">删除</a>
</td>
</tr>
</volist>
</table>
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script>
<script type="text/javascript" src="__PUBLIC__/Admin/plugin/layer/layer.js"></script>
<script type="text/javascript"> </script>
<script type="text/javascript">
$(document).ready(function(){
$('.showBtn').on('click',function(){
// var title = $(this).parents('tr').children("td").get(1).innerHTML;
// console.log(title)
// 获取id
var id = $(this).attr('data');
var title = $(this).attr('data-title');
//iframe层
layer.open({
type: 2,
title: title,
shadeClose: true,
shade: 0.3, //阴影
area: ['600px', '50%'],
content: '__CONTROLLER__/showContent/id/'+id //iframe的url
});
})
})
</script>
</body>
</html>

第六步:添加查询getContent方法展示内容

在查询的时候,为了避免用户获取到请求内容的方法,进而在后面随意更改id来获取别人的邮件,则可以在查询的时候,加上一个条件限制。限制只能查询自己的邮件

//查看
public function showContent(){
//接收id
$id = I('get.id');
//查询数据
$data = M('Email') ->where("id = $id and to_id = ".session('id'))-> find($id);//这里加限制,只能看自己邮件
//输出内容,并且还原被转移的字符
// echo $data['content'];
echo htmlspecialchars_decode($data['content']);
}

【二】邮件读取状态的改变

完善:设置邮件读取状态,执行点击查看操作时改变读取状态

结合上述代码,在查看获取邮件内容时改变邮件状态。所以可以将改变邮件状态的方法添加到showContent方法里

第一步:修改getContent方法,读取内容时修改邮件读取状态

对获取邮件内容方法进行分析后,即可得知查询数据操作$data如果为真则表示获取成功,此时便可以修改文件状态。所以在里面加上更新数据库操作

if ($data['isread'] == 0) {//更新数据库
M('Email')->save(array('id'=>$id,'isread'=> 1));
}

此时,点击查看后,虽然数据库的读取状态变为1,但页面需要刷新才会更新,不能使页面自动更新。接下来修改模板,让页面自动刷新

第二步:在关闭弹框时刷新

查询layer手册后会发现有个end方法,在关闭弹框时触发

所以接下来添加end方法:在关闭时刷新页面

第三步:虽然现在可以实现查看后刷新文件状态,但是当前的无论是什么状态都会刷新。所以还需要进行修改,设置成只有当状态是未读时才会刷新

修改模板添加自定义属性,传递参数

<a href="javascript:;" class="showBtn" data-status="{$vol.isread}" data="{$vol.id}"" data-title="{$vol.title}">查看</a>

jquery判断:

               var isread = $(this).attr('data-status');
end:function(){
//关闭时操作,刷新当前页
// window.location.href = location.href;
//或者window.location.reload();
if (isread == 0) {
window.location.href = location.href;
}
}

【三】站内新消息提示(邮件的实时提醒功能)

因为是实时功能(间隔性更新数据),所以这里采用ajax方法,局部刷新页面

所谓实时,不一定是精确到秒,因为这样会增加服务器消耗。一般可以掌握在5分钟之内,这样便不会影响用户体验

分析:ajax、定时器(setTimeout延迟性一次定时器、setInterval反复性定时器)

原理:在页面加载完成后,通过定时器不断发送ajax请求来获得邮件的数量,然后展示到模板

下面分步介绍

第一步:编写页面Index/index.html载入事件

<script type="text/javascript">
$(function(){
//反复性定时器,5秒发送一次
setInterval('getMsgCount()',5000);
})
//ajax请求方法
function getMsgCount(){//发送ajax请求
$.get("{:U('Email/getCount')}", function(data) {
//相应处理代码
});
}
</script>

第二步:在Email控制器里编写getCount方法,输出未读邮件数量(当前用户的未读邮件)

//获取当前用户未读邮件的数量
public function getCount(){
if(IS_AJAX){
//实例化模型
$model = M('Email');
//查询当前用户--未读邮件数量
$count = $model->where("isread == 0 and to_id =".session('id'))->count();
//输出数字
echo $count;
}
}

接下来测试下

每隔5秒发送一次请求,这里查看下输出的数量

第三步:在米板文件里修改后续的操作,将获取到的未读邮件数量在页面显示

消息:<a href="javascript:;" class="emailCount">0</a>   //这里默认初始为0

//ajax请求方法
function getMsgCount(){
//发送ajax请求
$.get("{:U('Email/getCount')}", function(data){
// console.log('2')
$('.emailCount').html(data);
});
}

第四步:点击消息按钮,跳转到收件箱。给消息添加链接即可

<a href="{:U('Email/recBox')}">消息:</a><a href="javascript:;" class="emailCount">0</a>

注意:因为OA系统要求是在iframe中打开新页面,所以需要加target属性,target的属性值必须是目标iframe的name值

所以要继续将上面代码修改为

<a href="{:U('Email/recBox')}" target="iframe的name值">消息:</a><a href="javascript:;" class="emailCount">0</a>

.

ThinkPHP---thinkphp完善站内信功能的更多相关文章

  1. ASP.NET 实现站内信功能(点对点发送,管理员群发)

    正好这段时间在研究这个功能,还是得感谢这位大神,没有他的引路,我就不可能把站内信做出来. http://www.cnblogs.com/grenet/archive/2010/03/08/168065 ...

  2. SharePoint 2010 类似人人网站内信功能实施

    简介:用SharePoint代码加实施的方式,完成类似人人网站内信功能,当然,实现的比较简单,样式也比较难看,只为给大家一个实施的简单思路,如有谬误,还请见谅.当然,还有就是截图比较长,当然为了让大家 ...

  3. 开源 免费 java CMS - FreeCMS2.1 会员站内信

    项目地址:http://www.freeteam.cn/ 站内信 1.1.1 写信 从左側管理菜单点击写信进入. 输入收信人.标题.内容后点击发送button. 1.1.2 收件箱 从左側管理菜单点击 ...

  4. 2. SharePoint Online 开发,请联系qq512800530。加好备注。(不要发站内信。。。)

    ///(不要发站内信...) <meta name="keywords" content="SharePoint Online, SP Online, SPO, S ...

  5. 站内信,群发与全部发送。Gson解析result

    /** * 发送站内信 */@Permission(Module.TZGL)@RequestMapping(value = "/sendznx", method = Request ...

  6. 站内信DB设计实现

    两年前,万仓一黍在博客园发了两篇关于站内信的设计实现博文,<群发"站内信"的实现>.<群发"站内信"的实现(续)>,其中阐述了他关于站内 ...

  7. Hexo next主题添加站内搜索功能

    根据关键字搜索博文,站内搜索的功能很实用.hexo开启站内搜索很方便,已经有现成的插件可以使用,也是为了方便自己 安装插件 npm install hexo-generator-search --sa ...

  8. PHPCMS站内搜索功能实现方法汇总,一文解决PHPCMS站内搜索问题

    1,https://blog.csdn.net/hzw19920329/article/details/80110673 点评:phpcms搜索功能实现方法,作者基于PHPCMS做个门户网站实现站内搜 ...

  9. 简单三步-实现dede站内搜索功能

    第一步:找到对应的搜索模板的代码 我们都知道,dede有自带的搜索功能,我们只要找到对应的模板,然后把我们想要的代码拿出来就行了.具体如下: 首先进入templets-->default--&g ...

随机推荐

  1. [DLX反复覆盖] poj 1084 Square Destroyer

    题意: n*n的矩形阵(n<=5),由2*n*(n+1)根火柴构成,那么当中会有非常多诸如边长为1,为2...为n的正方形,如今能够拿走一些火柴,那么就会有一些正方形被破坏掉. 求在已经拿走一些 ...

  2. C语言8大经典排序算法(2)

    二.插入类排序 插入排序(Insertion Sort)的基本思想是:每次将一个待排序的记录,按其关键字大小插入到前面已经排好序的子文件中的适当位置,直到全部记录插入完成为止. 插入排序一般意义上有两 ...

  3. TFLearn 在给定模型精度时候提前终止训练

    拿来主义:看我的代码,我是在模型acc和验证数据集val_acc都达到99.8%时候才终止训练. import numpy as np import tflearn from tflearn.laye ...

  4. 理解dropout——本质是通过阻止特征检测器的共同作用来防止过拟合 Dropout是指在模型训练时随机让网络某些隐含层节点的权重不工作,不工作的那些节点可以暂时认为不是网络结构的一部分,但是它的权重得保留下来(只是暂时不更新而已),因为下次样本输入时它可能又得工作了

    理解dropout from:http://blog.csdn.net/stdcoutzyx/article/details/49022443 http://www.cnblogs.com/torna ...

  5. gitlab-ce平台调试

    SMTP使用QQ exmail 遇到的问题:使用qinrui@easyunion.net对516059158@qq.com能发送验证邮件,但是无法打开验证连接

  6. 10. Extjs Button控件的handler配置项和click事件

    转自:https://blog.csdn.net/lishk314/article/details/41541797 查看API: click( this, e, eOpts ) Fires when ...

  7. JS自定义右键菜单案例

    要求:点击页面鼠标右键,阻止默认右键菜单的弹出,并弹出自定义右键菜单. 效果示例: 参考代码: <!DOCTYPE html> <html lang="zh-CN" ...

  8. akka监控框架设计

    本博客介绍一种AOP.无侵入的akka监控方案,方便大家在生产使用akka的过程中对akka进行监控. 对于自身javaer来说,AOP三个字母基本就解释清楚了akka监控框架的原理.哈哈哈,不过我这 ...

  9. Windows 和 Linux 上Redis的安装守护进程配置

    # Windows 和 Linux 上Redis的安装守护进程配置 Redis 简介 ​ Redis是目前最常用的非关系型数据库(NOSql)之一,常以Key-Value的形式存储.Redis读写速度 ...

  10. [NOI2004]cashier 郁闷的出纳员

    Description OIER公司是一家大型专业化软件公司,有着数以万计的员工.作为一名出纳员,我的任务之一便是统计每位员工的工资.这本来是一份不错的工作,但是令人郁闷的是,我们的老板反复无常,经常 ...