Vẻ đẹp thực sự của PHP, MySQL, JavaScript và CSS là cách tuyệt vời mà tất cả chúng làm việc cùng nhau để tạo ra nội dung web động. PHP xử lý tất cả các công việc chính trên máy chủ web, MySQL quản lý tất cả dữ liệu và sự kết hợp giữa CSS và JavaScript chăm sóc trình bày trang web. JavaScript cũng có thể nói chuyện với mã PHP của bạn trên máy chủ web bất cứ khi nào nó cần cập nhật thứ gì đó [trên máy chủ hoặc trên trang web]
Nếu không sử dụng mã chương trình, tại thời điểm này, bạn nên tóm tắt nội dung của chương này bằng cách xem xét quá trình kết hợp các công nghệ cốt lõi của chúng tôi thành một tính năng Ajax hàng ngày mà nhiều trang web sử dụng. kiểm tra xem tên người dùng mong muốn đã tồn tại trên trang web hay chưa khi người dùng đăng ký tài khoản mới. Có thể thấy một ví dụ điển hình về điều này với Gmail [xem ]
Hình 1-3. Â Gmail sử dụng Ajax để kiểm tra tính khả dụng của tên người dùng
Các bước liên quan đến quy trình Ajax này sẽ tương tự như sau
Máy chủ xuất HTML để tạo biểu mẫu web, biểu mẫu này yêu cầu các chi tiết cần thiết, chẳng hạn như tên người dùng, tên, họ và địa chỉ email
Đồng thời, máy chủ đính kèm một số JavaScript vào HTML để theo dõi hộp nhập tên người dùng và kiểm tra hai điều. liệu một số văn bản đã được nhập vào đó hay chưa và liệu đầu vào có bị bỏ chọn do người dùng đã nhấp vào hộp nhập liệu khác hay không
Khi văn bản đã được nhập và trường được bỏ chọn, trong nền, mã JavaScript sẽ chuyển tên người dùng đã được nhập trở lại tập lệnh PHP trên máy chủ web và chờ phản hồi
Máy chủ web tra cứu tên người dùng và trả lời lại JavaScript về việc tên đó đã được sử dụng chưa
Sau đó, JavaScript đặt một dấu hiệu bên cạnh hộp nhập tên người dùng để cho biết liệu tên này có sẵn cho người dùng hay không—có thể là dấu kiểm màu xanh lá cây hoặc hình chữ thập màu đỏ, cùng với một số văn bản
Nếu tên người dùng không khả dụng và người dùng vẫn gửi biểu mẫu, thì JavaScript sẽ ngắt quá trình gửi và nhấn mạnh lại [có thể bằng hình ảnh lớn hơn và/hoặc hộp cảnh báo] rằng người dùng cần chọn một tên người dùng khác
Theo tùy chọn, một phiên bản cải tiến của quy trình này thậm chí có thể xem xét tên người dùng mà người dùng yêu cầu và đề xuất một giải pháp thay thế hiện có sẵn
Tất cả điều này diễn ra lặng lẽ trong nền và tạo ra trải nghiệm người dùng thoải mái và liền mạch. Nếu không sử dụng Ajax, toàn bộ biểu mẫu sẽ phải được gửi tới máy chủ, sau đó máy chủ sẽ gửi lại HTML, đánh dấu bất kỳ lỗi nào. Nó sẽ là một giải pháp khả thi, nhưng không nơi nào gọn gàng hoặc thú vị như xử lý trường biểu mẫu đang hoạt động
Tuy nhiên, Ajax có thể được sử dụng cho nhiều mục đích hơn là xác minh và xử lý đầu vào đơn giản;
Trong chương này, bạn đã đọc phần giới thiệu hay về các công nghệ cốt lõi của PHP, MySQL, JavaScript và CSS [cũng như Apache] và đã học cách chúng hoạt động cùng nhau. Trong Chương 2, chúng ta sẽ xem xét cách bạn có thể cài đặt máy chủ phát triển web của riêng mình để thực hành mọi thứ bạn sẽ học trên đó. Tuy nhiên, trước tiên, hãy xem xét những câu hỏi này
Khám phá hàng nghìn tập lệnh PHP tốt nhất từng được tạo trên CodeCanyon. Với khoản thanh toán một lần, chi phí thấp, bạn có thể mua một trong những tập lệnh PHP chất lượng cao này và cải thiện trải nghiệm trang web cho bạn và khách truy cập của bạn.Xin chào, tôi muốn tạo trình tạo số dễ dàng, trong đó các số được tạo sẽ là từng số trong vòng tròn màu vàng. Bạn có thể giúp tôi thêm kiểu css cho từng số trong css không
Sau khi nhấn nút, các số sẽ được tạo. cảm ơn nhiều vì sự giúp đỡ
Mã số
";
echo " ";
echo "Refresh";
?>
Cuối cùng, bạn cũng có thể bao gồm tệp CSS qua PHP. Điều này về cơ bản sẽ chèn tệp vào vị trí này trên trang khi nó được thực thi giống như sao chép và dán
include['style.css'];
GHI CHÚ. Bạn sẽ phải bao gồm
và
các thẻ ở đầu và cuối tệp css nếu sử dụng phương pháp này
Có rất nhiều cách sử dụng PHP echo out CSS cho bạn. Một vài ví dụ là người dùng tùy chỉnh chủ đề của họ và lấy các giá trị CSS từ cơ sở dữ liệu, có một kiểu khác cho các tác nhân người dùng khác nhau và lấy kiểu tùy chỉnh từ cookie
Khi mọi người được hỏi về các tính năng mà họ muốn CSS, "các biến" dường như luôn xuất hiện. Đây có phải là một ý tưởng tốt hay không vẫn là điều mà cá nhân tôi chưa quyết định, nhưng tôi nghiêng về phía có. Bất kể, sử dụng PHP, việc sử dụng các biến trong CSS rất dễ dàng. Đây chắc chắn không phải là một thủ thuật mới, nhưng tôi chưa bao giờ đề cập cụ thể về nó nên tôi nghĩ mình nên
Phong cách. php
Thay vì sử dụng. phần mở rộng tệp css, sử dụng. php
loại nội dung
Ở đầu phong cách mới của bạn. tệp php đặt loại Nội dung trở lại CSS
Thiết lập các biến
Bây giờ bạn có thể thiết lập các biến cho bất cứ thứ gì bạn thích
sử dụng các biến
Bên dưới tất cả những thứ PHP đó, bạn chỉ có thể bắt đầu viết CSS thông thường, chỉ bạn mới có thể trộn một số PHP để tạo ra các biến đó
#header {
background: url["/images/header-bg.png"] no-repeat;
}
a {
color: ;
}
...
ul#main-nav li a {
color: ;
}Mở rộng sức mạnh / Ý tưởng khác
- Trong khi bạn đang ở đó, cũng có thể nén CSS bằng PHP
- Về mặt lý thuyết, bạn có thể lấy tác nhân người dùng và cố gắng thực hiện CSS dành riêng cho trình duyệt, nhưng điều đó có rất nhiều vấn đề và không được khuyến nghị
- Kéo ngày/giờ và có thể thay đổi một số nội dung trên trang web của bạn cho các mùa hoặc thời gian khác nhau trong ngày
- Tạo một số ngẫu nhiên, kiểm tra kết quả, sử dụng nó để đặt hình nền ngẫu nhiên trên tiêu đề của bạn
Không làm việc?
Tôi đã thực hiện một trang thử nghiệm hoàn toàn tĩnh và nó hoạt động tốt, sau đó tôi đã thử kỹ thuật tương tự này trong một trang web WordPress và không có con xúc xắc nào. Giải pháp cho tôi là để lại tệp có tên style. css và sử dụng. htaccess để phân tích nó dưới dạng PHP. Chỉ cần chắc chắn rằng mã này là trong. htaccess [chỉ dành cho máy chủ Apache] ở cùng cấp thư mục với tệp CSS. Sau đó, chỉ cần sử dụng PHP bên trong nó như bất kỳ tệp PHP nào khác