README

将资产库分组到 symfony2 插件中

安装

使用 composer 下载 GTAssetLibBundle

在您的 composer.json 中添加 GTAssetLibBundle

{
    "require": {
        "gerardtoko/assetlib-bundle": "dev-master"
    }
}

现在运行以下命令让 composer 下载插件

$ php composer.phar update gerardtoko/assetlib-bundle

Composer 将将插件安装到您的项目 vendor/gerardtoko/assetlib-bundle 目录。

注册插件

您必须在您的内核中注册插件

    <?php
    
    // app/AppKernel.php    
    public function registerBundles()
    {
        $bundles = array(    
            // ...    
             new GT\AssetLibBundle\GTAssetLibBundle(),
        );    
        // ...
    }

与 Twig 一起使用

Backbone

• Backbone: https://backbone.npmjs.net.cn

    {% javascripts
	'@GTAssetLibBundle/Resources/public/backbone/backbone-min.js'	
	output='assets/compiled/script.js'
	filter='yui_js'
    %}
    <script src="{{ asset_url }}"></script>
    {% endjavascripts %}

jQuery 和 JQuery UI

• jQuery 网站: https://jqueryjs.cn
• jQuery UI 网站: https://jqueryui.jqueryjs.cn

    {% javascripts
	'@GTAssetLibBundle/Resources/public/jquery/jquery.min.js'
	'@GTAssetLibBundle/Resources/public/jquery/jquery.ui.min.js'
	output='assets/compiled/script.js'
	filter='yui_js'
    %}
    <script src="{{ asset_url }}"></script>
    {% endjavascripts %}

Bootstrap Twitter

Bootstrap Twitter 网站: http://twitter.github.com/bootstrap

    {% stylesheets
	'@GTAssetLibBundle/Resources/public/bootstrap/css/bootstrap.min.css' 
	output='assets/compiled/style.css'
	filter='yui_css'
    %}
    <link rel="stylesheet" href="{{ asset_url }}" />
    {% endstylesheets %}

    {% javascripts
	'@GTAssetLibBundle/Resources/public/bootstrap/js/bootstrap.min.js'
	output='assets/compiled/script.js'
	filter='yui_js'
    %}
    <script src="{{ asset_url }}"></script>
    {% endjavascripts %}

Datatables

Datatables 网站: http://www.datatables.net

    {% stylesheets
	'@GTAssetLibBundle/Resources/public/datatables/media/css/demo_page.css'
	'@GTAssetLibBundle/Resources/public/datatables/media/css/demo_table.css'
	'@GTAssetLibBundle/Resources/public/datatables/media/css/demo_table_jui.css'
	'@GTAssetLibBundle/Resources/public/datatables/media/css/jquery.dataTables.css'
	'@GTAssetLibBundle/Resources/public/datatables/media/css/jquery.dataTables_themeroller.css'
     output='assets/compiled/style.css'
     filter='yui_css'
    %}
    <link rel="stylesheet" href="{{ asset_url }}" />
    {% endstylesheets %}

    {% javascripts
	'@GTAssetLibBundle/Resources/public/datatables/media/js/jquery.dataTables.min.js'
     output='assets/compiled/script.js'
     filter='yui_js'
    %}
    <script src="{{ asset_url }}"></script>
    {% endjavascripts %}

Chosen

Chosen 网站: http://harvesthq.github.com/chosen

    {% stylesheets
	'@GTAssetLibBundle/Resources/public/chosen/chosen/chosen.css'
     output='assets/compiled/style.css'
     filter='yui_css'
    %}
    <link rel="stylesheet" href="{{ asset_url }}" />
    {% endstylesheets %}

    {% javascripts
	'@GTAssetLibBundle/Resources/public/chosen/chosen/chosen.jquery.min.js'
     output='assets/compiled/script.js'
     filter='yui_js'
    %}
    <script src="{{ asset_url }}"></script>
    {% endjavascripts %}

Bootstrap Twitter 日期选择器

Bootstrap Twitter 日期选择器网站: http://www.eyecon.ro/bootstrap-datepicker

    {% stylesheets
	'@GTAssetLibBundle/Resources/public/datepicker/css/datepicker.css'
     output='assets/compiled/style.css'
     filter='yui_css'
    %}
    <link rel="stylesheet" href="{{ asset_url }}" />
    {% endstylesheets %}

    {% javascripts
	'@GTAssetLibBundle/Resources/public/datepicker/js/bootstrap-datepicker.js'
     output='assets/compiled/script.js'
     filter='yui_js'
    %}
    <script src="{{ asset_url }}"></script>
    {% endjavascripts %}

Ckeditor

Bootstrap Twitter 日期选择器网站: https://ckeditor.npmjs.net.cn

    {% javascripts
	'@GTAssetLibBundle/Resources/public/ckeditor/ckeditor.js'
	'@GTAssetLibBundle/Resources/public/ckeditor/adapters/jquery.js'
     output='assets/compiled/script.js'
     filter='yui_js'
    %}
    <script src="{{ asset_url }}"></script>
    {% endjavascripts %}

JQuery Cookie

Dynatree 网站: https://github.com/carhartl/jquery-cookie

    {% javascripts
	'@GTAssetLibBundle/Resources/public/jquery-cookie/jquery.cookie.js'
     output='assets/compiled/script.js'
     filter='yui_js'
    %}
    <script src="{{ asset_url }}"></script>
    {% endjavascripts %}

Dynatree

Dynatree 网站: http://code.google.com/p/dynatree

    {% stylesheets
	'@GTAssetLibBundle/Resources/public/dynatree/src/skin/ui.dynatree.css'
     output='assets/compiled/style.css'
     filter='yui_css'
    %}
    <link rel="stylesheet" href="{{ asset_url }}" />
    {% endstylesheets %}

    {% javascripts
	'@GTAssetLibBundle/Resources/public/dynatree/src/jquery.dynatree.js'
     output='assets/compiled/script.js'
     filter='yui_js'
    %}
    <script src="{{ asset_url }}"></script>
    {% endjavascripts %}

导入播放器

导入播放器: https://github.com/gerardtoko/importplayer

    {% stylesheets
	'@GTAssetLibBundle/Resources/public/dynatree/src/skin/ui.dynatree.css'
     output='assets/compiled/style.css'
     filter='yui_css'
    %}
    <link rel="stylesheet" href="{{ asset_url }}" />
    {% endstylesheets %}

    {% javascripts
	'@GTAssetLibBundle/Resources/public/dynatree/src/jquery.dynatree.js'
     output='assets/compiled/script.js'
     filter='yui_js'
    %}
    <script src="{{ asset_url }}"></script>
    {% endjavascripts %}

所有库

• Backbone
• jQuery
• jQuery UI
• Bootstrap Twitter
• Bootstrap Twitter 日期选择器
• Datatables
• Chosen
• Ckeditor
• JQuery Cookie
• Dynatree
• 导入播放器
• JQuery-tokeninput
• Loader
• Swfobject
• Uploadify
• Tinymce
• Tapmodo-Jcrop