الالتزام الكبير
- خذ
Todo-App كمثال لتجربة مختلف الأطر والمكتبات في النهايات الأمامية والخلفية. - عنوان الخادم هو
http://localhost:8080 - واجهات النهايات الأمامية والخلفية هي:
- احصل على كل Todos:
{path: '/api/todo', method: 'GET', status: 200, return: [{action: 'todo1', done: false}] - أضف TODO جديدًا:
{path: '/api/todo', method: 'POST', status: 201, return: ''} - أكمل أو أغلق TODO المحدد:
{path: '/api/todo/toggle/{index}', method: 'POST', status: 200, return: ''} - احذف todo المحدد:
{path: '/api/todo/{index}', method: 'DELETE', status: 200, return: ''}
الانتهاء من الخلفية
-
{tech: 'spring-boot', tag: 'springboot-backend'}
الانتهاء من واجهة الويب
-
{tech: 'vuejs', tag: 'use-vue-frontend' } -
{tech: 'vuejs-vuex', tag: 'use-vuex'} -
{tech: 'react', tag: 'use-react'} -
{tech: ['react', 'redux'], tag: 'use-react-redux'} -
{tech: ['react', 'hooks'], tag: 'use-react-hooks'} -
{tech: 'jquery', tag: 'use-jquery-ajax-to-read/write-from/to-server'} -
{tech: ['react', 'typescript'], tag: 'use-react-typescript'} -
{tech: ['react', 'typescript', 'redux'], tag: 'use-react-typescript-redux'}
الواجهة الأمامية لخط الأوامر المكتمل
-
{tech: ['react', 'ink'], tag: 'use-ink-cli'}
الواجهة الأمامية التي يمكن أن تعمل بشكل مستقل
-
{tech: 'jquery', tag: 'use-jquery-in-static-web' } -
{tech: 'javascript', tag: 'use-pure-javascript' }
غاية
- فهم معنى الواجهة الأمامية والخلفية الخلفية
- فهم الاختلافات واتصالات الواجهة الأمامية المتعددة
- فهم أهمية الواجهة الأمامية الكبيرة
- تجربة الإطار الفني السائد للواجهة الأمامية
الواجهة الأمامية ، الخلفية
- الواجهة الأمامية: تصميم وتنفيذ الواجهة حول تفاعل الحاسوب البشري في النظام
- سطر الأوامر: برنامج وحدة التحكم. عادة ما يتم تنفيذه باستخدام لغات مثل C و C#و Java. الإدخال والإخراج مع الأوامر والمعلمات ، وكذلك ScanF و printf
- سطح المكتب: استخدم عناصر تحكم رسومية مختلفة مثل النوافذ ، والقوائم ، والنماذج ، وما إلى ذلك لإكمال الإدخال والمخرجات باستخدام أجهزة مختلفة مثل لوحات المفاتيح والفئران. تشمل التقنيات الشائعة الاستخدام MFC ، Java Swing ، QT ، WPF ، إلخ.
- الويب (H5): على غرار سطح المكتب ، ولكن يعمل في متصفح. تشمل التقنيات المعتمدة بشكل أساسي HTML5 و CSS3 و JavaScript
- الهاتف المحمول: استخدام الهواتف المحمولة كطيران ، تشمل الأجهزة المحمولة الشائعة Android و iOS
- برنامج MINI: لا حاجة لتثبيت أو نشر ، فهو يعمل في تطبيقات مثل WeChat ، وتحظى بشعبية كبيرة في البلاد. مثل برنامج WeChat Mini-Programs ، البرامج المصغرة QQ ، البرامج المصغرة Baidu ، البرامج المصغرة ALIPAY ، التطبيقات السريعة ...
- الواجهة الخلفية: المعروف أيضًا باسم جانب الخادم. تستخدم عموما لتوفير البيانات والخدمات.
- إجراءات المعالجة المشتركة
- يتم تخزين البيانات في قاعدة البيانات
- يتلقى الخادم طلبات من الواجهة الأمامية ، والتي هي عمومًا طلبات HTTP.
- وفقًا للطلب ، يتم استدعاء منطق العمل ذي الصلة ويتم إرجاع نتيجة الحساب
- وفقًا لنتيجة الحساب ، يتم إرجاع الاستجابة ، والتي تعتبر بشكل عام استجابة HTTP. يمكن أن يكون للاستجابة تمثيلات متعددة ، مثل JSON ، HTML ، إلخ.
- التقنيات والأطراف الشائعة الاستخدام
- Java EE ، ASP.NET ، PHP
- الربيع ، السبات
- ...
- خصائص التطوير للتطبيقات التقليدية
- مكدس التكنولوجيا المستخدمة في الواجهة الأمامية والخلفية غير موحدة
- مداخن التكنولوجيا التي تستخدمها الواجهة الأمامية المتعددة غير موحدة
- أساليب وأفكار الواجهة الأمامية والخلفية غير متسقة
- من الصعب أن يكون هناك مهندسون يتقنون في المقدمة والخلفية في نفس الوقت
الواجهة الأمامية الكبيرة ، كومة كاملة
