الصفحة الرئيسية>موارد بناء الموقع>بيانات الموقع
تنزيل

Beanui الغاضب

إطار لتطوير واجهة مستخدم الويب من خلال Javabean

ما إذا كانت السيناريوهات التالية ستظهر في عملك:

  • أنا مطور Java وليس كفاءة في تكنولوجيا الويب ، لكن اليوم تم ترتيبها لتطوير صفحة بسيطة ؛
  • مشروع خدمة Java الخلفية لمدة شهرين (بشكل أساسي) ، لأنه لا يوجد أحد في الفريق يتقن في الواجهة الأمامية ، استغرق الأمر شهرًا واحدًا لصنع صفحات ؛
  • لقد قمت ببناء نظام لإدارة المكتبات قبل عامين ، في العام الماضي قمت ببناء نظام لإدارة المشتريات ، وفي هذا العام قمت ببناء نظام لإدارة المستخدمين ؛
  • أنا مطور Java وأنا لست مهتمًا بالمشاركة في تطوير الويب ؛

ما هي أطر عمل واجهة مستخدم الويب التي تحظى بشعبية حاليًا؟

ما ذكرته أعلاه هو الارتباك الذي أواجهه كثيرًا. في الاتجاه الحالي لفصل النهايات الأمامية والخلفية ، تخلت Java تقريبًا عن استثماراتها في أطر عمل واجهة المستخدم. حتى كمطورين Java ، نادراً ما نستخدم أطر عمل Java UI مثل الدعامات و JSF لتطويرها ، ونادراً ما يتم كتابة JSP. ولكن في حياة Javaer Daily ، حتى لو كان مائة شخص غير مستعدين للقيام بذلك ، فسيظلون يواجهون الطلب على واجهة المستخدم ، ولكن عند فتح محرك بحث ، فإنهم مليء بالتقنيات الجديدة الناشئة تلو الأخرى. ربما يكون من الصعب حتى على أولئك الذين هم فيها شرح ما هو إطار الويب الشهير في الوقت الحاضر.

فصل الطرف الأمامي والخلفي

عند الحديث عن الانفصال بين الواجهة الأمامية ، هذا أيضًا سيناريو أفكر فيه كثيرًا. إذا قمنا ببساطة بتقسيم الأنظمة المجهزة واجهة المستخدم ، فإننا نطورها إلى فئتين:

  • الأنظمة الخارجية (مثل البوابات والمدونات وما إلى ذلك)
  • النظام الداخلي (مثل نظام الإدارة ، وما إلى ذلك)

ثم غالبًا ما يكون النظام الخارجي مسؤولاً عن موظفي واجهة المستخدم المحترفين أو حتى فرق واجهة المستخدم ، في حين أن النظام الداخلي ليس هو الحال بالضرورة. في هذا الوقت ، تقع مهمة التطوير الأمامي على المهندسين الخلفيين.

في هذه الحالة ، يصبح فصل الأمامي والخلفي أقل جمالًا ، مما يعني:

  • تعلم مختلف الأطر الأمامية (jQuery ، ReactJs ، Vue ، Angular)
  • تعلم طرق الاختبار الأمامية (الوحدة ، وهمية)
  • تعلم تجميع الواجهة الأمامية والتعبئة والتغليف
  • في الواقع ، لا يزال هناك العديد من النظريات والمفاهيم التي يجب فهمها
  • لا يقل مقدار المعرفة الإجمالية على الواجهة الأمامية عن الواجهة الخلفية ، بل يتجاوز صعوبة التعلم على الواجهة الخلفية.

أخيرًا ، بعد أن تعرضت لمعرفتك ، قضيت الكثير من الجهد لإنشاء الصفحة الأمامية ، وقد تظل انتقادًا.

عملية تطوير واجهة المستخدم الداخلية المثالية لجيفاير

  • لا حاجة لمعرفة جميع أنواع المعرفة حول الواجهة الأمامية
  • بعد تطوير رمز الواجهة الخلفية (مثل خدمة Restful) ، تحتاج فقط إلى تكوين بسيط لتقديم الصفحة

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

حول ميزات Beanui

  • التكوين الخالص ، اعتماد كلاس جافا بشكل كامل لوصف واجهة المستخدم
  • لن يؤثر وصف واجهة المستخدم غير الغازية على مشروع خدمة Restful
  • التطور السريع
  • لديك مستوى معين من قدرات تخصيص واجهة المستخدم

مثال

التبعيات

  1. تحتاج إلى تثبيت NPM: تثبيت Nodejs 10.0.0 أو NPM 6.2.0 ؛
  2. تحتاج إلى تثبيت أباتشي مافن.

تثبيت Beanui

  1. git clone https://github.com/magic-bunny/beanui
  2. cd beanui
  3. mvn install

تثبيت وتشغيل مثال Beanui

  1. انسخ دليل beanui/vue إلى أي دليل %your_vue_path%
  2. cd %your_vue_path% وتثبيت npm install
  3. إضافة عقدة التكوين <workPath>%your_vue_path%</workPath> في المكون الإضافي Beanui-Maven-Plugin في pom.xml
  4. cd beanui/demo وتثبيت mvn install
  5. java -jar demo-1.0.jar
  6. افتح المتصفح وأدخل http://localhost:8080

تشغيل امتحان Beanui في وضع dev

  1. <mode>dev</mode> بتعديل وضع التشغيل لملف pom.xml
  2. cd beanui/demo
  3. mvn install

إدخال البرنامج

ابدأ في بناء مشروع بينوي ويحتاج إلى بناء جهاز توجيه.

ملاحظة: Router.yml غير مطلوب. إذا لم يتم تكوينه ، فسيقوم الإطار بمسح جميع الفئات المشروحة التي تحتوي على @Component وتحويلها. في هذا الوقت ، يجب تكوين سمة path . إذا لم يتم تكوينه ، فهو /

إذا كنت بحاجة إلى أبسط مشروع Beanui ، انظر Single-Demo

مثيل جهاز توجيه صفحة واحدة 

 path : /test
component : demo.view.layout.card.CardComponent

مع جهاز توجيه القائمة اليسرى 

 name : root
children :
  - title : home
    icon : star
    component : demo.view.layout.card.CardComponent

مع صفحة تسجيل الدخول وموجه القائمة 

 path : /login
component : demo.view.LoginComponent
children :
  - title : home
    icon : star
    component : demo.view.layout.card.CardComponent

تعليمات التعليق التوضيحي جافابان

إذا كنت بحاجة إلى فهم كيفية كتابة كل عنصر تحكم في Javabean ، يرجى النقر فوق

ملاحظة: نظرًا لأن عنصر واجهة المستخدم (ele.me) ، يمكنك الرجوع تمامًا تقريبًا إلى وصف المكون لواجهة المستخدم.

الوصف المكون الإضافي Beanui Maven

لفهم استخدام المكون الإضافي Maven ، يرجى النقر فوق

إذا كنت بحاجة إلى معرفة كيفية استخدام مكتبة التحسين ، يرجى النقر فوق

رخصة

Beanui مرخصة بموجب ترخيص معهد ماساتشوستس للتكنولوجيا. انظر الترخيص لمزيد من التفاصيل.

يوسع
معلومات إضافية
تطبيقات ذات صلة
نوصي لك
أخبار ذات صلة الكل