[TOC]
## 知識點
> * 1、函數：自動設置框架高度changeFrameHeight()
2、模型修正（副表中新增catid）
3、內容刪除
4、公共函數
a、根據分類ID獲取相應分類信息getCatInfoById()
b、根據分類ID獲取相應模型信息getModInfoById()
5、CheckBox全選與反選（iCheck插件）
6、批量刪除
7、數據分頁（Datatables插件）
8、插件DataTables表格插件使用
## 一、常用函數：自動設置框架高度
### 1、自動設置changeFrameHeight()
#### html
~~~
<div class="col-sm-9">
<iframe id="iframe_content" src="{:url('content')}" style="width:100%;" frameborder="0" scrolling="atuo" onload="changeFrameHeight()"></iframe>
</div>
~~~
#### JavaScript
~~~
<script>
function changeFrameHeight() {
document.getElementById("iframe_content").height = document.documentElement.clientHeight - 44;
};
</script>
~~~
### 2、窗體大小改變重新設置高度
~~~
<script>
window.onresize = function() {
changeFrameHeight();
}
</script>
~~~
## 二、模型修正
> 一個模型對應一張表
一個模型有多個分類
模型表中必須有分類ID
model_field 模型字段（主表）
artic 模型表（副表）
>新增：`catid` int(11) NOT NULL DEFAULT '0' COMMENT '分類ID',
>位置：StudyFoxCMS.rar\public\data\sfox_newmodel.sql
~~~
--
DROP TABLE IF EXISTS `@cmsprefix@@cmstablename@`;
--
CREATE TABLE `@cmsprefix@@cmstablename@` (
`id` int(10) unsigned NOT NULL AUTO_INCREMENT COMMENT '主鍵',
`catid` int(11) NOT NULL DEFAULT '0' COMMENT '分類ID',
`title` varchar(100) NOT NULL DEFAULT '' COMMENT '標題',
`keywords` varchar(100) NOT NULL DEFAULT '' COMMENT '關鍵詞',
`tags` varchar(255) NOT NULL DEFAULT '' COMMENT 'TAGS',
`description` varchar(255) NOT NULL DEFAULT '' COMMENT '摘要',
`thumb` varchar(100) NOT NULL DEFAULT '' COMMENT '縮略圖',
`username` varchar(20) NOT NULL DEFAULT '' COMMENT '用戶名',
`inputtime` timestamp NOT NULL DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP COMMENT '發布時間',
`url` varchar(100) NOT NULL DEFAULT '' COMMENT 'URL',
`status` tinyint(2) NOT NULL DEFAULT '0' COMMENT '狀態',
`views` int(11) NOT NULL DEFAULT '0' COMMENT '瀏覽量',
`order` int(11) NOT NULL DEFAULT '0' COMMENT '排序',
PRIMARY KEY (`id`)
) ENGINE=MyISAM DEFAULT CHARSET=utf8;
~~~
> content.php
~~~
public function content($id = 0){
if ($id) {
// 獲取相關分類信息
$catInfo = Db::name('category')->where('id',$id)->find();
//根據當前分類所屬模型獲取相應數據表
$modeldInfo = Db::name('models')->where('id',$catInfo['modelid'])->find();
$infoList = Db::name($modeldInfo['tablename'])->where('catid',$id)->select();
$this->assign('catname',$catInfo['catname']);
$this->assign('infoList',$infoList);
}
return view();
}
~~~
## 三、內容刪除
### 1、html
~~~
<a name="delete" href="{:url('delete',['catid'=>$vo.catid, 'id'=>$vo.id])}" title="刪除"><i class="fa fa-trash-o text-navy"></i></a>
~~~
### 2、php
~~~
// 單條刪除
public function delete($catid = 0, $id = 0){
// 獲取表名
$tablename = getModInfoById($catid, 'tablename');
if(Db::name($tablename)->where('id',$id)->delete()){
return success('刪除成功!',url('content',['id'=>$catid]));
}else{
return error('刪除失敗!');
}
}
~~~
~~~
// 批量刪除
public function deleteAll(){
$catid = input('post.catid');
// 獲取表名
$tablename = getModInfoById($catid, 'tablename');
if (empty(input('post.ids/a'))) {
return error('請選中需要刪除的數據!');
}
foreach (input('post.ids/a') as $id => $value) {
Db::name($tablename)->where('id',$id)->delete();
}
return success('刪除成功!',url('content',['id'=>$catid]));
}
~~~
## 四、公共函數
> 函數位置：D:\phpStudy\WWW\tp5\application\common.php
~~~
// 根據分類ID獲取相應分類信息
function getCatInfoById($id=0, $field=''){
if($field == ''){
//獲取單條數據
return Db::name('category')->where('id',$id)->find();
}else{
//獲取某個字段
return Db::name('category')->where('id',$id)->value($field);
}
}
// 根據分類ID獲取相應模型信息
function getModInfoById($id=0, $field=''){
//模型ID、
$modelId = getCatInfoById($id, 'modelid');
if($field == ''){
//獲取單條數據
return Db::name('models')->where('id',$modelId)->find();
}else{
//獲取某個字段
return Db::name('models')->where('id',$modelId)->value($field);
}
}
~~~
## 五、CheckBox全選與反選
>參考網址：
iCheck插件的全選、反選、獲取值操作
https://blog.csdn.net/ya_1249463314/article/details/78120939
### 1.js包下載
http://www.jq22.com/jquery-info784
### 2.插件文檔
http://www.jq22.com/yanshi784
http://www.bootcss.com/p/icheck/
### 3.引入js文件
~~~
<link href="__ADMIN__/css/bootstrap.min14ed.css?v=3.3.6" rel="stylesheet">
<link href="__ADMIN__/css/plugins/iCheck/custom.css" rel="stylesheet">
<script src="__ADMIN__/js/jquery.min.js?v=2.1.4"></script>
<script src="__ADMIN__/js/bootstrap.min.js?v=3.3.6"></script>
<script src="__ADMIN__/js/plugins/iCheck/icheck.min.js"></script>
~~~
### 4.html文件
~~~
<input id="isCheckAll" type="checkbox" class="i-checks">
~~~
### 5.js實現
~~~
<script>
$(document).ready(function() {
$(".i-checks").iCheck({
checkboxClass: "icheckbox_square-green",
radioClass: "iradio_square-green",
});
// 全選
$("#isCheckAll").on('ifChecked', function(event) {
$('input').iCheck('check');
});
// 全不選
$("#isCheckAll").on('ifUnchecked', function(event) {
$('input').iCheck('uncheck');
})
});
</script>
~~~
## 六、批量刪除
> 思路：內容ID要批量傳遞到控制器中去，控制器再循環刪除對應的ID即可
### 1、html部分
~~~
<div class="ibox-content">
<form method="post" class="form-horizontal" action="{:url('deleteAll')}" data-type="ajax">
<input type="hidden" name="catid" value="{$infoList[0]['catid']}" />
<div class="row">
<div class="col-sm-8 m-b-xs">
<div class="btn-group hidden-xs" id="exampleTableEventsToolbar" role="group">
<button type="submit" class="btn btn-sm btn-outline btn-default" title="添加">
<i class="glyphicon glyphicon-plus" aria-hidden="true"></i>
</button>
<button type="submit" class="btn btn-sm btn-outline btn-default" title="刪除">
<i class="glyphicon glyphicon-trash" aria-hidden="true"></i>
</button>
</div>
</div>
</div>
<div class="table-responsive">
<table class="table table-striped">
<tbody>
{volist name="infoList" id="vo"}
<tr>
<td>
<input type="checkbox" class="i-checks" name="ids[{$vo.id}]">
</td>
<td>{$vo.id}</td>
<td>{$vo.title}</td>
<td>{$vo.username}</td>
<td>{$vo.inputtime}</td>
<td>{$vo.views}</td>
<td>
<a href="{:url('index',['tab'=>3,'id'=>$vo.id])}" title="編輯"><i class="fa fa-edit text-navy"></i></a>
<a name="delete" href="{:url('delete',['catid'=>$vo.catid, 'id'=>$vo.id])}" title="刪除"><i class="fa fa-trash-o text-navy"></i></a>
</td>
</tr>
{/volist}
</tbody>
</table>
</div>
</form>
</div>
~~~
### 2、php處理
~~~
// 批量刪除
public function deleteAll(){
$catid = input('post.catid');
// 獲取表名
$tablename = getModInfoById($catid, 'tablename');
if (empty(input('post.ids/a'))) {
return error('請選中需要刪除的數據!');
}
foreach (input('post.ids/a') as $id => $value) {
Db::name($tablename)->where('id',$id)->delete();
}
return success('刪除成功!',url('content',['id'=>$catid]));
}
~~~
### 3、js實現
~~~
$(document).on('submit','form[data-type=ajax]',function(){
//獲取數據
var url = $(this).attr('action');
var data = $(this).serializeArray();//序列化表單元素
//彈出詢問框
layer.confirm('您確定提交處理嗎?',{icon:3, title:'提示'},function(index){
//異步提交
$.ajax({
type: "POST",
dataType:"json",
url:url,
data:data,
success:function(obj){
var icon_num = (obj.status==200) ? 1 : 2;
if(obj.status==200 || obj.status==202){
layer.open({
content: obj.msg,
btn: ['確定'],
shade: 0.1,
icon: icon_num,
yes: function(index, layero){
if(obj.url){
location.href = obj.url; //跳轉指定地址
}else{
layer.close(index);
}
},
cancel: function(){
if(obj.url){
location.href = obj.url; //跳轉指定地址
}else{
layer.close();
}
},
});
}
},
error:function(data){
layer.alert('網絡故障!');
}
});
});
return false;
});
~~~
## 七、數據分頁
### （一）tp5官網分頁(簡單)
#### 1、php
~~~
public function content($id = 0)
{
if($id){
// 獲取表名
$tablename = getModInfoById($id, 'tablename');
$infoList = Db::name($tablename)->where('catid',$id)->paginate(10);
$catname = getCatInfoById($id, 'catname');
$this->assign('catname',$catname);
$this->assign('infoList',$infoList);
}
return view();
}
~~~
#### 2、html
~~~
<tr><td> {$infoList->render()} </td></tr>
~~~
#### 3、缺點
每點擊分頁，都要刷新一次頁面；而我們不想刷新頁面，就要用ajax，也就是用下面這種方法。
### （二）異步無刷新分頁（Datatables）
Datatables是一款jquery表格插件。它是一個高度靈活的工具，可以將任何HTML表格添加高級的交互功能。
#### 1、官網中文
http://www.datatables.club/
#### 2、引入文件
~~~
<link href="__ADMIN__/css/plugins/dataTables/dataTables.bootstrap.css" rel="stylesheet">
<link href="__ADMIN__/css/admin.css" rel="stylesheet">
<script src="__ADMIN__/js/plugins/dataTables/jquery.dataTables.js"></script>
<script src="__ADMIN__/js/plugins/dataTables/dataTables.bootstrap.js"></script>
~~~
#### 3、html
~~~
<div class="table-responsive">
<table id="dataTables-example" class="table table-striped">……</table>
</div>
~~~
#### 4、初始化
~~~
<script>
$(document).ready(function() {
$("#dataTables-example").dataTable();
});
</script>
~~~
## 八、插件DataTables表格插件使用
### （一）插件介紹
Datatables是一款jquery表格插件。它是一個高度靈活的工具，可以將任何HTML表格添加高級的交互功能。
參考手冊：http://www.datatables.club/reference/#options
> 分頁，即時搜索和排序
幾乎支持任何數據源：DOM， javascript， Ajax 和 服務器處理
支持不同主題 DataTables, jQuery UI, Bootstrap, Foundation
各式各樣的擴展: Editor, TableTools, FixedColumns ……
豐富多樣的option和強大的API
支持國際化
超過2900+個單元測試
免費開源
開始使用DataTables很簡單，只需要引入兩個文件， 一個css樣式文件和DataTables本身的腳本文件。在DataTables CDN上，可以使用下面這兩個文件：
CSS：http://cdn.datatables.net/1.10.15/css/jquery.dataTables.min.css
JS：http://cdn.datatables.net/1.10.15/js/jquery.dataTables.min.js
怎樣簡單地使用DataTables？使用下方簡單的幾行代碼，一個方法初始化table
~~~
$(document).ready(function(){
$('#myTable').DataTable();
});
~~~
### （二）整合TP5使用
#### 1、html結構
~~~
<div class="ibox-content">
<form method="post" class="form-horizontal" action="{:url('deleteAll')}" data-type="ajax">
<input type="hidden" name="catid" value="{$infoList[0]['catid']}" />
<div class="row">
<div class="col-sm-8 m-b-xs">
<!-- 添加和刪除按鈕 -->
</div>
</div>
<div class="table-responsive">
<table id="dataTables-example" class="table table-striped">
<thead>
<tr>
<th>ID</th>
<th>標題</th>
</tr>
</thead>
</table>
</div>
</form>
</div>
~~~
> 完整content.html
~~~
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>H+ 后臺主題UI框架 - 樹形視圖</title>
<meta name="keywords" content="H+后臺主題,后臺bootstrap框架,會員中心主題,后臺HTML,響應式后臺">
<meta name="description" content="H+是一個完全響應式，基于Bootstrap3最新版本開發的扁平化主題，她采用了主流的左右兩欄式布局，使用了Html5+CSS3等現代技術">
<link rel="shortcut icon" href="favicon.ico">
<link href="__ADMIN__/css/bootstrap.min14ed.css?v=3.3.6" rel="stylesheet">
<link href="__ADMIN__/css/font-awesome.min93e3.css?v=4.4.0" rel="stylesheet">
<link href="__ADMIN__/css/plugins/iCheck/custom.css" rel="stylesheet">
<link href="__ADMIN__/css/plugins/dataTables/dataTables.bootstrap.css" rel="stylesheet">
<link href="__ADMIN__/css/animate.min.css" rel="stylesheet">
<link href="__ADMIN__/css/style.min862f.css?v=4.1.0" rel="stylesheet">
<link href="__ADMIN__/css/admin.css" rel="stylesheet">
</head>
<body class="gray-bg">
<div class="ibox float-e-margins">
<div class="ibox-title">
<h5>{$catname ? $catname : '暫無'}列表</h5>
</div>
<div class="ibox-content">
<form method="post" class="form-horizontal" action="{:url('deleteAll')}" data-type="ajax">
<input type="hidden" name="catid" value="{$infoList[0]['catid']}" />
<div class="table-responsive">
<table id="dataTables-example" class="table table-striped">
<thead>
<tr>
<th><input id="isCheckAll" type="checkbox" class="i-checks"></th>
<th>ID</th>
<th>標題</th>
<th>發布人</th>
<th>發布時間</th>
<th>瀏覽量</th>
<th>操作</th>
</tr>
</thead>
</table>
</div>
</form>
</div>
</div>
<script src="__ADMIN__/js/jquery.min.js?v=2.1.4"></script>
<script src="__ADMIN__/js/bootstrap.min.js?v=3.3.6"></script>
<script src="__ADMIN__/js/plugins/dataTables/jquery.dataTables.js"></script>
<script src="__ADMIN__/js/plugins/dataTables/dataTables.bootstrap.js"></script>
<script src="__ADMIN__/js/content.min.js?v=1.0.0"></script>
<script src="__ADMIN__/js/plugins/iCheck/icheck.min.js"></script>
<script>
$(document).ready(function() {
$("#dataTables-example").dataTable({
"serverSide": true,
"ajax": {
"url": "{:url('getDataTables',['id'=>input('id')])}",
"data": function(d) {
d.extra_search = "title|username";
}
},
"ordering": false, //禁用全局排序
"order": [0, '`order` desc'],
"lengthMenu": [5, 10, 20, 50, 100],
// "dom": '<l <"#normalToos">f>t<ip>',
"dom": "<'row'<'#normalToos.col-xs-4'><'col-xs-8'f>>" +
"<'row'<'col-xs-12't>>" +
"<'row'<'col-xs-6'li><'col-xs-6'p>>",
"language": {
"zeroRecords": "沒有檢索到數據",
"lengthMenu": "每頁 _MENU_ 條記錄 ",
"search": "搜索 ",
"info": "共 _PAGES_ 頁，_TOTAL_ 條記錄，當前顯示 _START_ 到 _END_ 條",
"paginate": {
"previous": "上一頁",
"next": "下一頁",
}
},
"columns": [{
render: function(data, type, row, meta) {
return '<input type="checkbox" class="i-checks" name="ids[' + row.id + ']">';
}
}, {
data: "id"
}, {
data: "title"
}, {
data: "username"
}, {
data: "inputtime"
}, {
data: "views"
}, {
data: "operate"
}, ],
"drawCallback": function() {
normal_init();
},
"initComplete": function() {
$("#normalToos").append("<div class='m-b-xs'>" +
"<div class='btn-group hidden-xs' id='exampleTableEventsToolbar' role='group'>" +
"<button type='submit' class='btn btn-sm btn-outline btn-default' title='添加'>" +
"<i class='glyphicon glyphicon-plus' aria-hidden='true'></i></button>" +
"<button type='submit' class='btn btn-sm btn-outline btn-default' title='刪除'>" +
"<i class='glyphicon glyphicon-trash' aria-hidden='true'></i></button></div></div>");
}
});
});
</script>
<script src="__ADMIN__/js/plugins/layer/layer.min.js"></script>
<script src="__ADMIN__/js/layer_hplus.js"></script>
</body>
</html>
~~~
#### 2、js實現
~~~
<script>
$(document).ready(function() {
$("#dataTables-example").dataTable({
"serverSide": true,
"ajax": {
"url": "{:url('getDataTables',['id'=>input('id')])}",
"data": function(d) {
d.extra_search = "title|username";
}
},
"ordering": false, //禁用全局排序
"order": [0, '`order` desc'],
"lengthMenu": [5, 10, 20, 50, 100],
// "dom": '<l <"#normalToos">f>t<ip>',
"dom": "<'row'<'#normalToos.col-xs-4'><'col-xs-8'f>>" +
"<'row'<'col-xs-12't>>" +
"<'row'<'col-xs-6'li><'col-xs-6'p>>",
"language": {
"zeroRecords": "沒有檢索到數據",
"lengthMenu": "每頁 _MENU_ 條記錄 ",
"search": "搜索 ",
"info": "共 _PAGES_ 頁，_TOTAL_ 條記錄，當前顯示 _START_ 到 _END_ 條",
"paginate": {
"previous": "上一頁",
"next": "下一頁",
}
},
"columns": [{
render: function(data, type, row, meta) {
return '<input type="checkbox" class="i-checks" name="ids[' + row.id + ']">';
}
}, {
data: "id"
}, {
data: "title"
}, {
data: "username"
}, {
data: "inputtime"
}, {
data: "views"
}, {
data: "operate"
}, ],
"drawCallback": function() {
normal_init();
},
"initComplete": function() {
$("#normalToos").append("<div class='m-b-xs'>" +
"<div class='btn-group hidden-xs' id='exampleTableEventsToolbar' role='group'>" +
"<button type='submit' class='btn btn-sm btn-outline btn-default' title='添加'>" +
"<i class='glyphicon glyphicon-plus' aria-hidden='true'></i></button>" +
"<button type='submit' class='btn btn-sm btn-outline btn-default' title='刪除'>" +
"<i class='glyphicon glyphicon-trash' aria-hidden='true'></i></button></div></div>");
}
});
});
</script>
~~~
#### 3、php處理
~~~
// datatables插件請求地址
public function getDataTables($id = 0) {
// 請求數據
// draw:1 請求次數
// columns[0][data]:0 設置列的數據源，即如何從整個Table的數據源(object / array)中獲得
// columns[0][name]: 為列設定一個別名
// columns[0][searchable]:true 在該列上允許或者禁止過濾搜索記錄
// columns[0][orderable]:true 在該列上允許或者禁止排序功能
// columns[0][search][value]: 該列的搜索條件
// columns[0][search][regex]:false 允許或者禁止對在搜索字符串中出現的正則表達式字符強制編碼
// order[0][column]:0 指定排序的列
// order[0][dir]:asc 指定排序列的方式：升序或降序
// start:0 起始下標
// length:10 每頁記錄數
// search[value]: 全局搜索條件
// search[regex]:false 允許或者禁止對在搜索字符串中出現的正則表達式字符強制編碼
// 返回數據
// "draw": 請求次數
// "recordsTotal": 數據總數
// "recordsFiltered": 過濾之后的記錄總數
// "data": 返回數據
if($id){
//獲取請求過來的數據
$getParam = request()->param();
$draw = $getParam['draw'];
//排序
$orderSql = $getParam['order'][0]['dir'];
//自定義查詢參數
$extra_search = $getParam['extra_search'];
// 獲取表名
$tablename = getModInfoById($id, 'tablename');
// 總記錄數
$recordsTotal = Db::name($tablename)->where('catid',$id)->count();
//過濾條件后的總記錄數
$search = $getParam['search']['value'];
$recordsFiltered = strlen($search) ? Db::name($tablename)->where('catid',$id)->where($extra_search,'like','%'.$search.'%')->count() : $recordsTotal;
//分頁
$start = $getParam['start']; //起始下標
$length = $getParam['length']; //每頁顯示記錄數
//根據開始下標計算出當前頁
$page = intval($start/$length) + 1;
$config = ['page'=>$page, 'list_rows'=>$length];
$list = Db::name($tablename)->where('catid',$id)->where($extra_search,'like','%'.$search.'%')->order($orderSql)->paginate(null,false,$config);
$lists = [];
if(!empty($list)){
foreach ($list as $key => $value) {
$lists[$key] = $value;
$lists[$key]['operate'] = "<a href='". url('index',['id'=>$value['id']]) ."' title='編輯'><i class='fa fa-edit text-navy'></i></a>
<a name='delete' href='". url('delete',['id'=>$value['id'], 'catid'=>$value['catid']]) ."' title='刪除'><i class='fa fa-trash-o text-navy'></i></a>";
}
}
} else{
$draw = 1;
$recordsTotal = 0;
$recordsFiltered = 0;
$lists = [];
}
$data = array(
"draw"=>$draw,
"recordsTotal"=>$recordsTotal, //數據總數
"recordsFiltered"=>$recordsFiltered, //過濾之后的記錄總數
"data"=>$lists
);
echo json_encode($data);
~~~
#### 4、layer_hplus.js（第二版）
~~~
$(document).on('submit','form[data-type=ajax]',function(){
//獲取數據
var url = $(this).attr('action');
var data = $(this).serializeArray();//序列化表單元素
//彈出詢問框
layer.confirm('您確定提交處理嗎?',{icon:3, title:'提示'},function(index){
//異步提交
$.ajax({
type: "POST",
dataType:"json",
url:url,
data:data,
success:function(obj){
var icon_num = (obj.status==200) ? 1 : 2;
if(obj.status==200 || obj.status==202){
layer.open({
content: obj.msg,
btn: ['確定'],
shade: 0.1,
icon: icon_num,
yes: function(index, layero){
if(obj.url){
location.href = obj.url; //跳轉指定地址
}else{
layer.close(index);
}
},
cancel: function(){
if(obj.url){
location.href = obj.url; //跳轉指定地址
}else{
layer.close();
}
},
});
}
},
error:function(data){
layer.alert('網絡故障!');
}
});
});
return false;
});
function normal_init() {
$(".i-checks").iCheck({
checkboxClass: "icheckbox_square-green",
radioClass: "iradio_square-green",
});
$("#isCheckAll").on('ifChecked', function(event) {
$('input').iCheck('check');
});
$("#isCheckAll").on('ifUnchecked', function(event) {
$('input').iCheck('uncheck');
});
$('input[type="checkbox"]').on('ifChecked', function() {
$(this).val('1');
});
$('input[type="checkbox"]').on('ifUnchecked', function() {
$(this).val('0');
});
$("a[name='delete']").click(function(){
//獲取數據
var url = $(this).attr('href');
//彈出詢問框
layer.confirm('您確定要刪除數據嗎?',{icon:3, title:'提示'},function(index){
//異步提交
$.ajax({
type: "POST",
dataType:"json",
url:url,
data:null,
success:function(obj){
var icon_num = (obj.status==200) ? 1 : 2;
if(obj.status==200 || obj.status==202){
layer.open({
content: obj.msg,
btn: ['確定'],
shade: 0.1,
icon: icon_num,
yes: function(index, layero){
if(obj.url){
location.href = obj.url; //跳轉指定地址
}else{
layer.close(index);
}
},
cancel: function(){
location.href = obj.url; //跳轉指定地址
},
});
}
},
error:function(data){
layer.alert('網絡故障!');
}
});
});
return false;
});
}
$(document).ready(function(){
normal_init();
//隱藏特殊標簽頁
$(".nav-tabs li").click(function(){
if($(this).attr('id')!='showtab'){
$('#showtab').attr('style','display:none');
}
});
});
~~~
- Layer無刷新不跳轉彈框提示信息
- 整合ThinkPHP+實用代碼
- TP整合Layer插件實現無刷新
- 自定義助手函數
- 添加信息失敗后不跳轉
- 三種無限級分類
- TP常用代碼
- 自定義公共函數
- TP模型管理專題
- TP模型管理之添加模型
- sfox_newmodel.sql
- TP模型管理之刪除模型
- TP模型管理之編輯模型
- TP模型管理之字段添加
- sfox_newmodel.sql_edit
- layer_hplus.js_edit
- TP模型管理之字段刪除
- TP模型管理之字段編輯
- TP模型管理之預覽模型
- TP模型管理之公共函數
- layer_hplus.js_修訂一
- TP模型管理之預覽模型靜態頁
- 后臺內容管理系統
- 分類樹顯示
- 內容列表顯示
- 信息發布
- 編輯信息
- layer_hplus.js
- myJs第一版
- myJs第二版
- myJs第三版
- myJs第四版
- TP5插件用法
- Datatables
- WebUploader
- bootstrap-fileinput
- UEditor
- 簡單調用
- 路徑問題
- 跨域多圖上傳
- 跨域單圖上傳
- UEditor圖片跨域上傳解決方案
- 定制工具欄圖標
- ajaxFileUpload
- LayUI
- 圖片上傳
- layui分頁
- 搜索頁
- 搜索優化及刪除
- Uploadify
- TP5前端應用
- 靜態首頁
- 前臺首頁功能實現
- 自定義標簽庫
- 前臺模板繼承應用
- 首頁自定義標簽改進
- 文章內容頁
- 自定義標簽改進
- 自定義標簽修正
- 圖片等比例自動縮放
- 后臺權限管理
- 角色管理
- 規則管理
- 權限設置
- 會員管理
- 權限管理
- 前臺登錄注冊功能
- 注冊登錄
- 阿里大于手機注冊
- 阿里大于升級阿里云短信服務
- 自動登錄完成
- PHP異位或加密實現自動登陸
- 微信開發
- 分享接口
- 靜態頁面實現微信分享
- 動態頁微信分享
- 頁面靜態化
- 1-全站靜態化前期配置
- 2-鏈接地址靜態化
- TP5常用片段代碼
- 加載靜態資源路徑與常量
- thinkphp5預定義常量
- 刪除某文件夾的內容
- 解壓插件包
- 異步提交插件
- 其他功能
- 背景音樂
- 手機訪問PC網站自動跳轉到手機網站代碼
- 手機微信音樂MP3播放器
- 后盾之網頁背景音樂
- 播放器寬度自適應
- 前臺首頁數據調用
- 視頻列表
- 搜索分頁
- H5解決蘋果（IOS）不能自動播放音樂
- 清空緩存
- 文件處理常識
- 刪除路徑下的所有文件夾和文件
- 一鍵清空緩存
- 評論留言
- 格式化時間
- 替換微博內容的URL地址@用戶與表情
- PHP正則理解
- jQuery評論插件
- TP空操作
- TP路由
- 跨域訪問
- 設置請其頭允許跨域請求
- 模板前臺判斷手機訪問跳轉手機網址代碼
- PHP遍歷一個文件夾下所有文件和子文件夾
- PHP獲取視頻的第一幀與時長
- TP5數據庫
- 鏈式操作原理
- update替換字段部分內容
- 后臺開發
- 后臺登錄頁居中顯示
- TP5自帶驗證碼
- JS & JQuery專題
- 二級城市聯動菜單
- 模板引擎
- 混合模板編譯
- 黃永成TP微博開發
- 消息推送
- memcache安裝
- 插件開發
- 插件介紹
- 插件鉤子
- 淺談初步理解鉤子
- 插件鉤子(hooks)分析
- 插件鉤子簡單理解
- 控制器調用插件
- 鉤子通用處理函數
- 插件基類代碼
- 插件測試代碼
- 淺談鉤子與插件
- 技術綜合
- 常用代碼
- PHP
- 56個PHP開發常用代碼片段（上）
- 56個PHP 開發常用代碼片段（中）
- 56個PHP 開發常用代碼片段（下）
- sublime text安裝自動補全注釋的插件
- 影音視頻開發
- 視頻
- H5視頻直播掃盲
- 音樂
- 語音
- PHP實現語音播報功能
- MUI
- 窗體操作