模板中添加DIY可拖拽区域

在已经有可拖拽区域的模板中添加更多的可拖拽区域
在Discuz！ X默认模板的大部分模板文件中已经内置了多个可拖拽区域，但是如果你觉得这些还不够，还需要添加更多的可拖拽区域怎么办? 打开你要添加可拖拽区域的模板文件，在要添加的位置加入如下代码

1. 
   
2. <！--[diy=diyid]--><div id="diyid" class="area"></div><！--[/diy]-->

复制代码

• DIY使用的tag标签为div,指定的class为area
• <！--[diy=diyid]-->和<！--[/diy]-->是一对完整的DIY可拖拽区域闭合标识
• [diy=diyid]中的diyid要与后面的div的id相同，同时要确保其在页面中唯一，即不能与页面已有元素ID相同。
  

让自己的程序和模板页面也可以DIY
假设你新建的PHP文件名为test.php,对应的模板文件为/template/default/home/testtpl.htm
test.php程序代码为

1. <?php>
   
2. $var = '';
   
3. $arr = array();
   
4. . //程序逻辑
   
5. loadcache('diytemplatename');//加载DIY页面缓存，X2中的改进，此缓存必需要加载，目的是为了减少磁盘的IO操作
   
6. template('diy:home/testtpl');//加载为模板文件，其中 “diy:”表示支持页面DIY操作
   
7. <?>
   

复制代码

• loadcache('diytemplatename')X2中的改进，此缓存最好是在网站根目录的应用入口文件中加载，如下
  

1. 
   
2. . $cachelist = array('yourcache', 'diytemplatename');
   
3. $discuz->cachelist = $cachelist;
   
4. $discuz->init(); .

复制代码

模板文件代码

1. 
   
2. .
   
3. <style id="diy_style" type="text/css"></style><！--在模板文件中添加存放CSS代码的标签-->
   
4. <div id='ct'>
   
5. .
   
6. <！--[diy=diyid]--><div id="diyid" class="area"></div><！--[/diy]--><！--在你需要的地方添加可拖拽区域-->
   
7. ..
   
8. </div>
   
9. <！--[diy=diyid2]--><div id="diyid2" class="area"></div><！--[/diy]--><！--在你需要的地方添加可拖拽区域-->
   
10. .

复制代码

• DIY使用的tag标签为div,指定的class为area
• <！--[diy=diyid]-->和<！--[/diy]-->是一对完整的DIY可拖拽区域闭合标识
• [diy=diyid]中的diyid要与后面的div的id相同，同时要确保其在页面中唯一，即不能与页面已有元素ID相同。
  

==在已经有可拖拽区域的模板中添加更多的可拖拽区域==
:在Discuz！ X默认模板的大部分模板文件中已经内置了多个可拖拽区域，但是如果你觉得这些还不够，还需要添加更多的可拖拽区域怎么办?
:打开你要添加可拖拽区域的模板文件，在要添加的位置加入如下代码
<pre><！--[diy=diyid]--><div id="diyid" class="area"></div><！--[/diy]-->
</pre>
:*DIY使用的tag标签为div,指定的class为area
:*<！--[diy=diyid]-->和<！--[/diy]-->是一对完整的DIY可拖拽区域闭合标识
:*[diy=diyid]中的diyid要与后面的div的id相同，同时要确保其在页面中唯一，即不能与页面已有元素ID相同。
==让自己的程序和模板页面也可以DIY==
:假设你新建的PHP文件名为test.php,对应的模板文件为/template/default/home/testtpl.htm
=== test.php程序代码为 ===
<pre>
<?php>
$var = '';
$arr = array();
. //程序逻辑
loadcache('diytemplatename');//加载DIY页面缓存，X2中的改进，此缓存必需要加载，目的是为了减少磁盘的IO操作
template('diy:home/testtpl');//加载为模板文件，其中 “diy:”表示支持页面DIY操作
<?>
</pre>
:*'''loadcache('diytemplatename')X2中的改进，此缓存最好是在网站根目录的应用入口文件中加载，如下'''
<pre>.
$cachelist = array('yourcache', 'diytemplatename');
$discuz->cachelist = $cachelist;
$discuz->init();
.
</pre>
===模板文件代码===
<pre>.
<style id="diy_style" type="text/css"></style><！--在模板文件中添加存放CSS代码的标签-->
<div id='ct'>
.
<！--[diy=diyid]--><div id="diyid" class="area"></div><！--[/diy]--><！--在你需要的地方添加可拖拽区域-->
..
</div>
<！--[diy=diyid2]--><div id="diyid2" class="area"></div><！--[/diy]--><！--在你需要的地方添加可拖拽区域-->
.
</pre>
:*DIY使用的tag标签为div,指定的class为area
:*<！--[diy=diyid]-->和<！--[/diy]-->是一对完整的DIY可拖拽区域闭合标识
:*[diy=diyid]中的diyid要与后面的div的id相同，同时要确保其在页面中唯一，即不能与页面已有元素ID相同。