文档章节

Thinkphp项目结合JS消息提醒

yeahlife
 yeahlife
发布于 2016/04/26 10:24
字数 394
阅读 104
收藏 2

Thinkphp项目结合JS消息提醒

这里简略贴下项目目录结构,请根据实际情况应用

项目结构简图

案例链接下载https://pan.baidu.com/s/1kVcsmQ7

接下来就是项目实际应用代码

  • index.html
<iframe name="right" id="rightMain" src="" frameborder="false" scrolling="auto" style="overflow-x:hidden;border:none;" width="100%" height="auto" allowtransparency="true" class="111"></iframe>
    <div class="tipfloat">
        <h2 class="tiphead"><strong>消息提示框</strong><span title="关闭" class="close"><img src="__PUBLIC__/admin/yuyue_manage/error.png"/></span></h2>
        <div class="ranklist">
            <ol id="ranklist">
                <li class="top"></li>
            </ol>
            <div style="display: none;">
                <audio id="im_ring" src="__PUBLIC__/admin/yuyue_manage/ring.mp3"></audio>
                <input type="hidden" id="opentip_num" value="on" />
            </div>
        </div>
    </div>
  • msg_tip.js
checkmsg();
function checkmsg() {
    var url = "index.php?s=/Admin/public/ajax_box.html";
    $.ajax({
        type: "GET",
        url: url,
        dataType: "json",
        success: function(msg) {
            var num = msg;
            var opentip_num = $('#opentip_num').val();
            if (num != opentip_num) {
                html = '';
                $.each(msg, function(i, data) {
                    html += '<li class="top"><p>' + data + '</p></li>';
                })
                opentipwindow(num, html);
            }
        }
    });
    setTimeout(function() {
        checkmsg();
    }, 10000);
}
function opentipwindow(num, str) {
    document.getElementById('im_ring').play();
    $('#ranklist').html(str);
    var titHeight = $("tiphead").height();
    $(".tipfloat").show();
    // $(".tipfloat").css('height',196);
    $(".tipfloat").css('height', 150);
    $(".close").click(function() {
        $(".tipfloat").animate({ height: titHeight - 50 }, 1000, function() {
            $(".tipfloat").hide();
        });
    });
}
function openwindowleft(targetUrl) {
    $('#loading').show();
    var titHeight = $("tiphead").height();
    $(".tipfloat").animate({ height: titHeight - 50 }, 1000, function() {
        $(".tipfloat").hide();
    });
    $("#rightMain").attr('src', targetUrl);
}

  • yuyue_manage下就是图片啦

  • PublicController.class.php

	public function ajax_box() {
		$info = I('ex');
		$id = session('admin_id');
		$map['status'] = 1;
		$count = M('OrderInfo')->where($map)->count();
		$where_g['status'] = 0;
		$goods = M('Goods')->where($where_g)->count();
		$where_sh['status'] = 0;
		$shops = M('Shops')->where($where_sh)->count();
		//$where_jie['money_status'] = 0;
		$where_jie['status'] = array('GT', 0);
		// pe($where_jie);
		$order = M('OrderInfo')->where($where_jie)->count();
		$data['count'] = '<a onclick="openwindowleft(\'' . U('OrderInfo/index') . '\')">新订单' . $count . '个</a>';
		$data['goods'] = '<a onclick="openwindowleft(\'' . U('Audit/goods') . '\')">未审核商品' . $goods . '个</a>';
		$data['shops'] = '<a onclick="openwindowleft(\'' . U('Audit/index') . '\')">未审核店铺' . $shops . '个</a>';
		$data['order'] = '<a onclick="openwindowleft(\'' . U('OrderInfo/index') . '\')">订单列表' . $order . '个</a>';
		$this->ajaxReturn($data);
	}

© 著作权归作者所有

yeahlife
粉丝 3
博文 103
码字总数 37055
作品 0
石家庄
程序员
私信 提问
加载中

评论(2)

yeahlife
yeahlife 博主

引用来自“宽哥ME”的评论

轮询
好的
sfk
sfk
轮询
Thinkphp怎样修改模板标签定界符

大家都知道在thinkphp里面,我们是通过在控制器里面给模板分配变量,然后在模板里面通过标签的方式来获取变量,假设有一个变量为$name,那么我们在模板里面就应该是通过 {$name}的方式来获取...

汤圆
2012/12/21
124
0
PHP学习路线图 最全PHP自学指南

对于广大零基础的PHP自学者,往往不知道如何系统的学习PHP,导致平白浪费了很多时间。本文将为大家带来最详细的php学习路线图,同时还会附上相应的权威教程,让广大PHP自学者少走许多弯路。 ...

W3Cschool小编
2018/04/24
0
0
thinkphp模型层Model、Logic、Service讲解

thinkphp模型层Model、Logic、Service讲解 时间:2014-08-24 15:54:56 编辑:一切随缘 文章来源:php教程网 已阅读:771 次 js特效源码,就从这里开始 我有疑问【PHP186论坛提问】 jS游戏桌球...

thinkyoung
2015/09/01
0
0
Ztree + PHP 无限级节点 递归查找节点法

一、前言 简单的描述一下,实习几个原理,思想,其实写很多东西,思想算是最重要的。 1、目标:将写一个无限节点的树形目录结构,如下图 步骤: 1、你的下载 插件 ztree。然后布置在你的项目...

RablePHP
2014/11/14
4K
7
垂直社交H5前端开发(reactjs)

一、项目简介 移动端垂直社交 H5 前端开发 开发时间20天~30天 二、需求描述 产品原型、设计稿都已经完成 原型:页面psd总量在 20 个左右,文档在详谈需求时提供 技术选型:希望使用react+web...

andfly
2016/07/28
9
0

没有更多内容

加载失败,请刷新页面

加载更多

SpringBoot-MVC RequestBody中LocalDateTime的自适应配置

请求的json报文中可能会出现 一下几种: ['2019-01-01','2019-01-01 12:03:34','20190101120334'] 但是接收的Request实体类日期字段是LocalDateTime类型 LocalDateTime applyDate; 希望的情况......

汉堡OSC
22分钟前
4
0
小招喵所在的国家正处于怪兽入侵的战场中,这个国家一共有n+1个城市

import java.util.Arrays; import java.util.Scanner; public class test3 { public static long max=0;public static void main(String[] args) { Scanner sc = new Scanner(System.i......

南桥北木
23分钟前
3
0
活动策划思维导图模板分享,怎样绘制思维导图操作方法介绍

对于一场活动的举办可以事先使用思维导图简略的将整个过程进行总结归纳使用,这样清晰的思维导图即利于工作的进行,也可以清晰明了了熟悉整个过程,下面是为大家分享的几款活动策划思维导图模...

干货趣分享
30分钟前
4
0
Android高级xml布局之输入框EditText设计

今天给大家介绍一下如何实现一款简约时尚的安卓登陆界面。大家先看一下效果图 当用户输入时动态出现删除按钮 现在先罗列一下技术点: 1.如何使用圆角输入框和按钮背景 2.如何实现“手机号”、...

shzwork
54分钟前
4
0
RxJava进行单元测试的方式

@Test public void completeTask_retrievedTaskIsComplete() { // Given a new task in the persistent repository final Task newTask = new Task(TITLE, ""); ......

SuShine
56分钟前
5
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部