TPshop手机新模板的用户消息实现
今天在开发TPshop的手机新模板的消息页面,姑且记录一下。
首先,点击下方右上角,进入消息页面:
数据库中目前模拟了三条数据,有:
点击上图右上角,有:
这个 消息设置 功能是新增的,而且类型由原本的 系统通知 和 用户活动,拓展为下面六类。
实现这两个页面的功能之后,有效果如下:
点击取消 物流通知 和 我的资产,
退回 消息中心,有:
可见 我的资产 消息已经不显示了,而 用户活动 本来就没有,也没显示。
点击 消息设置 的 清空全部消息, 会把消息全部置为已读而没显示出来,并不会删除消息的数据,操作后自动跳到消息中心,结果如下:
上面功能比较简单,也把里面涉及到的主要代码片段摘出来,方便大家查看。
这个代码片段实现的是消息中心的展示内容:
主要注意点是要先查询关注的消息类型,筛选出未读的消息。
/**
* 获取用户的全部关注的消息
*/
public function getUserAllMaskMessage()
{
$this->checkPublicMessage();
$user_info = session('user');
$categorys = [];
for ($i = 0; $i < $this->message_category_num; $i++) {
if ($user_info['message_mask'] & (1 << $i)) {
$categorys[] = $i;
}
}
if (empty($categorys)) {
return [];
}
$user_system_message_no_read_where = array(
'user_id' => $user_info['user_id'],
'status' => 0,
'um.category' => ['in', $categorys]
);
$user_system_message_no_read = Db::name('user_message')
->alias('um')
->field('um.rec_id,um.user_id,um.category,um.message_id,um.status,m.send_time,m.type,m.message')
->join('__MESSAGE__ m','um.message_id = m.message_id','LEFT')
->where($user_system_message_no_read_where)
->select();
return $user_system_message_no_read;
}
这个实现的是设置关注的消息类型,因为点击按钮不需刷新整个页面,故用异步实现,节省存储空间,每个类型占用一个bit,下面对比特进行操作,暂时没想到更好更方便操作bit的方法。
public function ajax_set_notice()
{
switch (I('post.type')) {
case 'system':
$mask_offset = 0;
break;
case 'express':
$mask_offset = 1;
break;
case 'promotion':
$mask_offset = 2;
break;
case 'goods':
$mask_offset = 3;
break;
case 'asset':
$mask_offset = 4;
break;
case 'store':
$mask_offset = 5;
break;
default:
exit(json_encode(['status' => 1, 'msg' => 'no notice type']));
}
if (I('post.val')) {
$this->user['message_mask'] |= (1 << $mask_offset);
} else {
$this->user['message_mask'] &= ~(1 << $mask_offset);
}
M('users')->where('user_id', $this->user_id)->save(['message_mask' => $this->user['message_mask']]);
exit(json_encode(['status' => 0, 'msg' => '']));
}
-end-
TPshop手机新模板的用户消息实现的更多相关文章
- 个人博客制作如何选择前端模板 thinkcmf后台加载新模板 CSS js文件
我们的博客后台已经搭建好了,接下来我就要选择一个合适的模板做自己的博客,首先要定位你的博客是做什么用的,是属于什么行业,根据自己博客的定位选择适合的模板. 如果你是设计师,又会前端设计开发,那就可以自 ...
- Orchard之生成新模板
一:启用 Code Generation 进入后台, Modules –> Developer Enable 之. 二:生成模版 首先,进入 Orchard 命令行 在 CMD 下到达解决 ...
- [译][ABP vNext]ABP CLI,v0.18版本的新模板和其他功能
ABP CLI,v0.18版本的新模板和其他功能 ABP v0.18已发布, 包含解决的70+个issue,500+次提交 网站更改 abp.io网站完全更新以突出ABP框架的目标和重要功能.文档和博 ...
- discuz手机版模板开发
1.触屏版模板手机路径 discuz X3触屏版模板路径:/template/default/touch/forum/discuz.htm(主页面模板) discuz X3标准版模板路径:/templ ...
- 极光推送助推视频App,打造最活跃手机新媒体平台
移动应用能够帮助吸引更多的新用户,增加用户互动和对话.但你得让用户想起你,如何在一部手机上数十个App中脱颖而出,是考验App运营的关键之处.为了打造一个成功的App,开发者需要着眼长远,不应局限于其 ...
- 360手机新品牌5月6日公布 周鸿祎席地而坐谈AK47
今年年初,周鸿祎又做了一个艰难的决定,南下做手机!经过好一番折腾终于搞出点动静,奔驰S600L也卖了(炒作的味道很浓重),一款代号为AK47的产品被确认,就连邀请函也充分的体现了周鸿祎的老兵情节.最近 ...
- springboot 新模板 呵呵了
<html> <head> <title>批处理任务管理</title> <meta name="decorator" con ...
- Submline Text 3插件sublimeTmpl添加新模板
1.安装 一般安装Package Control 2.插件 添加模板 1).进入Preferences->Browse Packages->SublimeTmpl->template ...
- zabbix批量清理模板,添加新模板
import requests import json import sys def get_token(): data = { "jsonrpc": "2.0" ...
随机推荐
- 判断是否支持WebP
PC端,触屏版: 前端JS方案——利用img标签加载一张base64的WebP图片,在img标签的onload事件中判断该图片是否具有宽高的属性,若有表示支持webP,若没有表示不支持webP.后台判 ...
- WPF+AE开发小结--TOCControl右键菜单删除图层
1.WPF项目中添加toccontrol控件,如何添加,网上有很多方法,可自行搜索,这里不再赘述,代码如下 <Window x:Class="AE.MainWindow" x ...
- CSS前端开发学习总结、一
1. 属性选择器: 2. CSS伪类选择器: 3. CSS伪元素: 4. CSS优先级: 5. 行内标签: 6. 块级标签: 7. Display: 8. Line-height:行高 9. text ...
- PRINCE2的价值是什么?
很多学员在进行培训的过程中或者培训后,都会对于PRINCE2带来的价值有各种各样的看法.但是从更加官方一点的角度来说,PRINCE2会有一部分比较通用 的观点. PRINCE2 可以应用到任何类型的项 ...
- nodejs oj在线笔试应对方案(讲几种输入处理方法)
最近参加了一些线上笔试.但是...我不是学计算机的,只会js不会c++,java,c(好吧都学过,不过忘了).可怕的是我也没学过nodejs,怎么 办,怎么办.node不就是用的js吗?所以只用学会标 ...
- jsp的开发模式
JSP 存在两种 开发模式1.Model1 : JSP + JavaBean * 不适合开发业务逻辑特别复杂web应用 ----- 业务逻辑复杂,控制代码多,而在jsp中编写控制代码,十分不便 *JS ...
- C#设计模式:责任链模式
设计模式是面向对象编程的基础,是用于指导程序设计.在实际项目开发过程中,并不是一味将设计模式进行套用,也不是功能设计时大量引入设计模式.应该根据具体需求和要求应用适合的设计模式.设计模式是一个老话题了 ...
- 读书笔记 effective c++ Item 45 使用成员函数模板来接受“所有兼容类型”
智能指针的行为像是指针,但是没有提供加的功能.例如,Item 13中解释了如何使用标准auto_ptr和tr1::shared_ptr指针在正确的时间自动删除堆上的资源.STL容器中的迭代器基本上都是 ...
- 重新认识JavaScript里的数据类型
一.序 数据类型,平时天天在用,今日闲暇便重新阅读了JavaScript数据类型这块,才发现平时用的时候有许些错误和不足,且对此深有感悟,便写下这篇文章加以巩固基础知识并有空翻出来温故而知新. 二.概 ...
- centos7.2部署最新ELK 5.3
## 安装elasticsearch服务> 安装jdk 1.8 ```rpm -ivh jdk-8u101-linux-x64.rpmjava -version``` > 配置rpm `` ...