齐博x1第三季《模板风格的制作》系列003-Default下index中的模板分析
669
8

本节说明在目录default目录下index主页目录中的模板分析



刚安装完以后,对应的/template/index_style/default/index/ 目录下就会出现这些模板目录,当然这里的图不是完整的

这里只做举例,不会一一对应说明,因为模版目录太多,很多也不会去做主要修改。

这里需要了解下关键的几个文件 layout.htm,pc_layout.htm,,index.htm,pc_index.htm

layout 是布局模板,也就是根据thinkphp的模板语法,把一个页面拆分成若干块{block}

index就是layout中的一部分块,因为是首页所以index.htm直接放在这个首页目录

其实整个首页都可以在layout里完成,index留空也是可以的。

那带pc和不带pc的两种模板是什么区别呢,可以理解为手机版,和pc版两个页面

其实本身完整的一个页面对应三个版本index,pc_index,wap_index,但是因为可忽略,所以一般只做两个版本就够用了

我们看一张图:


也就是说,index就是主模板,在没有pc和wap的两种规格的模板下,一律显示index模板

在有pc_index的情况下pc访问就是pc_index模板,有wap_index的情况下手机访问显示wap_index模板

在没有找到对应规格的模板下,就显示index的模板

所以在这种逻辑下,我们一般只要做两种版本即可,不需要三种全部做

pc_index代表pc模板,wap不需要做,因为直接做到index模板中,手机访问的时候就是index内容了

反之亦然。


下一节齐博x1第三季《模板风格的制作》系列004-风格样式资源目录public/static


7
赏礼
赏钱
收藏
点击回复
      全部留言
  • 8
  • A卐广发汽贸卐 普通粉丝 消费:316.94元 2020-08-12 14:17 14:176楼
    小白看了,也明白了很多
0 赏钱 赏礼回复
  • kvb753 普通粉丝 消费:770.1元 2020-08-12 12:18 12:186楼
    通俗易懂,一目了然
    kvb753 消费:770.1元 2020-08-12 12:24
    对了,在谷歌浏览器按F12在不同分辨率再刷新显示是哪个模板
    阿赖耶识 消费:24.43元 小米 2020-08-12 13:03
    你说的那个根据分辨率显示的是响应式,css定义的,去搜响应式布局的相关css知识看看
    kvb753 消费:770.1元 2020-08-12 13:19
    不是,我是说一刷新变成默认模板的页面吗
    阿赖耶识 消费:24.43元 小米 2020-08-12 13:42
    不太明白你的意思,风格样式切换吗
0 赏钱 赏礼回复
  • 石头 风格开发者 消费:21923.34元 2020-08-12 11:13 11:136楼
    图文结合,一目了然
0 赏钱 赏礼回复
  • 谷歌歌 普通粉丝 消费:904.42元 2020-08-12 10:54 10:546楼
    神盾出品 必属精品
0 赏钱 赏礼回复
更多回复
恢复多功能编辑器
  • 3 1
  • 神盾SOHO
        圈内贴子3394
    • 圈子成员260
    本圈子内的新贴

    推荐内容
    扫一扫访问手机版
    请选择要切换的马甲:

     
    网页即时交流
    QQ咨询
    咨询热线
    020-28998648