الفرق بين المراجعتين ل"Twig/internals"

من موسوعة حسوب
اذهب إلى التنقل اذهب إلى البحث
(1.0: إضافة عنوان الصفحة.)
 
(إدخال 2.0 تمام المحتوى وانظر أيضًا والتصانيف والمصادر.)
سطر 1: سطر 1:
 
<noinclude>{{DISPLAYTITLE:المكونات الداخلية لمحرك القوالب Twig}}</noinclude>
 
<noinclude>{{DISPLAYTITLE:المكونات الداخلية لمحرك القوالب Twig}}</noinclude>
 +
يت{{DISPLAYTITLE:المكونات الداخلية لمحرك القوالب Twig}}ميز محرك القوالب Twig بأنه قابل للتوسيع ويمكن تطويره وتحسينه، لكن انتبه إلى وجوب إنشاء [[Twig/advanced|توسيع (extension)]] أولًا قبل التعديل على القلب (core)، ذلك أن التوسيعات يمكنها التعديل على أغلب المزايا والخصائص الموجودة. كذلك فإن هذه الصفحة مفيدة لمن يرغب في معرفة كيف يعمل Twig في الحقيقة.
 +
 +
== كيفية عمل Twig ==
 +
يمكن تلخيص عملية تصيير القالب (template rendering) في Twig في أربع خطوات أساسية:
 +
 +
حمِّل القالب: إذا كان القالب مصرَّفًا (compiled) فحمِّله وانتقل إلى خطوة التقييم (Evaluation)، وإلا فقم بما يلي:
 +
 +
* أولًا، يقطِّع المعجم (lexer) شيفرة القالب المصدرية إلى وحدات صغيرة (tokens) من أجل تسهيل المعالجة.
 +
* ثم يحول المحلل (parser) مجرى تلك الوحدات إلى شجرة عقد مفيدة، وهي شجرة البنية اللغوية المجردة (Abstract syntax tree).
 +
* وأخيرًا، يحول المصرِّف تلك الشجرة إلى شيفرة PHP.
 +
 +
والآن، قيِّم القالب، بمعنى أن تستدعي التابع <code>display()‎</code> من القالب المصرَّف وتمرر السياق إليه. 
 +
 +
== المعجم (The Lexer) ==
 +
يقطِّع المعجم شيفرة القالب المصدرية إلى مجرى الوحدات -كل وحدة هي نسخة من ‎<code>\Twig\Token</code>، والمجرى نفسه نسخة من ‎<code>\Twig\TokenStream</code>، والمعجم الافتراضي يتعرف على 13 نوع مختلف من أنواع الوحدات:
 +
 +
* ‎<code>\Twig\Token::BLOCK_START_TYPE</code> و ‎<code>\Twig\Token::BLOCK_END_TYPE</code>: محدِّد (Delimiter) لكتل الشيفرات (<code>{% %}</code>).
 +
* ‎<code>\Twig\Token::VAR_START_TYPE</code> و  ‎<code>\Twig\Token::VAR_END_TYPE</code>: محدِّد للمتغيرات (<code><nowiki>{{ }}</nowiki></code>).
 +
* ‎<code>\Twig\Token::TEXT_TYPE</code>: نص خارج تعبير ما.
 +
* ‎<code>\Twig\Token::NAME_TYPE</code>: اسم داخل التعبير.
 +
* ‎<code>\Twig\Token::NUMBER_TYPE</code>: عدد داخل التعبير.
 +
* ‎<code>\Twig\Token::STRING_TYPE</code>: سلسلة نصية داخل التعبير.
 +
* ‎<code>\Twig\Token::OPERATOR_TYPE</code>: عامل (Operator).
 +
* ‎<code>\Twig\Token::PUNCTUATION_TYPE</code>:  علامة ترقيم.
 +
* ‎<code>\Twig\Token::INTERPOLATION_START_TYPE</code> و ‎<code>\Twig\Token::INTERPOLATION_END_TYPE</code>: محدّدات لإقحام النصوص (string interpolation).
 +
