ส่วนหน้าและส่วนหลัง

เราหาแอปพลิเคชัน เราจัดหมวดหมู่พื้นฐาน เราแยกประเภทของเว็บแอปพลิเคชัน แต่มันทำงานอย่างไร?

และที่นี่เรามาถึงเงื่อนไขที่สำคัญมาก

ส่วนหน้าและส่วนหลัง

ภาพประกอบที่ง่ายที่สุดคือโรงละคร เรามาดูการแสดง เราเห็นศิลปินบนเวที เราตบมือพวกเขา เราได้รับคำนับเป็นการตอบแทน และในเวลาเดียวกัน เรารู้แน่นอนว่าโรงละครไม่ได้จำกัดอยู่แค่ในหอประชุม และไม่ได้จบลงที่เวที ที่ไหนสักแห่งที่ตัดเย็บเสื้อผ้า กำลังเตรียมการในห้องแต่งตัว ที่ไหนสักแห่งที่ผู้กำกับจะให้คำแนะนำ เราไม่เห็นทั้งหมดนั้น แต่เรารู้แน่ว่ามันอยู่ที่นั่นและหากไม่มีสิ่งที่โรงละครจะไม่สามารถทำงานได้

ในทำนองเดียวกัน ทุกอย่างถูกจัดระเบียบในเว็บแอปพลิเคชัน

มีชั้นที่เราเห็น หน้าที่แสดงเมื่อเราเปิดเว็บไซต์บางแห่ง หน้านี้อาจมีภาพเคลื่อนไหวและปุ่มที่คุณสามารถคลิกได้

เลเยอร์ที่มองเห็นนี้เรียกว่า " ส่วนหน้า " รวมทุกอย่างที่อยู่ด้านข้างของผู้ใช้ ทุกอย่างที่แสดงบนหน้าจออุปกรณ์ของคุณ สิ่งที่คุณสามารถมองเห็นและสัมผัสได้

แต่ในเวลาเดียวกันเรามั่นใจได้ว่าทุกอย่างไม่ได้ จำกัด อยู่ที่ส่วนหน้าเท่านั้น ท้ายที่สุดแล้วแม้แต่ส่วนหน้าเองก็ไม่ได้อยู่บนหน้าจอหรือในหน่วยความจำของคอมพิวเตอร์ ปรากฏขึ้นเมื่อเราตัดสินใจเปิดไซต์อื่นและป้อนที่อยู่ในเบราว์เซอร์

เราส่งคำขอให้แสดงไซต์และได้รับการตอบกลับ มันมีบล็อกอะไร อยู่ที่ไหน หน้าตาเป็นอย่างไร ใช้ฟอนต์อะไร เรากดปุ่มและคำสั่งไปที่เซิร์ฟเวอร์เพื่อคำนวณข้อมูลบางอย่าง ออกคำตอบ และให้วิธีแก้ปัญหา ระบบการร้องขอและการตอบกลับนี้ คือ การตอบสนองคำขอ เป็นรากฐานที่สำคัญของวิธีการทำงานของเว็บแอปพลิเคชันทั้งหมด

คำขอผ่านอินเทอร์เน็ตไปที่เซิร์ฟเวอร์ ไปที่ " แบ็กเอนด์ " ด้านที่มองไม่เห็นด้วยตาของเรา ในขณะเดียวกัน คำขอเองก็มีข้อมูลบางอย่าง แต่ก็มีพารามิเตอร์บางอย่าง จากข้อมูลนี้ แบ็กเอนด์จะตัดสินใจว่าจะส่งคำตอบใด (หรืออาจพยักหน้าอย่างสุภาพ รับทราบการรับคำขอ แต่จะไม่ส่งข้อมูลอีก)

เอชทีทีพี

โปรโตคอลการถ่ายโอนข้อมูลนั้นเรียกว่า HTTP - HyperText Transfer Protocol คุณจะเห็นตัวอักษร 4 ตัวนี้ที่จุดเริ่มต้นของแถบที่อยู่ของเบราว์เซอร์ สิ่งนี้แจ้งว่าการโต้ตอบจะดำเนินการโดยใช้โปรโตคอล HTTP เราสามารถพูดได้ว่าทั้งสองฝ่ายตกลงกันว่าจะสื่อสารด้วยภาษาใด

และอย่าให้ชื่อหลอกคุณ แท้จริงแล้วในช่วงเริ่มต้นของอินเทอร์เน็ต โปรโตคอลถูกสร้างขึ้นสำหรับไฮเปอร์เท็กซ์โดยเฉพาะ นั่นคือข้อความพร้อมลิงก์พร้อมความสามารถในการไปที่หน้าอื่น รับข้อความอื่น ตอนนี้อนุญาตให้คุณถ่ายโอนข้อมูลใด ๆ : ภาพตลก, เพลง, วิดีโอเต้นจาก Tik-Tok

ในโมดูลเพิ่มเติมของหลักสูตร เราจะจัดการกับโครงสร้างคำขอและการตอบกลับอย่างละเอียด เราจะสร้างคำขอพร้อมการตอบกลับ ตลอดจนตรรกะสำหรับการประมวลผล ในขั้นตอนนี้ ก็เพียงพอที่จะเข้าใจหลักการของการถ่ายโอนข้อมูลจากส่วนหน้าไปยังส่วนหลังและในทางกลับกัน

ฐานข้อมูล

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

เพื่อจุดประสงค์นี้ " ฐานข้อมูล " (DB) จึงทำงานได้ พวกเขาจัดเก็บข้อมูลในรูปแบบที่มีโครงสร้าง และมีระบบที่จัดการข้อมูลนี้ - DBMS (ระบบจัดการฐานข้อมูล) อนุญาตให้คุณเขียนข้อมูลใหม่ลงในฐานข้อมูล รับข้อมูลจากที่นั่น เปลี่ยนแปลง ลบข้อมูล (ทั้งหมดนี้แสดงด้วยตัวย่อ CRUD - สร้าง อ่าน อัปเดต ลบ) เราจะศึกษารายละเอียดทั้งหมดนี้ในโมดูลในอนาคต มาดูกันว่าฐานข้อมูลโดยทั่วไปคืออะไร วิธีการจัดระเบียบงาน และการจัดการฐานข้อมูลใน AppMaster.io นั้นง่ายเพียงใด