demo boot web app ui

การสาธิตเว็บแอปพลิเคชันพร้อมความปลอดภัยในสปริง, สปริงบูต, สปริงข้อมูล JPA, HSQL, JSP

การสาธิต

สาขา "ฟีเจอร์" ของโครงการนี้ถูกนำไปใช้กับ Heroku และสามารถเห็นได้ @ URL นี้ https://dboot.herokuapp.com/ (ลิงก์ไม่ทำงาน - โปรดอ้างอิงการตั้งค่าท้องถิ่นในส่วน "รัน")

ในการเข้าสู่ระบบโดยใช้ผู้ใช้ที่มีอยู่:

ชื่อผู้ใช้: TestUser01

รหัสผ่าน: TestUser01

คุณสามารถลงทะเบียนเป็นผู้ใช้ใหม่โดยใช้ลิงค์การลงทะเบียนด้วย

แดชบอร์ดนั้นมีการเติมอัตโนมัติสำหรับผู้ใช้สองคนแรก หนึ่งในผู้ใช้เหล่านั้นคือ TestUser01 อันที่สองไม่ได้ถูกสร้างขึ้นโดยฉัน คุณสามารถลงทะเบียนได้

ข้อกำหนดเบื้องต้น

• JDK 1.7 หรือใหม่กว่า
• Maven 3 หรือใหม่กว่า

กองซ้อน

• ความปลอดภัยในฤดูใบไม้ผลิ
• รองเท้าสปริง
• สปริงข้อมูล jpa
• หนอง
• JSP
• HSQL หรือ MySQL หรือ postgres หรือฐานข้อมูลใด ๆ ที่มีการสนับสนุน JDBC

วิ่ง

การตั้งค่าท้องถิ่น

ไปที่ Project Directory และรันคำสั่งด้านล่าง

mvn clean spring-boot:run

จากนั้นเรียกดู

http: // localhost: 8080/

คุณสามารถลงทะเบียนและเข้าสู่ระบบในภายหลัง

บันทึก :

เพื่อวัตถุประสงค์ในการสาธิตในฐานข้อมูลหน่วยความจำ (HSQL) ดังนั้นทุกครั้งที่คุณเริ่มแอปพลิเคชันตารางจะถูกสร้างขึ้นใหม่และคุณต้องลงทะเบียนอีกครั้ง

ในการแสดงเอกสารสองสามฉบับบนแดชบอร์ดสำหรับผู้ใช้ที่มี USERID 01 และ 02 ฉันได้สร้างสคริปต์แทรก (data.sql) สำหรับตาราง "เอกสาร"

เมื่อคุณจะใช้ฐานข้อมูลอื่น ๆ ที่มีการสนับสนุน JDBC เช่น MySQL หรือ Postgres คุณสามารถลบไฟล์ data.sql ได้เนื่องจากจะถูกเรียกใช้งานทุกครั้งที่แอปพลิเคชันเริ่มต้นขึ้น เนื่องจาก MySQL หรือ Postgres ไม่ได้อยู่ในฐานข้อมูลหน่วยความจำคุณสามารถเรียกใช้สคริปต์ได้ด้วยตนเองก่อนที่แอปพลิเคชันจะเริ่ม

ภาพรวม

ฐานข้อมูล

ฉันได้ให้การสนับสนุนรหัสสำหรับ HSQL (ในหน่วยความจำ), MySQL และ postgres

ในอนาคตฐานข้อมูลอื่น ๆ ที่รองรับ JDBC สามารถเพิ่มได้ด้วยการเปลี่ยนแปลงที่น้อยที่สุดในแอปพลิเคชัน มีสองสถานที่ที่การเปลี่ยนแปลงนี้จะไป

1. src/main/resources/application.properties
2. เพิ่ม Jar Connector

ใช้ HSQL

HSQL เป็นฐานข้อมูลในหน่วยความจำและใช้เป็นฐานข้อมูลเริ่มต้นในแอปพลิเคชันนี้