* ‎<code>\Twig\Token::EOF_TYPE</code>: نهاية القالب.
 +
 +
تستطيع تحويل الشيفرة المصدرية يدويًا إلى مجرى وحدات من خلال استدعاء التابع <code>tokenize()‎</code> الخاص بالبيئة:<syntaxhighlight lang="twig">
 +
$stream = $twig->tokenize(new \Twig\Source($source, $identifier));
 +
</syntaxhighlight>وبما أن المجرى به التابع  ‎<code>__toString()‎</code> فتستطيع الحصول على تمثيل نصي له بترديد الكائن باستخدام أمر <code>echo</code>: <syntaxhighlight lang="twig">
 +
echo $stream."\n";
 +
</syntaxhighlight>ويكون خرج قالب  <code>Hello <nowiki>{{ name }}</nowiki></code>:<syntaxhighlight lang="twig">
 +
TEXT_TYPE(Hello )
 +
VAR_START_TYPE()
 +
NAME_TYPE(name)
 +
VAR_END_TYPE()
 +
EOF_TYPE()
 +
</syntaxhighlight>لاحظ أن المعجم الافتراضي ‎<code>\Twig\Lexer</code> يمكن تغييره باستدعاء التابع <code>setLexer()‎</code>:<syntaxhighlight lang="twig">
 +
$twig->setLexer($lexer);
 +
</syntaxhighlight>
 +
 +
== المحلل (Parser) ==
 +
يحوِّل المحلل مجرى الوحدات إلى شجرة بُنى مجردة كما ذكرنا أعلاه، أو شجرة من العقد تكون نسخة من <code>\Twig\Node\ModuleNode</code>، ويعرِّف توسيع <code>core</code> العقد الأساسية مثل <code>for</code> و <code>if</code> وغيرهما، إضافة إلى عقد التعبير.
 +
 +
تستطيع تحويل مجرى الوحدات يدويًا إلى شجرة عقد باستدعاء التابع <code>parse()</code> الخاص بالبيئة:<syntaxhighlight lang="twig">
 +
$nodes = $twig->parse($stream);
 +
</syntaxhighlight>إذا استخدمت أمر echo على كائن العقدة فسيعطيك تمثيلًا جميلًا للشجرة:<syntaxhighlight lang="twig">
 +
echo $nodes."\n";
 +
</syntaxhighlight>انظر خرج القالب  <code>Hello <nowiki>{{ name }}</nowiki></code>:<syntaxhighlight lang="twig">
 +
\Twig\Node\ModuleNode(
 +
  \Twig\Node\TextNode(Hello )
 +
  \Twig\Node\PrintNode(
 +
    \Twig\Node\Expression\NameExpression(name)
 +
  )
 +
)
 +
</syntaxhighlight>لاحظ أن المحلل الافتراضي ‎<code>\Twig\TokenParser\AbstractTokenParser</code> يمكن تغييره باستدعاء التابع <code>setParser()‎</code>:<syntaxhighlight lang="twig">
 +
$twig->setParser($parser);
 +
</syntaxhighlight>
 +
 +
== المصرِّف ==
 +
تتم آخر خطوة باستخدام المصرِّف، إذ يأخذ شجرة العقد كمدخَل ويولد شيفرة PHP قابلة للاستخدام لتنفيذ وقت التشغيل (runtime execution) الخاص بالقالب. تستطيع تصريف شجرة عقد يدويًا إلى شيفرة PHP باستخدام التابع <code>compile()‎</code> الخاص بالبيئة:<syntaxhighlight lang="twig">
 +
$php = $twig->compile($nodes);
 +
</syntaxhighlight>ويكون القالب المولَّد لقالب  <code>Hello <nowiki>{{ name }}</nowiki></code> كما يلي أدناه، وقد يختلف الخرج الحقيقي وفقًا لنسخة Twig التي تستخدمها:<syntaxhighlight lang="twig">
 +
