[图]关于YII中构件的使用详解

[图]关于YII中部件的使用详解

对于每一个初学者来说，学习YII框架都会觉得很多迷茫和无从下手的时候，我也是从初学者过来的，在YII框架中，用的最多的莫过于部件的应用了，部件让让更多的代码可重复，在页面的任意位置都可以进行调用，非常的方便，我们接下来就来完成一个小型的部件功能开发吧。

首先我们来看下部件的效果图吧：

[图]关于YII中构件的使用详解

本部件是基于YII自带Demo的blog系统进行展示的，首先我们来看下文件结构：

[图]关于YII中构件的使用详解

上图中红线框中的就是部件的存放位置，extensions文件夹下一般都是以文件夹的形式来区分不同的部件命名空间，比如我这里写了个列表的部件，如果需要有view的话，也在部件的文件夹下新建views文件夹，在views下新建相应的php文件即可。

首先我们来看listExt/listwidet.php文件的代码结构：

<br></p><p>其实很简单的。</p><p>当然如果更高级的部件开发就下次分享吧，部件中我们可以加入我们需要的资源，比如css、js、images等，还有如果有布局的话，还可以加入layouts等等。</p><p><br></p><p>转载请注明   来自Billy.lee  http://blog.csdn.net/qq415734794/article/details/7673278</p> </p></div><div style="margin:0 auto;width:300px;height:250px;position:relative;">
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 移动端全站正文 -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-6147101717324856"
data-ad-slot="1958144088"
data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script></div>
<div class="subn-nav"><a href="//m.reader8.net">读书人网</a> ><a href="//m.reader8.net/jiaocheng/webqd/">Web前端</a></div><div class="sp-jctu"><h3><span> 热点推荐 </span></h3><ul><li><p><a href="//m.reader8.net/jiaocheng/20170204/2771721.html">当前web前端流行的图片压缩实用工具</a></p></li>
<li><p><a href="//m.reader8.net/jiaocheng/20140427/2315850.html">惯用小技巧</a></p></li>
<li><p><a href="//m.reader8.net/jiaocheng/20140427/2315849.html">bower相干</a></p></li>
<li><p><a href="//m.reader8.net/jiaocheng/20140426/2314940.html">三列百分之比格局</a></p></li>
<li><p><a href="//m.reader8.net/jiaocheng/20140426/2314939.html">给weblogic指定大小的内存储器</a></p></li>
<li><p><a href="//m.reader8.net/jiaocheng/20140426/2314945.html">jQuery 垂直滑动快讯展示</a></p></li>
<li><p><a href="//m.reader8.net/jiaocheng/20140426/2314938.html">jquery 有关特效demo</a></p></li>
<li><p><a href="//m.reader8.net/jiaocheng/20140426/2314937.html">备忘简略的发布WebService 可能会</a></p></li>
<li><p><a href="//m.reader8.net/jiaocheng/20140425/2313961.html">IE6 lt;Option/gt; selected属性设置有关问</a></p></li>
<li><p><a href="//m.reader8.net/jiaocheng/20140425/2313960.html">浏览器兼容细节拾掇</a></p></li>
</ul></div><div style="display:none;">
<script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "//hm.baidu.com/hm.js?d6151f323a57d16696165e47eee86d53";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script></div>
<div class="footer"><p>触屏版 | <a href="//www.reader8.net/jiaocheng/20120620/1335008.html#fromapp">电脑版</a></p><p>读书人网 m.reader8.net</p></div>
<script language="javascript">
function clickme(sad){
var divobjdiv = document.getElementById("divobjdiv" + sad);
if(divobjdiv.style.display =="none"){
divobjdiv.style.display ="block"; 
}else{
divobjdiv.style.display ="none";
}
var wenzi = document.getElementById('divobjimg' + sad);
if(wenzi.innerText == "收起"){
wenzi.innerText = "查看更多";
}else{
    wenzi.innerText = "收起";
  }
}
</script>
<div id="back-top"><a href="#top"><span></span></a></div>
</body>
</html>