zoukankan      html  css  js  c++  java
  • phalcon: 资源文件管 理 引入css,js

    <?php
    
    class IndexController extends PhalconMvcController
    {
        public function index()
        {
    
            //添加本地css资源
            $this->assets
                ->addCss('css/style.css')
                ->addCss('css/index.css');
    
            //添加本地js资源
            $this->assets
                ->addJs('js/jquery.js')
                ->addJs('js/bootstrap.min.js');
    
        }
    }
    

      

    phtml:

    <html>
    
        
    <head>
    
            
    <title>
    Some amazing website
    </title>
    
            <?php $this->assets->outputCss() ?>
        
    </head>
    
        
    <body>
    
    
            <!-- ... -->
    
            <?php $this->assets->outputJs() ?>
        
    </body>
    
    <html>
    

      

    方法二:远程文件

    <?php
    
    public function indexAction()
    {
    
        //添加远程及本地资源
        $this->assets
            ->addCss('//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-combined.min.css', true )
            ->addCss('css/style.css', false );
    }
    

      

    phtml:

    同上

    方法三:

    <?php
    
    //html头部的js资源
    $this->assets
        ->collection('header')
        ->addJs('js/jquery.js')
        ->addJs('js/bootstrap.min.js');
    
    //html尾部的js资源
    $this->assets
        ->collection('footer')
        ->addJs('js/jquery.js')
        ->addJs('js/bootstrap.min.js');
    

      

    phtml:

    <html>
    
        
    <head>
    
            
    <title>
    Some amazing website
    </title>
    
            <?php $this->assets->outputJs('header') ?>
        
    </head>
    
        
    <body>
    
    
            <!-- ... -->
    
            <?php $this->assets->outputJs('footer') ?>
        
    </body>
    
    <html>
    

      

  • 相关阅读:
    函数
    拉取代码到本地
    逻辑位运算符 以及 布尔运算符&&、||
    JS中substr与substring的区别
    ? :和!:的用法含义及es6语法...
    JS中attribute和property的区别
    并发、并行的理解
    斑鸠云商小程序记住账号和密码
    js中的foreach用法
    指针与数组
  • 原文地址:https://www.cnblogs.com/achengmu/p/5883282.html
Copyright © 2011-2022 走看看