لقد قمت بالتطوير الخلفي ، خاصةً عندما استخدمت Django أو Express ، يجب أن أكون على دراية بوظائف التوجيه على جانب الخادم. يعد WordPress ، وهو نظام مدونة شهير في البلدان الأجنبية ، أيضًا حالة تنفيذ كلاسيكية للغاية. ما هو بالضبط الطريق؟ دعنا نتحدث بإيجاز عن ذلك من خلال WordPress.
يدرك أولئك الذين يفهمون قواعد إعادة كتابة WordPress أنه في الواقع ، يعتمد أي وصول عن عنوان URL على index.php في دليل تثبيت WordPress (باستثناء الوصول إلى الملفات الموجودة بالفعل على الخادم). سيكون من الواضح عندما يكون رابط WordPress الثابت في إعداد الوضع. على سبيل المثال ، عنوان URL للمقال هو index.php؟ p = id ، وعنوان URL لصفحة التصنيف هو index.php؟ cat = id.
هنا ، يعمل index.php كدالة لجهاز التوجيه ، يرجى الاطلاع على الصورة التالية:
بمعنى آخر ، بغض النظر عن العنوان الذي تزوره ، سيتم إعادة توجيه جميع الطلبات في النهاية إلى index.php. سيحدد البرنامج نوع الصفحة التي تحتاجها بناءً على خصائص عنوان URL للوصول ، ثم إجراء استعلام إلى قاعدة البيانات ، وأخيراً إرجاع محتوى HTML إلى المتصفح.
ما ذكرناه أعلاه هو توجيه الواجهة الخلفية على شبكة الإنترنت ، فما هو التوجيه الأمامي؟ في الواقع ، تُستخدم تقنية التوجيه الأمامية على نطاق واسع الآن ، والعديد من دعم مكتبة JS مفتوح المصدر تدعم التوجيه الأمامي ، مثل AngularJS ، Ember.js ، Direction.js ، إلخ. مبدأ التوجيه الأمامي هو نفسه التوجيه الخلفي. يسمح لجميع التفاعلات ويعرضها على صفحة واحدة للتشغيل لتقليل طلبات الخادم وتحسين تجربة العملاء. تستخدم المزيد والمزيد من مواقع الويب ، وخاصة تطبيقات الويب ، التوجيه الأمامي.
Director.js هو أنقى المسار تسجيل/محلل. يستخدم رمز "#" لتنظيم مسارات URL مختلفة دون تحديث الصفحة ومطابقة طرق رد الاتصال المختلفة وفقًا لمسارات URL المختلفة. لا يمكن تطبيق Director.js على العميل فحسب ، بل أيضًا في الخلفية باستخدام Node.js ، بل يمكنه أيضًا تنفيذ وظيفة توجيه الواجهة الخلفية المذكورة أعلاه. دعونا نلقي نظرة على الأمثلة التالية حول تطبيق التوجيه الأمامي
تحتاج إلى تصميم تطبيق سطح مكتب الويب يشبه الويب QQ. هناك العديد من الرموز الصغيرة على سطح المكتب ، وكل رمز صغير هو تطبيق وظيفي ، على غرار سطح مكتب الكمبيوتر. يوجد زر أخبار Baidu على سطح المكتب. انقر فوقها لإطفاء نافذة على الصفحة الحالية. يمكنك عرض Baidu News ورمز آخر. انقر فوقه لعرض الوقت الحالي. هنا مثال بسيط:
<! doctype html> <html lang = "en"> <head> <meta charset = "utf-8"> <script src = "https://rawgit.com/flatiron/director/master/build/director.min.js"> </script> {العرض: 100 ٪ ؛ الارتفاع: 100 ٪ ؛ الخلفية: #3d72b8} #baidunews {width: 40px ؛ الارتفاع: 40px ؛ الخلفية: url (". لا تكرار ؛ عرض: block ؛ الهامش: 50px ؛} </style> </head> <body> <a href = "#/baidunews" id = "baidunews"> </a> <a href = "#/time" id = "tweibo"> </a> "/baidunews": [showframe ، getBaidUnews]} // تهيئة Route var Router = Router (Route) Router.init () ؛ // تحديد وظيفة رد الاتصال التي تعرض وظيفة الوقت الحالية nowtime () {var now = new Date () ؛ var y = now.getlyear () ؛ var m = now.getMonth ()+1 ؛ var d = now.getDate () ؛ var h = now.gethours () ؛ var mi = now.getMinutes () ؛ var s = now.getSeconds () ؛ ALERT ("الوقت الحالي/n"+y+"السنة"+m+"month"+d+"day"+h+"time"+mi+"minute"+s+"seconds") ؛ } // تحديد الوظيفة التي تعرض وظيفة إطار المتصفح showframe () {var f = document.createElement ("div") ؛ f.style.width = "985px" ؛ f.style.height = "500px" ؛ f.style.position = "absolute" ؛ f.style.top = "50px" ؛ f.style.left = "200px" ؛ f.style.background = "White" ؛ f.style.border = "2px Solid #CCC" ؛ // إغلاق زر var close = document.createElement ("span") ؛ close.style.position = "absolute" ؛ close.style.right = "5px" ؛ close.style.cursor = "pointer" ؛ close.style.marginRight = "5px" ؛ close.onclick = function () {document.body.removechild (f) ؛ } close.innerhtml = "x" ؛ // تحميل iframe خارج الموقع var win = document.createElement ("iframe") ؛ win.id = "myiframe" ؛ win.frameBorder = 0 ؛ win.style.width = "100 ٪" ؛ win.style.height = "100 ٪" ؛ F.AppendChild (Close) ؛ F.AppendChild (Win) ؛ document.body.appendchild (F) ؛ }. } </script> </body> </html>من الكود أعلاه ، يمكننا أن نرى أن Director.js يستخدم "#" في الصفحة للتوجيه والإعادة التوجيه. المثال أعلاه هو مجرد مثال بسيط للغاية. Director.js يمكن أن تنفذ وظائف أكثر تعقيدًا وضخمة. يمكن أن تتفاعل مع بيانات AJAX و Server ، ويمكن أن تتعايش مع مكتبات فئة JS الأخرى. إنها أداة تطوير تطبيقات ويب قوية.
هل لدى Director.js أي تأثير على كبار المسئولين الاقتصاديين؟
يتمتع Director.js بمدير العميل على كبار المسئولين الاقتصاديين ، لأن جميع البيانات موجودة فقط على صفحة واحدة ، ويتم تخزين بعض البيانات بطريقة لا تفضي إلى العناكب للمحرك. إذا كنت بحاجة إلى أن تكون صديقًا لكبار المسئولين الاقتصاديين ، فهذا يعني أنك تحتاج إلى إنشاء "صفحة ويب" بدلاً من "تطبيق الويب". Director.js لا ينصح.
المرجع: Director.JS