thinkPHP框架中layer.js的封装与使用方法示例


Posted in PHP onJanuary 18, 2019

本文实例讲述了thinkPHP框架中layer.js的封装与使用方法。分享给大家供大家参考,具体如下:

v层:(还没实现功能的)

<!DOCTYPE html>
<html lang="zh-cn">
<head>
  <meta charset="UTF-8">
  <title>添加</title>
</head>
<body>
  <form action="{:url('save')}" method="post">
    <label for="name">教室名称:</label><input type="text" name="name" id="name" />
    <label for="teacher">teacher:</label>
    <select name="teacher_id" id="teacher">
    {volist name="teacher" id="teacher"}
      <option value="{$teacher->getData('id')}">{$teacher->getData('name')}</option>
    {/volist}
    </select>
    <button type="button" id="submit">submit</button>
  </form>
</body>
<script src="/static/js/jquery2.1.js"></script>
<script src="/static/js/dialog/layer.js"></script>
<script src="/static/js/dialog.js"></script>
<script>
  $(document).ready(function () {
   $('#submit').click(function () {
     return dialog.success(1,"jajaj");
   })
  })
</script>
</html>

首先把弹窗必要的硬件  src 进去:

其中

<script src="/static/js/dialog/layer.js"></script>

这个是一个文件包, dialog 文件包里面装了layer的部件,比如图片之类的我们引用layer这个文件就好了

<script src="/static/js/dialog.js"></script>

dialog.js是自定义的

var dialog = {
  // 错误弹出层
  error: function(message) {
    layer.open({
      content:message,
      icon:2,
      title : '错误提示',
    });
  },
  //成功弹出层
  success : function(message,url) {
    layer.open({
      content : message,
      icon : 1,
      yes : function(){
        location.href=url;
      },
    });
  },
  // 确认弹出层
  confirm : function(message, url) {
    layer.open({
      content : message,
      icon:3,
      btn : ['是','否'],
      yes : function(){
        location.href=url;
      },
    });
  },
  //无需跳转到指定页面的确认弹出层
  toconfirm : function(message) {
    layer.open({
      content : message,
      icon:3,
      btn : ['确定'],
    });
  },
}

先让他跑起来:

<script>
  $(document).ready(function () {
   $('#submit').click(function () {
     return dialog.success(1,"jajaj");
   })
  })
</script>

thinkPHP框架中layer.js的封装与使用方法示例

第一部分完成

thinkphp  中使用:

在thinkphp   Common创建一个function.php 公用函数,在里面定义:

function show($status,$message,$data=array()){
  $reuslt = array(
    'status' => $status,
    'message' => $message,
    'data' => $data,
  );
  exit(json_encode($reuslt));
}

在controller层直接引用这个函数就可以了

比如:

if(1==0){
   return show(0,'成功',jump_url);
}else{
    return show(1,'错误',jump_url);
}

是这样子的,朋友。

利用这个做 ajax 请求:

定义:

var url = admin.php?cosndf&....
var jump_url ;www.baidu.com //跳转的页面
$.post(url,postData,function(result){
    if(result.status == 1) {
      //成功
      return dialog.success(result.message,jump_url);
    }else if(result.status == 0) {
      // 失败
      return dialog.error(result.message);
    }
  },"JSON");  //这个不要漏了

希望本文所述对大家基于ThinkPHP框架的PHP程序设计有所帮助。

PHP 相关文章推荐
刚才在简化php的库,结果发现很多东西
Dec 31 PHP
dedecms系统的广告设置代码 基础版本
Apr 09 PHP
基于asp+ajax和数据库驱动的二级联动菜单
May 06 PHP
基于php-fpm 参数的深入理解
Jun 03 PHP
php数组合并的二种方法
Mar 21 PHP
PHP实现批量修改文件后缀名的方法
Jul 30 PHP
修改WordPress中文章编辑器的样式的方法详解
Dec 15 PHP
WordPress中用于获取及自定义头像图片的PHP脚本详解
Dec 17 PHP
PHP类的声明与实例化及构造方法与析构方法详解
Jan 26 PHP
详解PHP的抽象类和抽象方法以及接口总结
Mar 15 PHP
Laravel 自定命令以及生成文件的例子
Oct 23 PHP
一次项目中Thinkphp绕过禁用函数的实战记录
Nov 17 PHP
PHP内置函数生成随机数实例
Jan 18 #PHP
Laravel框架基于中间件实现禁止未登录用户访问页面功能示例
Jan 17 #PHP
Laravel框架基于ajax实现二级联动功能示例
Jan 17 #PHP
Laravel框架基于ajax和layer.js实现无刷新删除功能示例
Jan 17 #PHP
strpos() 函数判断字符串中是否包含某字符串的方法
Jan 16 #PHP
Laravel框架实现的批量删除功能示例
Jan 16 #PHP
Laravel框架实现的rbac权限管理操作示例
Jan 16 #PHP
You might like
PHP设计模式之调解者模式的深入解析
2013/06/13 PHP
php中将一个对象保存到Session中的方法
2015/03/13 PHP
详细解读PHP中接口的应用
2015/08/12 PHP
php + nginx项目中的权限详解
2017/05/23 PHP
JS 实现导航栏悬停效果(续2)
2013/09/24 Javascript
js获取下拉列表框中的value和text的值示例代码
2014/01/11 Javascript
jQuery的position()方法详解
2015/07/19 Javascript
JavaScript提升性能的常用技巧总结【经典】
2016/06/20 Javascript
jquery实现网站列表切换效果的2种方法
2016/08/12 Javascript
用自定义图片代替原生checkbox实现全选,删除以及提交的方法
2016/10/18 Javascript
使用Xcache缓存器加速PHP网站的配置方法
2017/04/22 Javascript
基于AngularJS的拖拽文件上传的实例代码
2017/07/15 Javascript
微信小程序实现拖拽功能
2019/09/26 Javascript
vue实现导航标题栏随页面滚动渐隐渐显效果
2020/03/12 Javascript
es6函数之rest参数用法实例分析
2020/04/18 Javascript
JS+Canvas实现五子棋游戏
2020/08/26 Javascript
js简单粗暴的发布订阅示例代码
2021/01/23 Javascript
python用字典统计单词或汉字词个数示例
2014/04/22 Python
在Python3中初学者应会的一些基本的提升效率的小技巧
2015/03/31 Python
简单了解Python中的几种函数
2017/11/03 Python
Python使用pyodbc访问数据库操作方法详解
2018/07/05 Python
Python中__slots__属性介绍与基本使用方法
2018/09/05 Python
python set内置函数的具体使用
2019/07/02 Python
python实现WebSocket服务端过程解析
2019/10/18 Python
有关pycharm登录github时有的时候会报错connection reset的问题
2020/09/15 Python
python中scipy.stats产生随机数实例讲解
2021/02/19 Python
使用HTML5 Canvas绘制圆角矩形及相关的一些应用举例
2016/03/22 HTML / CSS
Shoes For Crews法国官网:美国领先的防滑鞋设计和制造商
2018/01/01 全球购物
法国购买隐形眼镜和眼镜网站:Optical Center
2019/10/08 全球购物
JoJo Maman Bébé爱尔兰官网:英国最受欢迎的精品母婴品牌
2020/12/20 全球购物
新学期班主任寄语
2014/01/18 职场文书
《太阳》教学反思
2014/02/21 职场文书
车辆转让协议书
2014/09/24 职场文书
学生抄作业检讨书(2篇)
2014/10/17 职场文书
北京青年观后感
2015/06/15 职场文书
快速学习Oracle触发器和游标
2021/06/30 Oracle