มัด 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
เนื่องจากชุดรวมมีคอนโทรลเลอร์ของตัวเองเพื่อให้บริการ Micro-Loader, Manifest และ Application Cache Manifest คุณจึงต้องกำหนดค่าการกำหนดเส้นทางของคุณเพื่อรวมเส้นทางมัดที่คำนำหน้า แก้ไข app/config/routing.yml :
# ...
ext_app:
resource: "@TQExtJSApplicationBundle/Resources/config/routing.yml"
prefix:/
# ...
ได้รับโครงสร้างไดเรกทอรีต่อไปนี้ของแอปพลิเคชัน Symfony ที่สมมติขึ้น
./
|-- 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
การใช้ส่วนขยายของ Twig ที่จัดทำโดย Bundle คุณสามารถรวมทรัพยากรแอปพลิเคชัน 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 >ใบอนุญาต MIT (MIT)
ลิขสิทธิ์ (c) 2015 Teqneers GmbH & Co. KG
ได้รับอนุญาตโดยไม่ต้องเสียค่าใช้จ่ายสำหรับบุคคลใด ๆ ที่ได้รับสำเนาซอฟต์แวร์นี้และไฟล์เอกสารที่เกี่ยวข้อง ("ซอฟต์แวร์") เพื่อจัดการในซอฟต์แวร์โดยไม่มีการ จำกัด รวมถึง แต่ไม่ จำกัด เฉพาะสิทธิ์ในการใช้สำเนาดัดแปลงผสานเผยแพร่เผยแพร่
ประกาศลิขสิทธิ์ข้างต้นและประกาศการอนุญาตนี้จะรวมอยู่ในสำเนาทั้งหมดหรือส่วนสำคัญของซอฟต์แวร์
ซอฟต์แวร์มีให้ "ตามสภาพ" โดยไม่มีการรับประกันใด ๆ ไม่ว่าโดยชัดแจ้งหรือโดยนัยรวมถึง แต่ไม่ จำกัด เฉพาะการรับประกันความสามารถในการค้าการออกกำลังกายสำหรับวัตถุประสงค์เฉพาะและการไม่เข้าร่วม ไม่ว่าในกรณีใดผู้เขียนหรือผู้ถือลิขสิทธิ์จะต้องรับผิดชอบต่อการเรียกร้องความเสียหายหรือความรับผิดอื่น ๆ ไม่ว่าจะเป็นการกระทำของสัญญาการละเมิดหรืออื่น ๆ ที่เกิดขึ้นจากหรือเกี่ยวข้องกับซอฟต์แวร์หรือการใช้งานหรือการติดต่ออื่น ๆ ในซอฟต์แวร์