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 Undefined index的问题
Jun 01 PHP
PHP 组件化编程技巧
Jun 06 PHP
认识并使用PHP超级全局变量
Jan 26 PHP
php调用mysql数据 dbclass类
May 07 PHP
PHP 自定义错误处理函数trigger_error()
Mar 26 PHP
php中的观察者模式简单实例
Jan 20 PHP
php生成rss类用法实例
Apr 14 PHP
php+ajax实现的点击浏览量加1
Apr 16 PHP
php基于session实现数据库交互的类实例
Aug 03 PHP
浅析php设计模式之数据对象映射模式
Mar 03 PHP
php结合web uploader插件实现分片上传文件
May 10 PHP
php实现不通过扩展名准确判断文件类型的方法【finfo_file方法与二进制流】
Apr 18 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
PHP4实际应用经验篇(8)
2006/10/09 PHP
用ADODB来让PHP操作ACCESS数据库的方法
2006/12/31 PHP
PHP中$_SERVER的详细参数与说明
2008/07/29 PHP
PHP代码实现表单数据验证类
2015/07/28 PHP
PHP带节点操作的无限分类实现方法详解
2016/11/09 PHP
php使用函数pathinfo()、parse_url()和basename()解析URL
2016/11/25 PHP
PHP图像处理 imagestring添加图片水印与文字水印操作示例
2020/02/06 PHP
映彩衣的js随笔(js图片切换效果)
2011/07/31 Javascript
javascript面向对象特性代码实例
2014/06/12 Javascript
angularJS中router的使用指南
2015/02/09 Javascript
js实现select跳转菜单新窗口效果代码分享(超简单)
2015/08/21 Javascript
基于Node.js的强大爬虫 能直接发布抓取的文章哦
2016/01/10 Javascript
整理关于Bootstrap列表组的慕课笔记
2017/03/29 Javascript
详解Vuejs2.0之异步跨域请求
2017/04/20 Javascript
ES6学习之变量的两种命名方法示例
2017/07/18 Javascript
js基于FileSaver.js 浏览器导出Excel文件的示例
2017/08/15 Javascript
浅谈vue后台管理系统权限控制思考与实践
2018/12/19 Javascript
[50:38]DOTA2-DPC中国联赛 正赛 Phoenix vs CDEC BO3 第二场 3月7日
2021/03/11 DOTA
python代码检查工具pylint 让你的python更规范
2012/09/05 Python
Python爬虫框架Scrapy安装使用步骤
2014/04/01 Python
python中对list去重的多种方法
2014/09/18 Python
Python创建xml的方法
2015/03/10 Python
在Python中分别打印列表中的每一个元素方法
2018/11/07 Python
django实现更改数据库某个字段以及字段段内数据
2020/03/31 Python
基于HTML5 Canvas 实现弹出框效果
2017/06/05 HTML / CSS
美国当红的名品折扣网:Gilt Groupe
2016/08/15 全球购物
日本高端护肤品牌:Tatcha
2016/08/29 全球购物
巴西购物网站:Estrela10
2018/12/13 全球购物
您附近的水疗和健康场所:Spafinder(美国)
2019/07/05 全球购物
高三地理教学反思
2014/01/11 职场文书
写字楼租赁意向书
2014/07/30 职场文书
法人代表身份证明书及授权委托书
2014/09/16 职场文书
学生违反校规检讨书
2014/10/28 职场文书
《神奇的鸟岛》教学反思
2016/02/22 职场文书
nginx网站服务如何配置防盗链(推荐)
2021/03/31 Servers
Python anaconda安装库命令详解
2021/10/16 Python