คุณสามารถเรียกใช้แอปพลิเคชันได้เนื่องจากใช้ฐานข้อมูลนี้ สิ่งนี้เรียกใช้ไฟล์ data.sql เพื่อเติม TBL_DOC หลังจากประชากรสคีมาจากนั้นแอปพลิเคชันจะเริ่ม เป็นผลให้เมื่อคุณจะลงทะเบียนสำหรับ ID ผู้ใช้ = 1 หรือ 2 จะมีเอกสารบางอย่างซึ่งจะแสดงในแผงควบคุมของผู้ใช้ คุณสามารถคลิกที่ลิงค์ดาวน์โหลดเพื่อรับเอกสาร

ใช้ mysql

ในการใช้ MySQL เป็นฐานข้อมูลคุณต้องให้ MySQL-Server ทำงานที่โฮสต์และพอร์ต ต้องสร้างฐานข้อมูลมาก่อน

(เพื่อติดตั้ง mysql บน linux [ubuntu]: https://www.geeksforgeeks.org/how-to-install-mysql-on-linux/)

การเปลี่ยนแปลงที่จำเป็นคือ:

1. แก้ไข pom.xml - แสดงความคิดเห็นการพึ่งพา HSQLDB และ Unabment MySQL
2. แก้ไขแอปพลิเคชัน. properties - บรรทัดที่ไม่ได้เริ่มต้นด้วย '#' ภายใต้ ### mysql ส่วน
3. เรียกใช้สคริปต์ไฟล์ data.sql ด้วยตนเองใน 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
2. แก้ไขแอปพลิเคชัน. properties - บรรทัดที่ไม่ได้เริ่มต้นด้วย '#' ภายใต้ ### ส่วน Postgres
3. เรียกใช้สคริปต์ไฟล์ data.sql ด้วยตนเองใน postgres ของคุณเพื่อให้ TBL_DOC จะถูกเติม
4. ความคิดเห็น SQL Scripts ในไฟล์ data.sql
5. เรียกใช้แอปพลิเคชัน

คำแนะนำรหัส

โครงสร้างไดเรกทอรี

โครงการตามรูปแบบ Model-View-Controller (MVC) API ทั้งหมดถูกกล่าวถึงในไฟล์ usercontroller.java

เซิร์ฟเวอร์

สำหรับ /เข้าสู่ระบบ: โพสต์ - สปริงรักษาความปลอดภัยจัดการการร้องขอเพื่อวัตถุประสงค์การตรวจสอบสิทธิ์ดังนั้นจึงไม่ได้กล่าวถึงในไฟล์คอนโทรลเลอร์

แอปพลิเคชันสปริงบูตมาพร้อมกับเซิร์ฟเวอร์ Tomcat ที่ฝังตัว ดังนั้นจึงไม่จำเป็นต้องกำหนดค่า Tomcat จากภายนอก หากต้องการใช้ Tomcat ภายนอกให้ลบการพึ่งพา Tomcat ออกจาก pom.xml

ปัจจุบันบันทึกจะแสดงในคอนโซลเท่านั้น คุณสามารถกำหนดค่า log4j2 หรือวิธีการบันทึกอื่น ๆ

นอกจากนี้ยังมีการจัดการข้อยกเว้นไม่มากในปัจจุบัน

UI

สำหรับ UI จะใช้ JSP แบบดั้งเดิมกับแท็ก JSTL เพื่อจุดประสงค์ที่เรียบง่าย

ในด้านหน้า CSS ใช้ bootstrap หากต้องการเพิ่มองค์ประกอบ UI เพิ่มเติมโปรดตรวจสอบการอ้างอิงนี้

1. https://bootsnipp.com/ - รหัส html/css/js สำหรับองค์ประกอบเว็บมากมายเช่นแบบฟอร์มส่วนหัวการปนเปื้อนตาราง ฯลฯ
2. https://www.w3schools.com/bootstrap/default.asp - การเรียนรู้ bootstrap

อ้างอิง

1. คู่มืออ้างอิงการบูต Spring: https://docs.spring.io/spring-boot/docs/current-snapshot/reference/htmlsingle/
2. วิดีโอสปริงเริ่มต้นอย่างรวดเร็วจาก Javabrains: https://www.youtube.com/watch?v=MSXL2ODEXQW&LIST=PLQQ-6PQ4LTTBX8P2OCGCAQGQYQN8XEA1X
3. Spring Tuorial โดย Java Brains: https://www.youtube.com/watch?v=GB8K2-EGFV0&LIST=PLC97BDEFDCDD169D7