Css ứng dụng laravel 8 trống
|
Laravel là một khung ứng dụng web với cú pháp rõ ràng, thanh lịch. Khung web cung cấp cấu trúc và điểm bắt đầu để tạo ứng dụng của bạn, cho phép bạn tập trung vào việc tạo ra thứ gì đó tuyệt vời trong khi chúng tôi đổ mồ hôi cho các chi tiết Show
Laravel cố gắng cung cấp trải nghiệm tuyệt vời cho nhà phát triển trong khi cung cấp các tính năng mạnh mẽ như tiêm phụ thuộc triệt để, lớp trừu tượng cơ sở dữ liệu biểu cảm, hàng đợi và công việc theo lịch trình, thử nghiệm đơn vị và tích hợp, v.v. Cho dù bạn là người mới sử dụng PHP web framework hay đã có nhiều năm kinh nghiệm, thì Laravel vẫn là một framework có thể phát triển cùng bạn. Chúng tôi sẽ giúp bạn thực hiện những bước đầu tiên với tư cách là nhà phát triển web hoặc hỗ trợ bạn khi bạn nâng chuyên môn của mình lên một tầm cao mới. Chúng tôi nóng lòng muốn xem những gì bạn xây dựng
Tại sao lại là Laravel?Có nhiều công cụ và khung có sẵn cho bạn khi xây dựng một ứng dụng web. Tuy nhiên, chúng tôi tin rằng Laravel là lựa chọn tốt nhất để xây dựng các ứng dụng web full-stack hiện đại Một khuôn khổ lũy tiếnChúng tôi muốn gọi Laravel là một framework "tiến bộ". Bằng cách đó, chúng tôi muốn nói rằng Laravel phát triển cùng với bạn. Nếu bạn chỉ mới bắt đầu bước những bước đầu tiên trong quá trình phát triển web, thì thư viện tài liệu, hướng dẫn và video hướng dẫn khổng lồ của Laravel sẽ giúp bạn tìm hiểu kiến thức cơ bản mà không bị choáng ngợp Nếu bạn là nhà phát triển cấp cao, Laravel cung cấp cho bạn các công cụ mạnh mẽ để tiêm phụ thuộc, kiểm tra đơn vị, hàng đợi, sự kiện thời gian thực, v.v. Laravel được tinh chỉnh để xây dựng các ứng dụng web chuyên nghiệp và sẵn sàng xử lý khối lượng công việc của doanh nghiệp Khung có thể mở rộngLaravel có khả năng mở rộng đáng kinh ngạc. Nhờ tính chất thân thiện với quy mô của PHP và hỗ trợ tích hợp sẵn của Laravel cho các hệ thống bộ nhớ cache phân tán, nhanh như Redis, việc mở rộng quy mô theo chiều ngang với Laravel rất dễ dàng. Trên thực tế, các ứng dụng Laravel đã được mở rộng dễ dàng để xử lý hàng trăm triệu yêu cầu mỗi tháng Cần nhân rộng? Khung cộng đồngLaravel kết hợp các gói tốt nhất trong hệ sinh thái PHP để cung cấp khung thân thiện với nhà phát triển và mạnh mẽ nhất hiện có. Ngoài ra, hàng ngàn nhà phát triển tài năng từ khắp nơi trên thế giới đã đóng góp vào khuôn khổ. Ai biết được, có thể bạn thậm chí sẽ trở thành cộng tác viên của Laravel Dự án Laravel đầu tiên của bạnTrước khi tạo dự án Laravel đầu tiên của bạn, bạn nên đảm bảo rằng máy cục bộ của bạn đã cài đặt PHP và Trình soạn thảo. Nếu bạn đang phát triển trên macOS, PHP và Composer có thể được cài đặt qua Homebrew. Ngoài ra, chúng tôi khuyên bạn nên cài đặt Node và NPM Sau khi bạn đã cài đặt PHP và Composer, bạn có thể tạo một project Laravel mới thông qua lệnh Composer Hoặc, bạn có thể tạo các dự án Laravel mới bằng cách cài đặt toàn bộ trình cài đặt Laravel thông qua Composer Sau khi dự án đã được tạo, hãy khởi động máy chủ phát triển cục bộ của Laravel bằng cách sử dụng lệnh Artisan CLI Khi bạn đã khởi động máy chủ phát triển Artisan, ứng dụng của bạn sẽ có thể truy cập được trong trình duyệt web của bạn tại
Laravel & DockerChúng tôi muốn việc bắt đầu với Laravel trở nên dễ dàng nhất có thể bất kể hệ điều hành ưa thích của bạn là gì. Vì vậy, có nhiều tùy chọn để phát triển và chạy dự án Laravel trên máy cục bộ của bạn. Mặc dù bạn có thể muốn khám phá các tùy chọn này sau, nhưng Laravel cung cấp Sail, một giải pháp tích hợp để chạy dự án Laravel của bạn bằng Docker Docker là một công cụ để chạy các ứng dụng và dịch vụ trong các "thùng chứa" nhỏ, nhẹ, không can thiệp vào phần mềm hoặc cấu hình được cài đặt trên máy cục bộ của bạn. Điều này có nghĩa là bạn không phải lo lắng về việc định cấu hình hoặc thiết lập các công cụ phát triển phức tạp như máy chủ web và cơ sở dữ liệu trên máy cục bộ của mình. Để bắt đầu, bạn chỉ cần cài đặt Docker Desktop Laravel Sail là giao diện dòng lệnh nhẹ để tương tác với cấu hình Docker mặc định của Laravel. Sail cung cấp một điểm khởi đầu tuyệt vời để xây dựng ứng dụng Laravel bằng PHP, MySQL và Redis mà không yêu cầu kinh nghiệm Docker trước đó
Bắt đầu trên macOSNếu bạn đang phát triển trên máy Mac và Docker Desktop đã được cài đặt, bạn có thể sử dụng một lệnh terminal đơn giản để tạo một dự án Laravel mới. Ví dụ: để tạo một ứng dụng Laravel mới trong thư mục có tên "example-app", bạn có thể chạy lệnh sau trong thiết bị đầu cuối của mình Tất nhiên, bạn có thể thay đổi "example-app" trong URL này thành bất kỳ thứ gì bạn thích - chỉ cần đảm bảo rằng tên ứng dụng chỉ chứa các ký tự chữ và số, dấu gạch ngang và dấu gạch dưới. Thư mục của ứng dụng Laravel sẽ được tạo trong thư mục mà bạn thực thi lệnh từ đó Quá trình cài đặt Sail có thể mất vài phút trong khi bộ chứa ứng dụng của Sail được xây dựng trên máy cục bộ của bạn Sau khi dự án đã được tạo, bạn có thể điều hướng đến thư mục ứng dụng và khởi động Laravel Sail. Laravel Sail cung cấp giao diện dòng lệnh đơn giản để tương tác với cấu hình Docker mặc định của Laravel Khi bộ chứa Docker của ứng dụng đã được khởi động, bạn có thể truy cập ứng dụng trong trình duyệt web của mình tại. http. //máy chủ cục bộ
Bắt đầu trên WindowsTrước khi chúng tôi tạo một ứng dụng Laravel mới trên máy Windows của bạn, hãy đảm bảo cài đặt Docker Desktop. Tiếp theo, bạn phải đảm bảo rằng Windows Subsystem for Linux 2 (WSL2) đã được cài đặt và kích hoạt. WSL cho phép bạn chạy các tệp thực thi nhị phân Linux nguyên bản trên Windows 10. Thông tin về cách cài đặt và kích hoạt WSL2 có thể được tìm thấy trong tài liệu môi trường dành cho nhà phát triển của Microsoft
Tiếp theo, bạn đã sẵn sàng để tạo dự án Laravel đầu tiên của mình. Khởi chạy Windows Terminal và bắt đầu phiên cuối mới cho hệ điều hành WSL2 Linux của bạn. Tiếp theo, bạn có thể sử dụng một lệnh đầu cuối đơn giản để tạo một dự án Laravel mới. Ví dụ: để tạo một ứng dụng Laravel mới trong thư mục có tên "example-app", bạn có thể chạy lệnh sau trong thiết bị đầu cuối của mình Tất nhiên, bạn có thể thay đổi "example-app" trong URL này thành bất kỳ thứ gì bạn thích - chỉ cần đảm bảo rằng tên ứng dụng chỉ chứa các ký tự chữ và số, dấu gạch ngang và dấu gạch dưới. Thư mục của ứng dụng Laravel sẽ được tạo trong thư mục mà bạn thực thi lệnh từ đó Quá trình cài đặt Sail có thể mất vài phút trong khi bộ chứa ứng dụng của Sail được xây dựng trên máy cục bộ của bạn Sau khi dự án đã được tạo, bạn có thể điều hướng đến thư mục ứng dụng và khởi động Laravel Sail. Laravel Sail cung cấp giao diện dòng lệnh đơn giản để tương tác với cấu hình Docker mặc định của Laravel Khi bộ chứa Docker của ứng dụng đã được khởi động, bạn có thể truy cập ứng dụng trong trình duyệt web của mình tại. http. //máy chủ cục bộ
Phát triển trong WSL2Tất nhiên, bạn sẽ cần có khả năng sửa đổi các tệp ứng dụng Laravel đã được tạo trong bản cài đặt WSL2 của mình. Để thực hiện điều này, chúng tôi khuyên bạn nên sử dụng trình chỉnh sửa Visual Studio Code của Microsoft và tiện ích mở rộng bên thứ nhất của họ để Phát triển từ xa Sau khi các công cụ này được cài đặt, bạn có thể mở bất kỳ dự án Laravel nào bằng cách thực hiện lệnh Bắt đầu trên LinuxNếu bạn đang phát triển trên Linux và Docker Compose đã được cài đặt, bạn có thể sử dụng một lệnh đầu cuối đơn giản để tạo một dự án Laravel mới. Ví dụ: để tạo một ứng dụng Laravel mới trong thư mục có tên "example-app", bạn có thể chạy lệnh sau trong thiết bị đầu cuối của mình Tất nhiên, bạn có thể thay đổi "example-app" trong URL này thành bất kỳ thứ gì bạn thích - chỉ cần đảm bảo rằng tên ứng dụng chỉ chứa các ký tự chữ và số, dấu gạch ngang và dấu gạch dưới. Thư mục của ứng dụng Laravel sẽ được tạo trong thư mục mà bạn thực thi lệnh từ đó Quá trình cài đặt Sail có thể mất vài phút trong khi bộ chứa ứng dụng của Sail được xây dựng trên máy cục bộ của bạn Sau khi dự án đã được tạo, bạn có thể điều hướng đến thư mục ứng dụng và khởi động Laravel Sail. Laravel Sail cung cấp giao diện dòng lệnh đơn giản để tương tác với cấu hình Docker mặc định của Laravel Khi bộ chứa Docker của ứng dụng đã được khởi động, bạn có thể truy cập ứng dụng trong trình duyệt web của mình tại. http. //máy chủ cục bộ
Chọn dịch vụ buồm của bạnKhi tạo một ứng dụng Laravel mới qua Sail, bạn có thể sử dụng biến chuỗi truy vấn Nếu bạn không chỉ định dịch vụ nào bạn muốn định cấu hình, ngăn xếp mặc định gồm Bạn có thể hướng dẫn Sail cài đặt Devcontainer mặc định bằng cách thêm tham số Cấu hình ban đầuTất cả các tệp cấu hình cho khung Laravel được lưu trữ trong thư mục Laravel hầu như không cần cấu hình bổ sung nào. Bạn được tự do để bắt đầu phát triển. Tuy nhiên, bạn có thể muốn xem lại tệp Cấu hình dựa trên môi trườngVì nhiều giá trị tùy chọn cấu hình của Laravel có thể khác nhau tùy thuộc vào việc ứng dụng của bạn đang chạy trên máy cục bộ hay trên máy chủ web sản xuất, nhiều giá trị cấu hình quan trọng được xác định bằng cách sử dụng tệp Tệp
Cơ sở dữ liệu & Di chuyểnBây giờ bạn đã tạo ứng dụng Laravel của mình, có lẽ bạn muốn lưu trữ một số dữ liệu trong cơ sở dữ liệu. Theo mặc định, tệp cấu hình Nếu bạn không muốn cài đặt MySQL hoặc Postgres trên máy cục bộ của mình, bạn luôn có thể sử dụng cơ sở dữ liệu SQLite. SQLite là một công cụ cơ sở dữ liệu nhỏ, nhanh, độc lập. Để bắt đầu, hãy tạo cơ sở dữ liệu SQLite bằng cách tạo tệp SQLite trống. Thông thường, tệp này sẽ tồn tại trong thư mục Tiếp theo, cập nhật tệp cấu hình Khi bạn đã định cấu hình cơ sở dữ liệu SQLite của mình, bạn có thể chạy di chuyển cơ sở dữ liệu của ứng dụng, điều này sẽ tạo các bảng cơ sở dữ liệu của ứng dụng của bạn Bước tiếp theoBây giờ bạn đã tạo dự án Laravel của mình, bạn có thể tự hỏi nên học gì tiếp theo. Đầu tiên, chúng tôi thực sự khuyên bạn nên làm quen với cách hoạt động của Laravel bằng cách đọc tài liệu sau Cách bạn muốn sử dụng Laravel cũng sẽ quyết định các bước tiếp theo trong hành trình của bạn. Có nhiều cách để sử dụng Laravel và chúng ta sẽ khám phá hai trường hợp sử dụng chính cho khung bên dưới
Laravel Khung ngăn xếp đầy đủLaravel có thể phục vụ như một full stack framework. Theo khung "đầy đủ ngăn xếp", chúng tôi muốn nói rằng bạn sẽ sử dụng Laravel để định tuyến các yêu cầu đến ứng dụng của mình và hiển thị giao diện người dùng của bạn thông qua các mẫu Blade hoặc công nghệ kết hợp ứng dụng một trang như Inertia. Đây là cách phổ biến nhất để sử dụng Laravel framework, và theo ý kiến của chúng tôi, là cách hiệu quả nhất để sử dụng Laravel Nếu đây là cách bạn dự định sử dụng Laravel, bạn có thể muốn xem tài liệu của chúng tôi về định tuyến, Laravel Sanctum và Eloquent ORM Tại sao CSS không hoạt động trong laravel?Thử sử dụng Mix để sao chép nội dung từ thư mục /vendor sang thư mục /public của bạn (tức là /public/css và /public/js). Sau đó, sử dụng các đường dẫn đó cho nội dung của bạn trong html. Đừng nghĩ rằng bạn nên tải nội dung từ thư mục nhà cung cấp.
Tôi có thể sử dụng CSS trong laravel không?Laravel Mix cung cấp một API rõ ràng, biểu cảm qua việc biên dịch SASS hoặc Ít hơn , là các phần mở rộng của CSS đơn giản có thêm các biến, mixin và các tính năng mạnh mẽ khác giúp làm việc với CSS nhiều hơn . |
