今天在开发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手机新模板的用户消息实现的更多相关文章

  1. 个人博客制作如何选择前端模板 thinkcmf后台加载新模板 CSS js文件

    我们的博客后台已经搭建好了,接下来我就要选择一个合适的模板做自己的博客,首先要定位你的博客是做什么用的,是属于什么行业,根据自己博客的定位选择适合的模板. 如果你是设计师,又会前端设计开发,那就可以自 ...

  2. Orchard之生成新模板

    一:启用 Code Generation 进入后台, Modules –>  Developer Enable 之.   二:生成模版 首先,进入 Orchard 命令行 在 CMD 下到达解决 ...

  3. [译][ABP vNext]ABP CLI,v0.18版本的新模板和其他功能

    ABP CLI,v0.18版本的新模板和其他功能 ABP v0.18已发布, 包含解决的70+个issue,500+次提交 网站更改 abp.io网站完全更新以突出ABP框架的目标和重要功能.文档和博 ...

  4. discuz手机版模板开发

    1.触屏版模板手机路径 discuz X3触屏版模板路径:/template/default/touch/forum/discuz.htm(主页面模板) discuz X3标准版模板路径:/templ ...

  5. 极光推送助推视频App,打造最活跃手机新媒体平台

    移动应用能够帮助吸引更多的新用户,增加用户互动和对话.但你得让用户想起你,如何在一部手机上数十个App中脱颖而出,是考验App运营的关键之处.为了打造一个成功的App,开发者需要着眼长远,不应局限于其 ...

  6. 360手机新品牌5月6日公布 周鸿祎席地而坐谈AK47

    今年年初,周鸿祎又做了一个艰难的决定,南下做手机!经过好一番折腾终于搞出点动静,奔驰S600L也卖了(炒作的味道很浓重),一款代号为AK47的产品被确认,就连邀请函也充分的体现了周鸿祎的老兵情节.最近 ...

  7. springboot 新模板 呵呵了

    <html> <head> <title>批处理任务管理</title> <meta name="decorator" con ...

  8. Submline Text 3插件sublimeTmpl添加新模板

    1.安装 一般安装Package Control 2.插件 添加模板 1).进入Preferences->Browse Packages->SublimeTmpl->template ...

  9. zabbix批量清理模板,添加新模板

    import requests import json import sys def get_token(): data = { "jsonrpc": "2.0" ...

随机推荐

  1. X64系统下IIS运行ASP网站HTTP500错误 【安装FoxMail Server时出现】

    错误如上 解决办法 使用管理员模式运行CMD 输入cscript C:\inetpub\adminscripts\adsutil.vbs SET W3SVC/AppPools/Enable32bitA ...

  2. Struts2之标签使用

    上一篇我们一起探讨了Struts2中的OGNL表达式的知识,本篇我们一起来学习一下关于Struts2标签的使用,包括:基础标签:property.set.bean.include:判断标签:if el ...

  3. webService常见问题

    1.普通字符串(日期形式)转换为XMLGregorianCalendar SimpleDateFormat simpleDateFormat =new SimpleDateFormat("y ...

  4. vue学习笔记 模板语法(三)

    <div id="kk"> <div>直接输出文本:{{msg}}</div> <div>自定义过滤器输出文本:{{msg|capi ...

  5. 通过 dhcp-agent 访问 Metadata - 每天5分钟玩转 OpenStack(168)

    OpenStack 默认通过 l3-agent 创建和管理 neutron-ns-metadata-proxy,进而与 nova-metadata-api 通信.但不是所有环境都有 l3-agent, ...

  6. JvisualVM、JMC监控远程服务器

    修改服务器上jmxremote.access与jmxremote.password,输入命令: find -name jmxremote.access进入该jmxremote.access文件所在目录 ...

  7. 2.4G无线收发模块/射频RFM75调试总结/RF知识整理

    射频RFM75通信是收发双方都需要编程的器件,收发双方的通道频率,空中传输速率设置一致,调试时必须先调通一块再调另一块,否则出现问题了就不知道是发送端有问题还是接收端有问题.调试必须理清思路.正确的方 ...

  8. iOS截取http/https流量

    0x01.Why? 做移动测试的同学经常会在app和server中间架设一个代理(例如charles或者fiddler等),由经代理,app和server之间的交互及交互内容变得可视化,使得我们不再摸 ...

  9. 从spring官网下载spring 架包

    1.找到spring官网地址:http://spring.io/ 2.点击projects 3.点击springframework 4.点击图片

  10. Node.js编程之异步

    异步操作 Node采用V8引擎处理JavaScript脚本,最大特点就是单线程运行,一次只能运行一个任务.这导致Node大量采用异步操作(asynchronous opertion),即任务不是马上执 ...