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+java实现自动新闻滚动窗口
Oct 09 PHP
php for 循环语句使用方法详细说明
May 09 PHP
php Rename 更改文件、文件夹名称
May 24 PHP
PHP中使用foreach和引用导致程序BUG的问题介绍
Sep 05 PHP
php并发对MYSQL造成压力的解决方法
Feb 21 PHP
php异常处理使用示例
Feb 25 PHP
php获取目标函数执行时间示例
Mar 04 PHP
php中fsockopen用法实例
Jan 05 PHP
PHP中对数组的一些常用的增、删、插操作函数总结
Nov 27 PHP
php实现smarty模板无限极分类的方法
Dec 07 PHP
Yii+MYSQL锁表防止并发情况下重复数据的方法
Jul 14 PHP
PHP中localeconv()函数的用法
Mar 26 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 iconv 解决utf-8和gb2312编码转换问题
2010/04/12 PHP
腾讯QQ php程序员面试题目整理
2010/06/08 PHP
Laravel中使用阿里云OSS Composer包分享
2015/02/10 PHP
php打造智能化的柱状图程序,用于报表等
2015/06/19 PHP
php微信高级接口调用方法(自定义菜单接口、客服接口、二维码)
2016/11/28 PHP
js压缩利器
2007/02/20 Javascript
JavaScript Cookie的读取和写入函数
2009/12/08 Javascript
js验证是否为数字的总结
2013/04/14 Javascript
详解JavaScript编程中的数组结构
2015/10/24 Javascript
js选择器全面解析
2016/06/27 Javascript
AngularJS基础 ng-model-options 指令简单示例
2016/08/02 Javascript
js内置对象处理_打印学生成绩单的简单实现
2016/09/24 Javascript
Vuejs 页面的区域化与组件封装的实现
2017/09/11 Javascript
JS正则表达式完美实现身份证校验功能
2017/10/18 Javascript
AngularJS动态生成select下拉框的方法实例
2019/11/17 Javascript
vue Element左侧无限级菜单实现
2020/06/10 Javascript
解决vux 中popup 组件Mask 遮罩在最上层的问题
2020/11/03 Javascript
python使用递归解决全排列数字示例
2014/02/11 Python
Pyhthon中使用compileall模块编译源文件为pyc文件
2015/04/28 Python
Python统计文件中去重后uuid个数的方法
2015/07/30 Python
Python获取当前函数名称方法实例分享
2018/01/18 Python
借助Paramiko通过Python实现linux远程登陆及sftp的操作
2020/03/16 Python
Tensorflow中的降维函数tf.reduce_*使用总结
2020/04/20 Python
Keras构建神经网络踩坑(解决model.predict预测值全为0.0的问题)
2020/07/07 Python
Python3中FuzzyWuzzy库实例用法
2020/11/18 Python
Python的信号库Blinker用法详解
2020/12/31 Python
美国家具网站:Cymax
2016/09/17 全球购物
凯伦·米莲女装网上商店:Karen Millen
2017/11/07 全球购物
乌克兰移动电子产品和相关配件的在线商店:iTMag
2020/03/16 全球购物
中学教师实习自我鉴定
2013/09/28 职场文书
英文简历中的自我评价用语
2013/12/09 职场文书
建筑工程技术专业求职信
2014/07/16 职场文书
党员自我剖析材料(群众路线)
2014/10/06 职场文书
ORACLE查看当前账号的相关信息
2021/06/18 Oracle
mysql5.7的安装及Navicate长久免费使用的实现过程
2021/11/17 MySQL
《月歌。》宣布制作10周年纪念剧场版《RABBITS KINGDOM THE MOVIE》
2022/04/02 日漫