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>
    

      

  • 相关阅读:
    雨中梦游
    最后一次为你哭
    poj3169 Layout
    poj2253 Frogger
    钟爱一生
    POJ2668解题报告
    魅力泸西
    android学习笔记09(activity的生命周期)
    poj 3468 A Simple Problem with Integers
    android学习笔记之多线程(二)
  • 原文地址:https://www.cnblogs.com/achengmu/p/5883282.html
Copyright © 2011-2022 走看看