Chào mừng trở lại.
Vì vậy, chúng tôi có một trang web tốt, thành thật mà nói, thực sự nhàm chán, nhưng chúng tôi đã tạo ra máy chủ của mình.
Nhưng chúng ta có thể làm gì khác?
Máy chủ thường chấp nhận yêu cầu từ trình duyệt.
Đúng.
Bây giờ, cho đến bây giờ, chúng tôi đã thực hiện cái mà chúng tôi gọi là một tuyến đường.
Lộ trình đó là đường về nhà, vì ở đây chúng tôi chưa viết gì cả.
Nhưng đôi khi trong một trang web, bạn có thể thấy một cái gì đó giống như blog, phải không?
Và nếu tôi nhấn enter, bạn sẽ thấy rằng trong đó tìm thấy URL đó không được tìm thấy trên máy chủ.
Lại.
Đó là bởi vì ngay bây giờ máy chủ của chúng tôi chỉ đang chờ đợi để nghe.
Đối với yêu cầu tuyến đường của họ.
Nhưng nếu chúng ta gõ một cái gì đó như blog, thì không có chức năng nào ở đây quan tâm đến điều đó.
Vì vậy, nó thấy rằng không có gì để quan tâm và tiếp tục.
Vì vậy, hãy tạo một lộ trình blog.
Tôi sẽ sao chép và dán và chỉ nói rằng, này, chúng tôi muốn lắng nghe điểm cuối của blog.
Đây sẽ được gọi là chúng ta hãy gọi nó là blog và nói rằng đây là những suy nghĩ của tôi về blog.
Nếu tôi lưu lại, chúng tôi có chế độ gỡ lỗi nên tôi không cần phải khởi động lại FY refresh.
Bây giờ hãy nhìn vào điều đó.
Đây là những suy nghĩ của tôi về blog và nếu tôi vào thư mục gốc, tôi sẽ nhận được lời chào.
Bây giờ chúng tôi có nhiều tuyến đường.
Nhân tiện, điều đó thật tuyệt làm sao, nếu chúng ta mở các công cụ dành cho nhà phát triển?
Chuyển đến công cụ dành cho nhà phát triển.
Mở mạng và chỉ cần làm mới của bạn.
Bạn thấy rằng chúng tôi đang nhận được một tài liệu bỏ qua phần này.
Đây chỉ là các công cụ dành cho nhà phát triển và các plugin mà tôi có.
Nhưng đây là những gì chúng ta nhận lại.
Chúng tôi chỉ nhận được một tài liệu đơn giản, một phản hồi, đó là một văn bản.
Và nếu tôi đi đến tiêu đề và tôi thực sự cuộn xuống.
Bạn thấy rằng tôi đã yêu cầu URL này.
Tôi có trạng thái là 200.
Và tôi thấy ở đây loại nội dung mà máy chủ phản hồi là một thứ được gọi là văn bản HTML.
Bây giờ, đây là điều mà Flask làm cho chúng tôi.
Bạn thấy ở đây rằng tôi vừa gửi một chuỗi, nhưng bình tự động chuyển đổi chuỗi đó sang HTML để trình
duyệt có thể hiểu nó.
Như một vấn đề của thực tế, nếu tôi đi đến các yếu tố ở đây.
Bạn thấy ở đây rằng tôi có HTML của mình với một phần lớn bên trong nó.
Vì vậy, đó là thứ mà chúng ta tự động nhận được, điều này thực sự rất, rất tốt.
Nhưng bây giờ chúng ta có thể bắt đầu làm một số việc thực sự gọn gàng.
Ví dụ, hãy tạo một tuyến đường khác.
Và lần này.
Giả sử tôi muốn blog từ năm 2020 về chó.
Tôi có thể làm điều đó?
Vâng, vâng, hoàn toàn.
Hãy nói blog với.
Và điều này nói rằng, đây là con chó của tôi.
Các bài đăng trên blog rất, rất hấp dẫn ở đó.
Vì vậy, bây giờ nếu tôi quay trở lại, tôi sẽ viết blog.
Được rồi.
Tôi hiểu điều đó.
Nếu tôi viết blog vào năm 2020, hãy nói về những con chó.
Tôi hiểu đây là con chó của tôi.
Đáng kinh ngạc.
Vì vậy, tôi có thể có nhiều tuyến đường như thế này.
Điều gì sẽ xảy ra nếu tôi xóa khối này và có hai khối có cùng điểm cuối?
Nếu chúng ta quay trở lại.
Và chỉ cần đi đến blog.
Tôi hiểu đây là những suy nghĩ của tôi về blog bởi vì một khi nó chạm vào một gốc mà nó nhìn thấy chín trực tuyến mà nó nhìn
thấy, nó sẽ tự động quay trở lại và quên đi phần còn lại.
Vì vậy, chúng ta hãy mang bài đăng trên blog của con chó của chúng ta trở lại.
Nhưng bạn biết xấu hổ là gì không?
Bởi vì chúng tôi có trang web tuyệt đẹp này.
Tôi đang bị mỉa mai ở đây, trang web HTML tuyệt đẹp này mà chúng tôi đã tạo bằng CSS và JavaScript.
Sẽ thật tuyệt nếu thay vì tôi chỉ gửi tin nhắn, tôi thực sự có thể gửi những thứ đó phải không?
Tôi có thể làm điều đó?
Vâng, vâng, bạn có thể.
Bạn thấy đấy, Flask có một thứ khác được gọi là.
Kết xuất mẫu dấu gạch dưới.
Và chức năng mẫu kết xuất này sẽ cho phép chúng tôi thực sự gửi tệp HTML.
Vì vậy, hãy nói root home bây giờ thay vì hello sẽ làm một cái gì đó khác.
Thay vào đó, nó sẽ chạy chức năng kết xuất mẫu đi kèm với bình.
Và ở đây, chúng tôi cung cấp cho nó tệp HTML mà chúng tôi có để chúng tôi có thể cung cấp cho nó một thư mục gốc trong trường hợp của chúng tôi.
Vì nó nằm trong cùng thư mục với tệp máy chủ.
Chúng tôi chỉ có thể làm chỉ mục chấm html.
Nếu tôi chạy cái này, hãy xem nó có hoạt động không.
Nếu tôi quay trở lại con đường nhà của tôi.
Hừ!
Bây giờ vào đó.
Hãy đọc không khí.
Không tìm thấy mẫu chấm chỉ mục ish html.
Hừ!
Vì vậy, nó đã cố gắng tìm kiếm HTML được lập chỉ mục và nó không tìm thấy nó.
Điều đó không tốt, phải không?
Điều gì sẽ xảy ra nếu chúng ta thực hiện một dấu gạch chéo, có nghĩa là thư mục hiện tại?
Lấy chỉ mục, html fi, lưu và làm mới.
Tôi vẫn nhận được không khí.
Một lần nữa, đây là một điều khác mà bạn phải học khi đọc tài liệu.
Nhưng lý do mà điều này không hoạt động là do bình tự động, khi bạn nói mẫu kết xuất sẽ cố
gắng tìm trong một thư mục được gọi là mẫu.
Vì vậy, hãy tạo ra nó, tôi sẽ nói.
Thư mục mới.
Gọi nó là các mẫu và đặt tất cả các tệp HTML của tôi.
Trong trường hợp này, là tệp HTML duy nhất mà tôi có.
Tôi sẽ nói là di chuyển và đặt nó vào thư mục mẫu.
Vì vậy, bây giờ nó ở đây.
Và hãy tiết kiệm.
Quay lại và làm mới.
Và nhìn vào đó.
Tôi là một bậc thầy về web.
Mọi thứ đang hoạt động.
Nếu tôi vào blog.
Một lần nữa, đây là những suy nghĩ của tôi về blog, nhưng tệp HTML của tôi mà tôi đã tạo đang hoạt động hoàn hảo.
Điều đó tuyệt vời như thế nào?
Và Flask sử dụng ý tưởng mẫu này để thêm nhiều tệp HTML.
Vì vậy, ví dụ, tôi có thể tạo một tệp mới.
Hãy chỉ nói trùng lặp ở đây.
Vì vậy, tôi sẽ sao chép tệp này.
Và gọi nó về HML.
Và điều này về HTML sẽ nói về tôi.
Và chúng ta hãy vào máy chủ dot pie và có thư mục gốc tại chỉ mục html và có lẽ.
Thêm một root khác nói về HTML và vâng, tôi cũng có thể làm được điều đó.
Và ở đây chúng ta sẽ giới thiệu về HTML.
Chúng ta hãy gọi nó là gì chúng ta muốn.
Hãy nói về chức năng.
Và nếu tôi quay trở lại.
Đi đến.
Về.
Chà, nó sẽ không hoạt động, vì hãy nhớ rằng, tôi đã thêm HTML.
Của bạn đây.
Về tôi.
Đáng kinh ngạc.
Điều đó thật tuyệt.
Chúng tôi đang bắt đầu tìm hiểu về các tuyến khác nhau và cách máy chủ hoạt động và chúng tôi có thể gửi tệp HTML của mình.
Nhưng những gì về các tệp JavaScript và các tệp CSS?
Làm thế nào chúng ta có thể làm điều đó?
Trong video tiếp theo, chúng ta sẽ tìm hiểu.