Erlo

yii2之前端资源引入

时间:2019-03-15 19:02   阅读:11次   来源:博客园页面报错

点赞 打赏

×打赏

支付宝

微信

 PS:因新项目后端使用yii2框架,不在使用纯html模板的方式搭建页面(前后端不分离模式)使用yii2的内置boostart封装模板,遂研究了一番yii2

  通过yii2官方下载的基础文件结构

    

      其中frontend 为放置前端文件的文件夹,

      /frontend/views是放置前端页面(即单页面模块的文件夹)

      /frontend/web是放置前端资源的文件夹

      /frontend/web/assets 是放置前端js资源的文件夹

      /frontend/web/css 是放置前端css资源的文件夹

      layout为存放的公共布局(例如我这文件是/frontend/views/layouts/main.php)基本这块是放置公共头尾部分所有页面都会引入至main.php 再输出至对应的路由显示页面内容

 

  1.在yii2中如何引入css文件至头部

    1).引入全局css:例如base.css

        首先我们找到frontend/assets/AppAsset.php  该文件用于配置主前端应用程序资产包

        在里面我们可以清晰看到如下代码

        

        其中 : 

           piblic $basePath  指定包含资源包中资源文件并可Web访问的目录 例如:@webroot 指向的就是 文件名为web的根目录

           public $baseUrl   指定对应到 basePath 目录的 URL  @web 文件名为web的目录

           public $css 列出此包中包含的 CSS 文件的数组。 请注意,只应使用正斜杠“/”作为目录分隔符。每个文件都可以单独指定为字符串, 也可以与属性标记及其值一起指定在数组中  是我们需要配置的公共css文件 由图上可以看出是数组格式  路径为css/xxx.css  在执行时文件会自动匹配到frontend/web/css文件下的指定css文件

           public $depends 一个列出该资源包依赖的 其他资源包

 

 

      2).引入单页面css

        1.需要从页面指定到head标签呢

          <?php $this->registerCssFile('site2.css');?>    在需要将css指定到head内的页面写入还函数  即可将文件引入head中,该文件指向的的文件路径默认为

      

      

下一篇:SQL分页过多时, 如何优化

评论留言

还没有评论留言,赶紧来抢楼吧~~

Erlo大厅()

* 这里是“吐槽厅”,所有人可看,只保留当天信息。

  • Erlo.vip2019-03-19 12:41:33Hello、欢迎使用吐槽厅,这里是个吐槽的地方。
  • 首页 笔记分享 案例展示 ERLO 搜索
    鼠标试试
    返回顶部