demo boot web app ui

تطبيق الويب التجريبي مع أمان الربيع ، حذاء الربيع ، بيانات الربيع JPA ، HSQL ، JSP

العرض التوضيحي

يتم نشر فرع "الميزة" في هذا المشروع في Heroku ويمكن رؤيته @ url https://dboot.herokuapp.com/ (الرابط لا يعمل - يرجى إحالة الإعداد المحلي في قسم "Run")

لتسجيل الدخول باستخدام المستخدم الحالي:

اسم المستخدم: testuser01

كلمة المرور: testuser01

يمكنك التسجيل كمستخدم جديد باستخدام رابط التسجيل أيضًا.

لوحة القيادة هي تلقائيًا لأول مرة للمستخدمين. واحد من هؤلاء المستخدم هو testuser01. الثاني لم يتم إنشاؤه من قبلي. يمكنك التسجيل.

المتطلبات الأساسية

• JDK 1.7 أو أحدث
• Maven 3 أو لاحقًا

كومة

• أمن الربيع
• حذاء الربيع
• بيانات الربيع JPA
• مافن
• JSP
• HSQL أو MySQL أو Postgres أو أي قاعدة بيانات مع دعم JDBC

يجري

إعداد محلي

انتقل إلى دليل المشروع وتشغيله أدناه

mvn clean spring-boot:run

ثم تصفح

http: // localhost: 8080/

يمكنك التسجيل وتسجيل الدخول لاحقًا.

ملحوظة :

للغرض التجريبي ، يتم استخدام قاعدة بيانات الذاكرة (HSQL). لذلك ، في كل مرة تبدأ فيها التطبيق ، سيتم إعادة إنشاء الجداول وتحتاج إلى التسجيل مرة أخرى.

لإظهار بعض المستندات على لوحة القيادة ، للمستخدمين الذين يعانون من 01 و 02 ، قمت بإنشاء البرنامج النصي Ensert (data.sql) للجدول "DOC".

عندما تستخدم أي قاعدة بيانات أخرى مع دعم JDBC مثل MySQL أو Postgres ، يمكنك إزالة ملف Data.SQL حيث سيتم تنفيذه في كل مرة عند بدء تشغيل التطبيق. نظرًا لأن MySQL أو Postgres ليسوا في قاعدة بيانات الذاكرة ، يمكنك تشغيل البرنامج النصي بمجرد بدء التطبيق.

لقطات

قاعدة البيانات

لقد قدمت دعم الرمز لـ HSQL (في الذاكرة) و MySQL و Postgres.

في المستقبل ، يمكن أيضًا إضافة قاعدة بيانات أخرى تدعم JDBC مع الحد الأدنى من التغييرات في التطبيق. هناك مكانان سيذهب فيه هذا التغيير.

1. SRC/Main/Resources/Application.Properties
2. إضافة موصل جرة تعتمد في pom.xml

باستخدام HSQL

HSQL هي قاعدة بيانات في الذاكرة وتستخدم كقاعدة بيانات افتراضية في هذا التطبيق.

يمكنك تشغيل التطبيق كما هو لاستخدام قاعدة البيانات هذه. يعمل هذا على تشغيل ملف data.sql لإلغاء TBL_DOC بعد عدد المخططات ثم يبدأ التطبيق. نتيجة لذلك ، عندما تقوم بالتسجيل لمعرف المستخدم = 1 أو 2 ، ستكون هناك بعض المستندات ، والتي سيتم سردها في لوحة معلومات المستخدم. يمكنك النقر فوق رابط التنزيل للحصول على المستند.

باستخدام MySQL

لاستخدام MySQL كقاعدة بيانات ، تحتاج إلى تشغيل MySQL-Server في بعض المضيف والمنفذ. يجب أن تكون قاعدة البيانات قد تم إنشاؤها من قبل.

(لتثبيت MySQL على Linux [Ubuntu]: https://www.geeksforgeeks.org/how-tinstall-mysql-on-linux/)

التغييرات المطلوبة هي:

1. تعديل pom.xml - التعليق HSQLDB التبعية و unfamment mysql
2. تعديل التطبيق.
3. قم بتشغيل SQUL SQL Scripts يدويًا في MySQL الخاص بك ، بحيث يتم ملء TBL_DOC.
4. التعليق SQL Scripts في ملف data.sql
5. تشغيل التطبيق

باستخدام postgres

على غرار MySQL ، لاستخدام Postgres كقاعدة بيانات ، تحتاج إلى تشغيل خادم Postgres في بعض المضيف والمنفذ. يجب أن تكون قاعدة البيانات قد تم إنشاؤها من قبل.

(لتثبيت Postgres على Linux [Ubuntu]: https://www.postgresqltutorial.com/postgresql-getting-started/install-postgresql-linux/)

التغييرات المطلوبة هي:

1. تعديل pom.xml - التعليق HSQLDB التبعية و postgres
2. تعديل التطبيق.
3. قم بتشغيل SQUL SQL Scripts يدويًا في Postgres ، بحيث يتم ملء TBL_DOC.
4. التعليق SQL Scripts في ملف data.sql
5. تشغيل التطبيق

الإرشادات الرمز

هيكل الدليل

يتبع المشروع نمط Model-View-Controller (MVC). تم ذكر جميع واجهات برمجة التطبيقات في ملف UserController.java.

الخادم

بالنسبة إلى /تسجيل الدخول: Post - يتولى SPRING Security طلب الغرض من المصادقة ، لذلك لم يتم ذكره في ملف وحدة التحكم.

يأتي تطبيق Boot Spring مع خادم Tomcat المضمن. لذلك ليست هناك حاجة لتكوين tomcat خارجيا. لاستخدام tomcat الخارجي ، قم بإزالة تماثيل tomcat من pom.xml.

حاليا ، تظهر السجلات في وحدة التحكم فقط. يمكنك تكوين Log4J2 أو أي طرق تسجيل أخرى.

أيضًا ، لا يوجد الكثير من الاستثناءات التي يتم تنفيذها حاليًا.

واجهة المستخدم

بالنسبة إلى واجهة المستخدم ، يتم استخدام JSP التقليدي مع علامة JSTL لغرض البساطة.

في مقدمة CSS ، يتم استخدام bootstrap. لإضافة المزيد من عنصر واجهة المستخدم ، يرجى التحقق من هذا المرجع

1. https://bootsnipp.com/ - رمز html/css/js للعديد من عناصر الويب مثل النموذج ، الرأس ، ترقيم الصفحات ، الجدول وما إلى ذلك.
2. https://www.w3schools.com/bootstrap/default.asp - التعلم bootstrap

مرجع

1. دليل مرجع الحذاء الربيعي: https://docs.spring.io/spring-boot/docs/current-snapshot/reference/htmlsingle/
2. Spring Boot Quick Start Video من Javabrains: https://www.youtube.com/watch؟v=MSXL2Odexqw&List=plqq-6pq4lttbx8p2ocgcaqyqn8xea1x
3. Spring Tuorial by Java Brains: https://www.youtube.com/watch؟v=gb8k2-egfv0&list=plc97bdefdcdd169d7