今天在开发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. ZJOI2017 Day2

    私のZJOI Day2 2017-3-22 08:00:07 AtCoder试题选讲 SYC(Sun Yican) from Shaoxing No.1 High School 2017-3-22 0 ...

  2. Java实现非递归删除目录

    最近在学C#的文件系统, 发现C#的文件系统貌似比java的东西少一点, 居然连删除目录都直接做好封装了, 想到学java的时候还要自己写递归删除, 好像没写过非递归的,就在网上查了下, 关于非递归删 ...

  3. MySql Table错误:is marked as crashed and last (automatic?) 和 Error: Table "mysql"."innodb_table_stats" not found

    一.mysql 执行select 的时候报Table错误:is marked as crashed and last (automatic?) 解决方法如下: 找到mysql的安装目录的bin/myi ...

  4. linux—粘滞位的设置

    粘滞位(Stickybit),或粘着位,是Unix文件系统权限的一个旗标.最常见的用法在目录上设置粘滞位,如此以来,只有目录内文件的所有者或者root才可以删除或移动该文件.如果不为目录设置粘滞位,任 ...

  5. datatables,表格

    官方文档:https://datatables.net/ var dttblTaskOrderOptions={ order: [5, 'desc'], ajax:{ url:"order/ ...

  6. css2.1实现图片添加阴影效果

    盒子里面放了img标签,盒子浮动后,盒子的背景图片(就是阴影图片)会应用图片的宽高. <!DOCTYPE html> <html lang="en"> &l ...

  7. C语言::模拟实现strlen函数

    题目要求 编写一个C语言程序模拟实现strlen函数. 算法 strlen函数功能是计算字符串中字符的个数.(除\0外) 而字符串本身就是一个字符数组,只不过末尾以\0结束. 因此,我们只需遍历除\0 ...

  8. jQuery ajax 与服务器交互方法

    1.HTML <table> <tr> <td>用户名:</td> <td><input type="text" ...

  9. zookeeper的安装与部署-集群

    1.Zookeeper的下载与解压     通过后面的链接下载Zookeeper:    Zookeeper下载在此我们下载zookeeper-3.4.5下载后解压至安装目录下,本文我们解压到目录:/ ...

  10. 用webpack搭建react开发环境

    安装插件: npm install react react-dom babel-loader babel-core babel-preset-react babel-preset-es2015 配置w ...