脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → PHP编程 → php实例 → thinkPHP框架中layer.js的封装与使用

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

 更新时间：2019年01月18日 09:33:17   作者：廖圣平  
这篇文章主要介绍了thinkPHP框架中layer.js的封装与使用方法,结合实例形式分析了thinkPHP中调用layer.js的具体操作技巧与注意事项,需要的朋友可以参考下

本文实例讲述了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  中使用：

在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相关内容感兴趣的读者可查看本站专题：《ThinkPHP入门教程》、《thinkPHP模板操作技巧总结》、《ThinkPHP常用方法总结》、《codeigniter入门教程》、《CI(CodeIgniter)框架进阶教程》、《Zend FrameWork框架入门教程》及《PHP模板技术总结》。

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

您可能感兴趣的文章:

相关文章

  • PHP7 安装event扩展的实现方法

    PHP7 安装event扩展的实现方法

    这篇文章主要介绍了PHP7 安装event扩展的实现方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
    2019-10-10
  • Thinkphp自定义生成缩略图尺寸的方法

    Thinkphp自定义生成缩略图尺寸的方法

    这篇文章主要介绍了Thinkphp自定义生成缩略图尺寸的方法 ，本文给大家介绍的非常不错，具有一定的参考借鉴价值,需要的朋友可以参考下
    2019-08-08
  • 微信营销平台系统–刮刮乐的开发

    微信营销平台系统–刮刮乐的开发

    最近一直在做微信相关的开发工作，刮刮乐是一个最常见的微信应用了，网上也有很多的教程，本来是不想写这篇博文的，但又怕网友被坑，我还是写一下。
    2014-06-06
  • 关于DISCUZ不用通行证登陆得内容介绍

    关于DISCUZ不用通行证登陆得内容介绍

    DISCUZ是中国最常用的论坛，虽然他本身有通行证给大家连接，但实际上用户的统一还是很不好，经常要建立两个用户表，第一不利于注册和管理，第二浪费数据库。
    2008-10-10
  • CodeIgniter框架中_remap()使用方法2例

    CodeIgniter框架中_remap()使用方法2例

    这篇文章主要介绍了CodeIgniter中的_remap()使用方法2例,需要的朋友可以参考下
    2014-03-03
  • php把字符串指定字符分割成数组的方法

    php把字符串指定字符分割成数组的方法

    下面小编就为大家分享一篇php把字符串指定字符分割成数组的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
    2018-03-03
  • Yii实现自动加载类地图的方法

    Yii实现自动加载类地图的方法

    这篇文章主要介绍了Yii实现自动加载类地图的方法,涉及Yii加载类的技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-04-04
  • Laravel5.4框架使用socialite实现github登录的方法

    Laravel5.4框架使用socialite实现github登录的方法

    这篇文章主要介绍了Laravel5.4框架使用socialite实现github登录的方法,结合实例形式分析了Laravel相关下载、安装、配置及github登陆、注册、设置等相关操作技巧,需要的朋友可以参考下
    2019-03-03
  • ThinkPHP水印功能实现修复PNG透明水印并增加JPEG图片质量可调整

    ThinkPHP水印功能实现修复PNG透明水印并增加JPEG图片质量可调整

    这篇文章主要介绍了ThinkPHP水印功能实现修复PNG透明水印并增加JPEG图片质量可调整,包含了对多层水印设置代码的修改,修改的部分在注释里有较为详细的说明,非常具有实用价值,需要的朋友可以参考下
    2014-11-11
  • thinkphp中字符截取函数msubstr()用法分析

    thinkphp中字符截取函数msubstr()用法分析

    这篇文章主要介绍了thinkphp中字符截取函数msubstr()用法,结合实例形式较为详细的分析了thinkPHP中字符截取函数msubstr()的功能、定义使用技巧与注意事项,需要的朋友可以参考下
    2016-01-01

最新评论