[MUSIC]
Thời gian chuyển sang nhiệm vụ thứ ba trong khóa học này.
Trong nhiệm vụ này, như bạn có thể đã mong đợi,
chúng tôi sẽ xem xét các hình thức góc và quan sát.
Đó là những gì chúng tôi đã học i n mô-đun đặc biệt này của khóa học.
Trong bài tập này, bạn sẽ được thiết kế một hình thức
trong chế độ xem chi tiết món ăn
cho phép người dùng gửi bình luận của họ về một món ăn cụ thể.
Bạn sẽ sử dụng các hình thức phản ứng góc để thiết kế các hình thức và
bạn sẽ sử dụng các thay đổi giá trị quan sát được
để bắt đầu xác nhận hình thức,
giống như chúng tôi đã làm trong bài tập mà bạn vừa hoàn thành và
bạn sẽ sử dụng một thành phần vật liệu góc mới được gọi là
vật liệu góc Thành phần thanh trượt.
Thành phần thanh trượt sẽ được sử dụng để nhập đánh giá cho
món ăn bởi người nộp số.
Hãy nhìn vào ba nhiệm vụ trong nhiệm vụ này một chút chi tiết hơn.
Vì vậy, ở đây, tôi sẽ cho các bạn xem món ăn đầu tiên của họ từ thực đơn
để minh họa cho các bạn ba nhiệm vụ cần phải hoàn thành trong nhiệm vụ này.
Vì vậy, trong nhiệm vụ này, chúng tôi sẽ tạo ra một hình thức trong
phần bình luận của thành phần chi tiết món ăn của bạn.
Biểu mẫu chứa hai trường ở đây.
Trường tên và trường nhận xét.
Trong trường tên, tên của tác giả cho nhận xét sẽ được nhập bởi người dùng.
Sau đó, trong trường nhận xét của họ là một khu vực văn bản,
bạn sẽ cho phép tác giả nhập nhận xét mà họ muốn gửi.
Ngoài ra, để có được đánh giá cho món ăn,
chúng tôi sẽ sử dụng thành phần vật liệu góc này được gọi là thanh trượt vật liệu góc.
Đối với thành phần thanh trượt này,
một liên kết đến tài liệu được cung cấp trong các tài nguyên bổ sung.
Thành phần thanh trượt khá đơn giản để tạo.
Đối với thành phần thanh trượt này, bạn sẽ hiển thị các dấu đánh dấu như thế này.
Vì vậy, bạn có thể thấy rằng bạn đã có một, hai, ba, bốn dấu đánh dấu và dấu
thứ năm nằm ngay dưới ngón cái này.
Vì vậy, và cũng khi bạn hiển thị chế độ xem ngón tay cái,
nó sẽ hiển thị cắt trong đánh giá đã chọn như.
Vì vậy, điều này phải được dán nhãn trong slide góc của thành phần mà bạn bao gồm
vào phông chữ của họ và điều này sẽ cho phép bạn chọn đánh giá cho món ăn.
Vì vậy, đây là nhiệm vụ đầu tiên của bạn trong nhiệm vụ này.
Nhiệm vụ thứ hai của bạn là thêm xác thực biểu mẫu cho biểu mẫu này.
Bây giờ hình thức này nên được tạo ra bằng cách sử dụng các phông chữ phản ứng góc và
cũng sử dụng các thay đổi giá trị quan sát được để quan sát
bất kỳ thay đổi đối với bất kỳ của các yếu tố điều khiển hình thức của mình.
Và bất cứ khi nào
có bất kỳ thay đổi xảy ra, bạn nên ngay lập tức bắt đầu xác nhận biểu mẫu bằng cách sử dụng các thay đổi giá trị quan sát được giống như cách chúng tôi đã làm trong bài
tập bạn vừa hoàn thành trong bài học trước đó.
Bây giờ, xác nhận mà bạn cần thực hiện là cả tên và
nhận xét là trường bắt buộc.
Hơn nữa, tên phải chứa ít nhất hai ký tự.
Vì vậy, nếu tôi chỉ cần gõ vào một ký tự, sau đó bạn nên hiển thị một thông báo ở đây nói rằng,
Tên tác giả phải có ít nhất hai ký tự dài.
Bây giờ nếu tất nhiên, chúng tôi gõ nhiều hơn, sau đó nó sẽ biến mất.
Nếu bạn loại bỏ hoàn toàn tên khỏi trường,
sau đó bạn hiển thị một thông báo cho biết, Tên tác giả là bắt buộc.
Vì vậy, thông báo cần thiết sẽ được hiển thị ở đây.
Vì vậy, ngay sau khi tôi gõ ít nhất hai ký tự,
sau đó tin nhắn sẽ biến mất.
Bây giờ đối với trường nhận xét cũng, đây là trường bắt buộc.
Vì vậy, bạn cần phải nhập ít nhất một vài ký tự.
Không có giới hạn về số lượng ký tự.
Nhưng nếu không có ký tự nào được gõ vào khi bạn hiển thị thông báo ở đây nói,
bình luận theo yêu cầu.
Nếu biểu mẫu của bạn hiện không hợp lệ, thì nút gửi của bạn sẽ không hoạt động.
Nhưng một khi biểu mẫu của bạn trở nên hợp lệ, sau đó nút gửi của bạn sẽ hoạt động và sẽ
cho phép bạn gửi phông chữ.
Vì vậy, đó là nhiệm vụ thứ hai trong nhiệm vụ của anh.
Nhiệm vụ khó khăn trong nhiệm vụ của bạn là ngay sau khi biểu mẫu có thông tin hợp lệ,
bạn nên hiển thị bản xem trước những gì bạn vừa gửi trong biểu mẫu.
Hãy để tôi gõ vào một cái gì đó có ý nghĩa hơn ở đây, để họ
xem trước trông thú vị.
Vì vậy, bạn thấy rằng ngay sau khi bạn nhập thông tin hợp lệ vào biểu mẫu của
bạn, bạn nên hiển thị một bản xem trước của nhận xét sẽ
trông như thế nào nếu nó được thêm vào danh sách nhận xét cho món ăn đó.
Bây giờ hãy chú ý rằng trong bản xem trước, bạn chưa có ngày hiển thị.
Vì vậy, đó là một điều khác mà bạn cần ghi nhớ.
Nếu biểu mẫu trở nên không hợp lệ, thì bản xem trước sẽ biến mất.
Nhưng ngay khi biểu mẫu trở nên hợp lệ, bản xem trước sẽ xuất hiện trở lại.
Vì vậy, đây là một cái gì đó mà bạn nên thiết kế thích hợp bằng cách sử dụng danh sách ND và
sau đó đảm bảo rằng biểu mẫu là hợp lệ trước khi bạn hiển thị thông tin này ở đó.
Vì vậy, đó là bản xem trước.
Bây giờ khi người dùng nhấp vào nút Gửi,
sau đó có một vài điều mà bạn cần phải làm.
Khi người dùng nhấp vào nút Gửi, sau đó nhận xét này sẽ được
thêm vào danh sách nhận xét mà bạn có cho món ăn đặc biệt này.
Vì vậy, hãy để tôi nhấp vào nút gửi và bạn sẽ ngay lập tức nhận thấy rằng biểu mẫu
đã được thêm vào danh sách nhận xét cho món ăn đặc biệt này.
Vì vậy, bạn thấy rằng bình luận cuối cùng mà tôi vừa nhập đã được thêm vào ở đây.
Cũng lưu ý rằng ngày cho
biểu mẫu đã được thêm vào bình luận ở đây.
Vì vậy, bạn có nghĩa vụ phải lấy các giá trị từ mô hình biểu mẫu và
sau đó sao chép nó vào một mô hình dữ liệu, và sau đó bạn đẩy bình luận
vào tia đối tượng JavaScript nhận xét cho đối tượng món ăn.
Vì vậy, đó là một cái gì đó mà bạn cần phải làm bằng cách sử dụng phương pháp đẩy mảng cho
mảng đối tượng JavaScript.
Hơn nữa, ngày nên được tự động cấu hình và
thêm vào mô hình dữ liệu đó.
Hãy nhớ rằng mô hình biểu mẫu không chứa ngày, nhưng
mô hình dữ liệu có nguồn gốc từ lớp bình luận mà chúng tôi đã thiết kế,
mô hình dữ liệu chứa tác giả, đánh giá, bình luận và ngày.
Vì vậy, bạn cần phải thêm ngày vào mô hình dữ liệu.
Vì vậy, đây là nơi bạn sẽ sử dụng các
lớp Java Script date cùng với chuyển đổi nó thành một
chuỗi ISO trước khi bạn lưu trữ vào trường ngày của mô hình dữ liệu nhận xét của bạn.
Bây giờ tôi đã cung cấp cho bạn các liên kết đến ví dụ về cách bạn có thể
tạo ngày và làm thế nào bạn cab chuyển đổi ngày thành một
chuỗi ISO trong tài liệu cho nhiệm vụ này,
và cũng trong các nguồn lực bổ sung cho mục này.
Vì vậy, xin vui lòng tìm kiếm để hiểu làm thế nào bạn phải
thêm ngày vào trường nhận xét đó ở đó.
Và một khi nhận xét được đẩy vào mảng nhận xét,
sau đó nó sẽ tham gia phần còn lại của nhận xét cho món ăn cụ thể đó.
Bạn phải nhớ rằng chúng tôi không lưu điều này vào phía máy chủ,
bởi vì chúng tôi không có một phía máy chủ.
Vì vậy, nếu bạn tải lại trang của mình, nhận xét đó sẽ biến mất.
Điều đó hoàn toàn chấp nhận được.
Ở giai đoạn này, chúng tôi không cố gắng lưu những thay đổi cho
món ăn trở lại máy chủ thông qua dịch vụ món ăn của chúng tôi.
Điều đó chúng ta sẽ làm trong một trong những chu kỳ sau.
Vì vậy, tại thời điểm này, nếu bạn tải lại trang này, nhận xét mà bạn chỉ cần nhập sẽ
biến mất, nhưng điều đó hoàn toàn chấp nhận được.
Vì vậy, đây là nhiệm vụ thứ ba trong nhiệm vụ của bạn.
Sau khi bạn hoàn thành tất cả ba nhiệm vụ, hãy chắc chắn rằng tất cả mọi thứ hoạt động
chính xác trước khi bạn gửi giải pháp gán cho hệ thống của họ.
[ NHẠC]