Aurelia - Configuration أوريليا - إعدادات التكوين
Aurelia - Configuration أوريليا - and التكوين
في هذا الفصل ، سنوضح لك كيفية تكوين إطار عمل Aurelia لاحتياجاتك. ستحتاج في بعض الأحيان إلى تعيين تكوين أولي أو تشغيل بعض التعليمات البرمجية قبل تقديم التطبيق للمستخدمين.
الخطوة 1 - إنشاء main.js
لنقم بإنشاء ملف main.js داخل مجلد src . داخل هذا الملف سنقوم بتكوين Aurelia.
تحتاج أيضًا إلى إخبار Aurelia بتحميل وحدة التكوين. يمكنك رؤية الجزء المعلق عليه في المثال التالي.
index.html
<!DOCTYPE html> <html> <head> <title>Aurelia</title> <link rel = "stylesheet" href = "styles/styles.css"> <meta name = "viewport" content = "width=device-width, initial-scale = 1"> </head> <body aurelia-app = "main"> <!--Add "main" value to "aurelia-app" attribute... --> <script src = "jspm_packages/system.js"></script> <script src = "config.js"></script> <script> SystemJS.import('aurelia-bootstrapper'); </script> </body> </html>
الخطوة 2 - التكوين الافتراضي
يوضح الكود أدناه كيفية استخدام التكوين الافتراضي. تسمح وظيفة التكوين بضبط التكوين يدويًا. نحن نضع خاصية الاستخدام لتحديد ما نحتاجه.
main.js
export function configure(aurelia) { aurelia.use .standardConfiguration() .developmentLogging(); aurelia.start().then(() => aurelia.setRoot()); }
الخطوة 3 - التكوين المتقدم
هناك الكثير من خيارات التكوين التي يمكننا استخدامها. من خارج نطاق هذه المقالة أن نوضح لك كل ذلك ، لذا سنشرح كيفية عمل التكوين في المثال التالي. ونحن نقول في الأساس أوريليا لاستخدام البيانات الافتراضية لغة ملزمة، والموارد الافتراضية، وقطع الأشجار التنمية، جهاز التوجيه، والتاريخ و مجمع الحدث . هذه مجموعة قياسية من المكونات الإضافية.
export function configure(aurelia) { aurelia.use .defaultBindingLanguage() .defaultResources() .developmentLogging() .router() .history() .eventAggregator(); aurelia.start().then(() => aurelia.setRoot()); }
ملاحظة - سيتم شرح هذه الإعدادات بالتفصيل في الفصل التالي.
التسميات: Aurelia framework تقنية أوريليا
<< الصفحة الرئيسية