1
 +
2
 +
3
 +
4
 +
5
 +
6
 +
7
 +
8
 +
9
 +
10
 +
11
 +
12
 +
/* Hello {{ name }} */
 +
class __TwigTemplate_1121b6f109fe93ebe8c6e22e3712bceb extends Template
 +
{
 +
    protected function doDisplay(array $context, array $blocks = [])
 +
    {
 +
        // سطر 1
 +
        echo "Hello ";
 +
        echo twig_escape_filter($this->env, (isset($context["name"]) ? $context["name"] : null), "html", null, true);
 +
    }
 +
 +
    // شيفرة إضافية هنا
 +
}
 +
</syntaxhighlight>لاحظ أن المصرِّف الافتراضي ‎<code>\Twig\Compiler</code> يمكن تغييره من خلال استدعاء التابع <code>setCompiler()‎</code>:<syntaxhighlight lang="twig">
 +
$twig->setCompiler($compiler);
 +
</syntaxhighlight>
 +
 +
== انظر أيضًا ==
 +
 +
* [[Twig/advanced|توسيع Twig]].
 +
* [[Twig/intro|مقدمة عن محرك القوالب Twig]].
 +
 +
== المصادر ==
 +
 +
* [https://twig.symfony.com/doc/3.x/internals.html صفحة المكونات الداخلية لمحرك القوالب Twig من توثيق Twig الرسمي].
 +
 +
[[تصنيف:Twig]]
 +
[[تصنيف:Twig L]]
 +
[[تصنيف:Twig Parser]]
 +
[[تصنيف:PHP]]
 +
[[تصنيف:tokenization]]

مراجعة 20:29، 21 أبريل 2021

يتميز محرك القوالب Twig بأنه قابل للتوسيع ويمكن تطويره وتحسينه، لكن انتبه إلى وجوب إنشاء توسيع (extension) أولًا قبل التعديل على القلب (core)، ذلك أن التوسيعات يمكنها التعديل على أغلب المزايا والخصائص الموجودة. كذلك فإن هذه الصفحة مفيدة لمن يرغب في معرفة كيف يعمل Twig في الحقيقة.

كيفية عمل Twig

يمكن تلخيص عملية تصيير القالب (template rendering) في Twig في أربع خطوات أساسية:

حمِّل القالب: إذا كان القالب مصرَّفًا (compiled) فحمِّله وانتقل إلى خطوة التقييم (Evaluation)، وإلا فقم بما يلي:

  • أولًا، يقطِّع المعجم (lexer) شيفرة القالب المصدرية إلى وحدات صغيرة (tokens) من أجل تسهيل المعالجة.
  • ثم يحول المحلل (parser) مجرى تلك الوحدات إلى شجرة عقد مفيدة، وهي شجرة البنية اللغوية المجردة (Abstract syntax tree).
  • وأخيرًا، يحول المصرِّف تلك الشجرة إلى شيفرة PHP.

والآن، قيِّم القالب، بمعنى أن تستدعي التابع display()‎ من القالب المصرَّف وتمرر السياق إليه.

المعجم (The Lexer)

يقطِّع المعجم شيفرة القالب المصدرية إلى مجرى الوحدات -كل وحدة هي نسخة من ‎\Twig\Token، والمجرى نفسه نسخة من ‎\Twig\TokenStream، والمعجم الافتراضي يتعرف على 13 نوع مختلف من أنواع الوحدات:

  • \Twig\Token::BLOCK_START_TYPE و ‎\Twig\Token::BLOCK_END_TYPE: محدِّد (Delimiter) لكتل الشيفرات ({% %}).
  • \Twig\Token::VAR_START_TYPE و ‎\Twig\Token::VAR_END_TYPE: محدِّد للمتغيرات ({{ }}).
  • \Twig\Token::TEXT_TYPE: نص خارج تعبير ما.
  • \Twig\Token::NAME_TYPE: اسم داخل التعبير.
  • \Twig\Token::NUMBER_TYPE: عدد داخل التعبير.
  • \Twig\Token::STRING_TYPE: سلسلة نصية داخل التعبير.
  • \Twig\Token::OPERATOR_TYPE: عامل (Operator).
  • \Twig\Token::PUNCTUATION_TYPE: علامة ترقيم.
  • \Twig\Token::INTERPOLATION_START_TYPE و ‎\Twig\Token::INTERPOLATION_END_TYPE: محدّدات لإقحام النصوص (string interpolation).
  • \Twig\Token::EOF_TYPE: نهاية القالب.

تستطيع تحويل الشيفرة المصدرية يدويًا إلى مجرى وحدات من خلال استدعاء التابع tokenize()‎ الخاص بالبيئة:

$stream = $twig->tokenize(new \Twig\Source($source, $identifier));

وبما أن المجرى به التابع ‎__toString()‎ فتستطيع الحصول على تمثيل نصي له بترديد الكائن باستخدام أمر echo:

echo $stream."\n";

ويكون خرج قالب Hello {{ name }}:

TEXT_TYPE(Hello )
VAR_START_TYPE()
NAME_TYPE(name)
VAR_END_TYPE()
EOF_TYPE()

لاحظ أن المعجم الافتراضي ‎\Twig\Lexer يمكن تغييره باستدعاء التابع setLexer()‎:

$twig->setLexer($lexer);

المحلل (Parser)

يحوِّل المحلل مجرى الوحدات إلى شجرة بُنى مجردة كما ذكرنا أعلاه، أو شجرة من العقد تكون نسخة من \Twig\Node\ModuleNode، ويعرِّف توسيع core العقد الأساسية مثل for و if وغيرهما، إضافة إلى عقد التعبير.

تستطيع تحويل مجرى الوحدات يدويًا إلى شجرة عقد باستدعاء التابع parse() الخاص بالبيئة:

$nodes = $twig->parse($stream);

إذا استخدمت أمر echo على كائن العقدة فسيعطيك تمثيلًا جميلًا للشجرة:

echo $nodes."\n";

انظر خرج القالب Hello {{ name }}:

\Twig\Node\ModuleNode(
  \Twig\Node\TextNode(Hello )
  \Twig\Node\PrintNode(
    \Twig\Node\Expression\NameExpression(name)
  )
)

لاحظ أن المحلل الافتراضي ‎\Twig\TokenParser\AbstractTokenParser يمكن تغييره باستدعاء التابع setParser()‎:

$twig->setParser($parser);

المصرِّف

تتم آخر خطوة باستخدام المصرِّف، إذ يأخذ شجرة العقد كمدخَل ويولد شيفرة PHP قابلة للاستخدام لتنفيذ وقت التشغيل (runtime execution) الخاص بالقالب. تستطيع تصريف شجرة عقد يدويًا إلى شيفرة PHP باستخدام التابع compile()‎ الخاص بالبيئة:

$php = $twig->compile($nodes);

ويكون القالب المولَّد لقالب Hello {{ name }} كما يلي أدناه، وقد يختلف الخرج الحقيقي وفقًا لنسخة Twig التي تستخدمها:

1
2
3
4
5
6
7
8
9
10
11
12
/* Hello {{ name }} */
class __TwigTemplate_1121b6f109fe93ebe8c6e22e3712bceb extends Template
{
    protected function doDisplay(array $context, array $blocks = [])
    {
        // سطر 1
        echo "Hello ";
        echo twig_escape_filter($this->env, (isset($context["name"]) ? $context["name"] : null), "html", null, true);
    }

    // شيفرة إضافية هنا
}

لاحظ أن المصرِّف الافتراضي ‎\Twig\Compiler يمكن تغييره من خلال استدعاء التابع setCompiler()‎:

$twig->setCompiler($compiler);

انظر أيضًا

المصادر