ext application bundle下載 - ext application bundle源代碼下載

ext application bundle

其他類別

1.0.0

下載

Ext-Application-Bundle

Symfony捆綁包將Sencha Ext JS集成到Symfony應用程序中

安裝

您可以使用作曲家安裝此捆綁包

 composer require teqneers/ext-application-bundle

或將軟件包直接添加到您的Composer.json文件中。

安裝軟件包後，您只需要將捆綁包添加到appkernel.php文件中：

 // in AppKernel::registerBundles()
$ bundles = array (
    // ...
    new TQ  Bundle  ExtJSApplicationBundle  TQExtJSApplicationBundle (),
    // ...
);

配置

Ext-Application-Bundle需要一些初始配置，以便可以找到正確的文件。

 # Default configuration for extension with alias: "tq_ext_js_application"
tq_ext_js_application:
    app_path:             ~ # Required
    builds:               # Required
        # Prototype
        name:
            development:          # Required
                build_path:           ~ # Required
                microloader:          /bootstrap.js
                manifest:             /bootstrap.json
                app_cache:            null
            production:           # Required
                build_path:           ~ # Required
                microloader:          microloader.js
                manifest:             app.json
                app_cache:            cache.appcache

由於該捆綁包提供了自己的控制器來服務微型加載器，清單和應用程序緩存清單，因此您還需要配置路由以在給定的前綴處包括捆綁包路由。編輯您的app/config/routing.yml ：

 # ...
ext_app:
    resource: "@TQExtJSApplicationBundle/Resources/config/routing.yml"
    prefix:/
# ...

例子

給定虛擬符號應用的以下目錄結構

 ./
|-- app/            Application configuration and assets
|-- src/            Application source code
|-- web/            Public web-facing directory (document root)
|   |-- app.php     Symfony production front controller
|   |-- app_dev.php Symfony development front controller
|   |-- app/        Root folder for Ext JS application production build
|-- ExampleApp/     The Ext JS application source folder

您的配置可能看起來像這樣

 tq_ext_js_application:
    app_path: '%kernel.project_dir%/ExampleApp'
    builds:
        default:
            development:
                build_path:  build/development/ExampleApp
                microloader: /bootstrap.js
                manifest:    /bootstrap.json
                app_cache:   ~
            production:
                build_path:  build/production/ExampleApp
                microloader: microloader.js
                manifest:    app.json
                app_cache:   cache.appcache

用法

使用捆綁包提供的樹枝擴展名，您可以輕鬆地將Ext JS應用程序資源集成到您的應用程序模板中。

<!DOCTYPE HTML>
< html manifest = " {{ extjsAppCachePath() }} " lang = " en " >
< head >
    < meta http-equiv = " X-UA-Compatible " content = " IE=edge " >
    < meta charset = " UTF-8 " >
    < meta http-equiv = " content-type " content = " text/html; charset=UTF-8 " />
    < meta name = " viewport " content = " width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no " >
    < title >Welcome!</ title >

    < script type = " text/javascript " >
        var Ext = Ext || {};
        Ext . manifest = ' {{ extjsManifestPath()|e( ' js ' ) }} ' ;
    </ script >
    < script id = " microloader " data-app = " {{ extjsApplicationId() }} " type = " text/javascript " src = " {{ extjsBootstrapPath() }} " ></ script >
</ head >
< body >
</ body >
</ html >