Tất cả danh sách javascript

Sau 16 bài học, hôm nay cũng là bài cuối cùng, chúng ta sẽ hoàn thiện những tính năng cuối cùng của ứng dụng Todo List cơ bản. Các công việc có thể được tạo ra, cập nhật và xóa khỏi ứng dụng. Tuy nhiên, chúng ta không có tính năng đánh dấu những công việc đã hoàn thành

Xử lý trạng thái công việc trong Todo List

Trong thiết kế ở bài số 5, bảng tất cả các trường đã hoàn thành có sử dụng kiểu dữ liệu Boolean để đánh dấu từng công việc xem đã hoàn thành hay chưa

bước 1. Thêm nút Hoàn thành vào từng Tất cả

Trong trang liệt kê Các Công Việc /Tất cả, ở Mỗi Công Việc đã Cóc

Open view resource/views/todos/index. lưỡi. php và thêm vào nút Complete

@extends['layouts.app']

@section['title']
Todos List
@endsection

@section['content']
  

TODOS PAGE

Todos
    @foreach[$todos as $todo]
  • {{ $todo->name }} @if[!$todo->completed] Complete @endif View
  • @endforeach
@endsection

Cùng thảo luận một chút về đoạn mã hiển thị nút Hoàn thành

@if[!$todo->completed]
  Complete
@endif

Kiểm tra xem một công việc nếu chưa hoàn thành sẽ hiển thị một nút Hoàn thành cho công việc đó, khi nhấp vào nó sẽ thực hiện đường d/ẫ}/todos/todos. Quay lại với quy trình 3 bước, bạn nhớ chứ

bước 2. Đăng ký đường dẫn

Mở tệp route/web. php and register this path

________hai

Đường dẫn này sẽ được thực thi theo phương thức Complete[] trong TodosController

Bước 3. Xử lý nghiệp vụ trong Bộ điều khiển

Phương thức hoàn thành[] hiện chưa tồn tại, mở bộ điều khiển ra và thêm phương thức này vào [app/Http/Controllers/TodosController. php]

public function complete[Todo $todo]
{
  $todo->completed = true;
  $todo->save[];

  session[]->flash['success', 'Todo completed successfully.'];

  return redirect['/todos'];
}

NHẠC LẠI MỘT CHUT, TRỌNG PHƯỢNG THỨ HOÀN THIỆN [] CHUNG TA COR Sử dụng ROUTE MODEL RÀNG BUỘC • TRUYỀN MÔ HÌNH Vào ROUTE Tự ộNG Và Chung ta cũng sử dụng DụNG LARAVEL SESSION Tất cả

bước 4. Hoàn thành công việc

Sau khi đã chuyển trạng thái, chúng ta chỉ thực hiện chuyển hướng người dùng về trang danh sách /tất cả, như vậy là kết thúc một chu kỳ tỳ hưu

public function complete[Todo $todo]
{
  ...
  return redirect['/todos'];
}

Mã nguồn. Bài 17 - Hoàn thiện ứng dụng Todo List

Tóm tắt khoa học Laravel cơ bản

Key học Laravel cơ bản giống với dự án ứng dụng nhỏ quản lý công việc Tất cả danh sách đã hoàn thành. Đây là một ứng dụng nhỏ nhưng qua đó chúng ta đã nắm bắt được các khái niệm cơ bản trong Laravel

  • Cài đặt và thiết lập môi trường phát triển Laravel
  • Làm quen với mô hình MVC thực tế và mô hình MVC được áp dụng trong Laravel thông qua các khái niệm về Route, View, Controller, Model
  • Làm việc với cơ sở dữ liệu với khá nhiều khái niệm mới như Migration, Factory, Seeder
  • Nắm bắt được cách thức xây dựng ứng dụng với các tập tin cục bộ [layout] và Laravel Blade
  • Thực hiện một chuỗi các hành động CRUD [Tạo, Đọc, Cập nhật và Xóa] với một đối tượng

Với những kiến ​​thức nền tảng này, bạn có thể tìm hiểu các vấn đề khác nhau trong Laravel và cũng có thể bắt tay xây dựng những webng dụn khƺá

Open wide application Todo List

Key học đã kết thúc, tuy nhiên để ứng dụng Todo List có thể sử dụng được trong thực tế chúng ta cần thêm một vài tính năng cho nó

  1. User feature
    • Chúng ta muốn rằng ứng dụng Todo List này có thể được sử dụng bởi nhiều người dùng khác nhau, do đó cần thêm tính năng về ứng dụng dûài d. Mỗi công việc có thể ở dạng công khai hoặc riêng tư để người khác có thể xem hoặc không xem được
    • Công việc có thể chung cho từng nhóm người dùng
  2. Open width for each Everything
    • Thêm phần đính kèm, một công việc có thể đính kèm các tài liệu định dạng văn bản, tệp nén, hình ảnh, video
    • Thay vì trạng thái chưa hoàn thành và đã hoàn thành, chúng ta thêm vào phần đánh giá phần trăm hoàn thành
    • Phân loại công việc theo mức độ như thông thường, cấp độ
    • xóa mọi thứ. chúng ta sử dụng soft delete thay vì xóa chắc chắn bản ghi khỏi cơ sở dữ liệu
    • Thời gian hoàn thành dự kiến
  3. thong bao
    • Thông báo cho người sử dụng các công việc đã hết hạn
    • Cho phép đặt lịch hiển thị nhắc nhở công việc chung của nhóm người dùng

Với các tính năng mở rộng trên, ứng dụng Todo list đã có thể được đưa lên Internet và sử dụng cho nhiều người khác nhau. Bạn hãy bắt tay vào xây dựng và cùng thảo luận những khó khăn trong phần bình luận nhé. Phần mở rộng ứng dụng Todo List này sẽ tiếp tục trong phần Bonus của Key học, các bài viết sẽ sớm được công khai khi hoàn thành

Chúc các bạn có những bài học hiệu quả, nhớ ủng hộ website thông qua click quảng cáo và đăng ký kênh youtube Allaravel nhé

Chủ Đề