Ngày Công Bố: September/2022
Khi chúng tôi phát triển một trang web bằng PHP, chúng tôi sử dụng các hình ảnh mà chúng tôi tải lên một cách linh hoạt và nhiều lần chúng tôi cần phải thao tác để thay đổi kích thước hoặc đặt hình mờ. Sử dụng hình ảnh động rất hữu ích vì nhiều lần người dùng hoặc quản trị viên web tải lên hình ảnh từ một biểu mẫu và chúng tôi cần chúng để hiển thị giống nhau hoặc tự động thay đổi kích thước hình ảnh.
Thư viện cho GD đồ họa, là một thư viện được phát triển bằng C và cho phép thao tác hình ảnh từ PHP. Thư viện này cung cấp cho chúng tôi các chức năng để quản lý hình ảnh ở các định dạng khác nhau như JPEG, GIF, PNG, SWF, TIFF, định dạng png được sử dụng nhiều nhất vì nó cho phép độ trong suốt.
Chúng ta sẽ thấy một số ví dụ về cách thao tác hình ảnh với PHP và GD để chạy các ví dụ mà chúng ta phải có máy chủ từ xa hoặc máy chủ cục bộ hỗ trợ PHP, để cài đặt một máy cục bộ mà chúng ta có thể sử dụng Xampp như chúng ta đã thấy trong hướng dẫn Mount Xampp để biến máy tính của bạn thành máy chủ web.
Tiếp theo chúng ta sẽ xem cách thay đổi kích thước hình ảnh và lưu hình ảnh đã thay đổi kích thước trong một thư mục máy chủ.
Sau khi thực hiện kịch bản, hình ảnh sẽ như sau:
Chúng tôi kiểm tra bên dưới với hình ảnh hình chữ nhật có chiều rộng 1550 pixel cao 896 pixel.
Sau khi thực thi tập lệnh, hình ảnh sẽ tự động thay đổi kích thước:
Chúng ta có thể thấy rằng hai hình ảnh không bao giờ vượt quá kích thước được xác định tối đa rộng 200 pixel.
GD có thể được sử dụng để tham gia các hình ảnh trong suốt, chẳng hạn như chèn hình mờ hoặc nhãn trên hình ảnh.
Một trong những cách sử dụng phổ biến nhất là trong các cửa hàng ảo để đặt một poster lên hình ảnh của sản phẩm khi nó được bán hết hoặc hết hàng.Thông qua các phiên bản mới của PHP, các chức năng mới cho thao tác hình ảnh đã được thêm vào, bạn cũng có thể cài đặt các thư viện khác như ImageMagic hoặc Gmagic cung cấp các chức năng giúp chúng ta dễ dàng quản lý hình ảnh dễ dàng hơn so với sử dụng GD.
Tiếp theo chúng ta sẽ xem làm thế nào để đặt một hộp và viết một văn bản bên trong một hình ảnh dưới dạng hình mờ hoặc để đặt một số chi tiết hoặc tiêu đề thư.
Màu sắc có thể được lấy từ trang web Mã màu và chúng tôi có thể tải xuống hàng ngàn phông chữ ttf miễn phí từ trang web của Dafont.
Phương pháp vẽ đồ thị văn bản này được captchas sử dụng rộng rãi như một phương tiện bảo mật để đăng nhập hoặc đăng ký người dùng, ví dụ như các chữ cái hoặc số ngẫu nhiên được tạo và sau đó hiển thị dưới dạng hình ảnh mà người dùng phải ghi vào hộp văn bản để xác thực.
Sau đó, chúng tôi sẽ tạo mã để đặt logo hoặc hình mờ trên ảnh, vì điều này chúng tôi sẽ phát triển mã sau đây.
[color = # a9a9a9] Mã để đặt logo hoặc hình mờ trên ảnh [/ color]Đặt hình mờ cho phép chúng tôi tránh liên kết nóng hoặc đánh cắp hình ảnh khi người dùng khác sao chép hình ảnh của chúng tôi.
Chúng ta phải luôn nhớ tạo một bản sao của hình ảnh gốc trước khi áp dụng bất kỳ chuyển đổi nào, điều rất quan trọng là lưu url của hình ảnh nguồn trong một biến và, nếu có thể, hãy lưu hình ảnh đã sửa đổi trong một thư mục khác.
Chúng ta có thể tự thực hiện các chức năng của mình để xử lý hình ảnh một cách linh hoạt bằng cách gửi một vài tham số như hình ảnh gốc, kích thước, chiều rộng và chiều cao, nếu chúng ta cần một văn bản hoặc logo để có được hình ảnh thu nhỏ hoặc hình ảnh thủy ấn. Luôn luôn ở cuối quá trình, hãy nhớ rằng chúng ta phải giải phóng bộ nhớ ram gọi hàm và chỉ ra hình ảnh sẽ được phát hành.
imagedestroy [hình ảnh $];Tải xuống Plugin Papepiling$config[ads_text5] not found plugin-papepiling.zip 12.53K 186 Tải xuống
- 0
Vietnamese [Tiếng Việt] translation by Dai Phong [you can also view the original English article]
Trong video + bài hướng dẫn của tuần này, chúng tôi sẽ hướng dẫn bạn cách xây dựng giỏ hàng của riêng bạn bằng PHP và MySQL. Như bạn sẽ thấy, nó không quá khó như bạn nghĩ.
Video Xem trước
Bước 1
Hãy bắt đầu bằng cách xem xét cấu trúc thư mục:
Cấu trúc
- reset.css - bạn có thể lấy css reset từ liên kết này
- style.css - tập tin css mà chúng ta sẽ sử dụng để định phong cách cho code HTML của chúng ta
- connection.php - tập tin này sẽ tạo kết nối tới cơ sở dữ liệu của chúng ta
- index.php - template cho giỏ hàng của chúng ta
- cart.php - tập tin nơi chúng ta sẽ có thể thay đổi các sản phẩm của chúng ta từ giỏ hàng [thêm, xóa]
- products.php - trang liệt kê các sản phẩm
Bước 2
Chúng ta sẽ bắt đầu bằng cách viết code html và sau đó định phong cách cho nó. Vì vậy, hãy mở index.php và sao chép/dán code dưới đây vào:
Shopping cart
Như bạn thấy, trang của chúng ta có hai cột: cột main và cột sidebar. Hãy chuyển sang CSS. Mở tập tin style.css và nhập code dưới đây vào:
body {
font-family: Verdana;
font-size: 12px;
color: #444;
}
#container {
width: 700px;
margin: 150px auto;
background-color: #eee;
overflow: hidden; /* Set overflow: hidden to clear the floats on #main and #sidebar */
padding: 15px;
}
#main {
width: 490px;
float: left;
}
#sidebar {
width: 200px;
float: left;
}Trang sản phẩm của chúng ta bây giờ sẽ trông giống như sau:
Video Hướng dẫn Đầy đủ
Bước 3
Trước khi chúng ta chuyển sang phần PHP/MySQL, chúng ta cần phải tạo cơ sở dữ liệu. Do đó hãy mở phpMyadmin và làm theo các bước sau:
- Vào tab Privileges, nhấp vào nút add new user, và sử dụng các thiết lập sau: Username: tutorial; Host: localhost; Password: supersecretpassword ;. Bây giờ đảm bảo rằng các quyền Global được thiết lập; Sau đó chuyển sang bước tiếp theo.
- Tạo một cơ sở dữ liệu mới được gọi là tutorials.
- Tạo một bảng mới gọi là products và thiết lập số lượng trường thành 4. Bây giờ điền vào các trường đó, vì vậy bạn có: id_integer - đảm bảo nó được thiết lập thành INT và đánh dấu nó như PRIMARY [đồng thời thiết lập nó thành auto_increment]; name - chọn kiểu VARCHAR với chiều dài 100; description - VARCHAR với chiều dài 250; price - đảm bảo rằng nó được thiết lập thành DECIMAL[2,6]
- Điền vào bảng dữ liệu của bạn bằng một số sản phẩm mẫu
Để tiết kiệm thời gian, tôi đã xuất các sản phẩm của tôi để bạn chỉ cần chạy truy vấn sau đây:
CREATE TABLE IF NOT EXISTS `products` [ `id_product` int[11] NOT NULL AUTO_INCREMENT, `name` varchar[100] NOT NULL, `description` varchar[250] NOT NULL, `price` decimal[6,2] NOT NULL, PRIMARY KEY [`id_product`] ] ENGINE=MyISAM DEFAULT CHARSET=latin1 AUTO_INCREMENT=7 ; INSERT INTO `products` [`id_product`, `name`, `description`, `price`] VALUES [1, 'Product 1', 'Some random description', '15.00'], [2, 'Product 2', 'Some random description', '20.00'], [3, 'Product 3', 'Some random description', '50.00'], [4, 'Product 4', 'Some random description', '55.00'], [5, 'Product 5', 'Some random description', '54.00'], [6, 'Product 6', 'Some random description', '34.00'];
Bước 4
Trước khi chúng ta di chuyển đến phần trích xuất dữ liệu từ cơ sở dữ liệu, tôi sẽ tạo cho index.php của tôi một template cho danh sách sản phẩm và giỏ hàng. Do đó, hãy thêm code sau vào trên cùng của trang index.php của bạn:
- session_start[] - nó sẽ được sử dụng sau này; nó sẽ cho phép chúng ta thật sự sử dụng các session [điều quan trọng là session_start được viết trước khi bất kỳ dữ liệu nào khác được gửi tới trình duyệt].
- Trong dòng thứ hai, chúng ta include connection.php để xác lập kết nối với cơ sở dữ liệu [chúng ta sẽ giải quyết điều này trong giây lát nữa]. Một điều nữa: sự khác biệt giữa include và require là nếu bạn sử dụng require và tập tin không được tìm thấy, việc thực thi script sẽ kết thúc. Nếu bạn sử dụng "include", script sẽ tiếp tục thực thi.
- Thay vì sao chép toàn bộ code html [liên kết đến css, đến js] cho từng tập tin trong trang web của bạn, bạn có thể gom chúng thành một tập tin có liên quan. Vì vậy, trước tiên, tôi kiểm tra xem có một biến GET được gọi là "page set" hay không. Nếu không, tôi tạo một biến mới gọi là _pages. Nếu biến GET được gọi là pages đã được thiết lập trước, tôi muốn đảm bảo rằng tập tin mà tôi sẽ include là một trang hợp lệ.
Để thực hiện công việc này, chúng ta cần phải include tập tin; thêm dòng này vào index.php giữa div với id của "main":
Đây là index.php hoàn chỉnh mà chúng ta có lúc này:
Shopping Cart
Hãy tạo kết nối đến MySQL. Mở connections.php và nhập vào như sau: