您的位置：首页 > Web前端 > CSS

phalcon: 资源文件管理引入css，js

2016-09-18 22:19 1316 查看

<?php

class IndexController extends Phalcon\Mvc\Controller
{
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>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航

phalcon: 资源文件管 理 引入css，js

phalcon: 资源文件管理引入css，js