Hướng dẫn php render html

Tác giả: Dương Nguyễn Phú Cường

Ngày đăng: Hồi xưa đó

Render là gì?

Render là một thuật ngữ dùng để chỉ hành động IN ra màn hình giá trị của biến trong PHP.

Dữ liệu đơn giản là các kiểu dữ liệu đơn thuần trong PHP như:

• Chuỗi (String)
• Số nguyên (Integer)
• Số có dấu chấm động (Float, Double, Decimal)
• Kiểu dữ liệu Đúng/Sai (Boolean)

Ví dụ

Cho thông tin Sinh viên như sau:

• Họ tên:Dương Nguyễn Phú Cường
• Giới tính:Nam
• Điểm lý thuyết:8
• Điểm thực hành:10

=> Yêu cầu sử dụng PHP để khai báo các biến chứa giá trị tương ứng và RENDER ra màn hình với định dạng Danh sách Không thứ tự (UL) như trên.

Thực hành

Bước 1: tạo file render-du-lieu-don-gian.php trong thư mục gốc của dự án

Bước 2: viết code như sau

  
  
  
  
  
  
  


  
Render dữ liệu đơn giản bằng PHP

  

  
Thông tin của Sinh viên
  

    
Họ tên: 
    
Giới tính: 
    
Điểm lý thuyết: 
    
Điểm thực hành: 
  

Bước 3: Kiểm tra kết quả

Xem kết quả tại: http://learning.nentang.vn/php/lessons/render-trong-php/render-du-lieu-don-gian.php

Tác giả: Dương Nguyễn Phú Cường

Ngày đăng: Hồi xưa đó

Render là gì?

Render là một thuật ngữ dùng để chỉ hành động IN ra màn hình giá trị của biến trong PHP.

Dữ liệu dạng mảng (array) là kiểu dữ liệu có cấu trúc, được lưu trữ theo kiểu key => value. Với:

• Mỗi key là một khóa chứa giá trị duy nhất (thường là số nguyên (integer) bắt đầu từ 0 hoặ c là chuỗi (string) tương ứng với tên cột (column) trong table nào đó).
• value: là giá trị được lưu trữ trong key đó. Có thể là các kiểu dữ liệu của PHP như Chuỗi (String), Số nguyên (Integer), Số có dấu chấm động (Float, Double, Decimal), Kiểu dữ liệu Đúng/Sai (Boolean), kiểu Array, kiểu Object...

Ví dụ khai báo mảng array:

Cho thông tin Sinh viên như sau:

• Họ tên:Dương Nguyễn Phú Cường
• Giới tính:Nam
• Điểm lý thuyết:8
• Điểm thực hành:10

Để khai báo thông tin về Sinh viên này, ta thấy có 4 thuộc tính tương ứng như sau:

• Họ tên: có thể đặt tên key là hoten
• Giới tính: có thể đặt tên key là gioitinh
• Điểm lý thuyết: có thể đặt tên key là diemlt
• Điểm thực hành: có thể đặt tên key là diemth

Code khai báo trong PHP như sau:

 'Dương Nguyễn Phú Cường', // key Họ tên          có value = 'Dương Nguyễn Phú Cường'
  'gioitinh'  => 'Nam',                    // key Giới tính       có value = 'Nam'
  'diemlt'    => 8,                        // key Điểm lý thuyết  có value = 8
  'diemth'    => 10                        // key Điểm thực hành  có value = 10
);
?>

Ví dụ khai báo mảng của mảng (Danh sách) Jagged Array

Cho danh sách Sinh viên như sau:

=> Yêu cầu sử dụng PHP để khai báo các biến chứa giá trị tương ứng và RENDER ra màn hình với định dạng danh sách Table như trên.

Thực hành

Bước 1: tạo file render-du-lieu-danh-sach-array.php trong thư mục gốc của dự án

Bước 2: viết code như sau

Phong cách (style) viết code 1: sử dụng và

• Có nhiều phong cách (styles) viết code.
• Đây là cách render code thường sử dụng trong dự án do dễ đọc hiểu code.

  
  
  
  
  
  
  


  
Render dữ liệu dạng danh sách Array bằng PHP

   'Dương Nguyễn Phú Cường', // key Họ tên          có value = 'Dương Nguyễn Phú Cường'
    'gioitinh'  => 'Nam',                    // key Giới tính       có value = 'Nam'
    'diemlt'    => 8,                        // key Điểm lý thuyết  có value = 8
    'diemth'    => 10                        // key Điểm thực hành  có value = 10
  );

  // Khai báo biến mảng (array) mô tả về thông tin về Sinh viên 2
  $arrSinhVien2 = array(
    'hoten'     => 'Trần Thị B',            // key Họ tên          có value = 'Trần Thị B'
    'gioitinh'  => 'Nữ',                    // key Giới tính       có value = 'Nữ'
    'diemlt'    => 6,                       // key Điểm lý thuyết  có value = 6
    'diemth'    => 7                        // key Điểm thực hành  có value = 7
  );

  // Khai báo biến mảng (array) mô tả về thông tin về Sinh viên 3
  $arrSinhVien3 = [
    'hoten'     => 'Phạm Văn C',            // key Họ tên          có value = 'Phạm Văn C'
    'gioitinh'  => 'Nam',                   // key Giới tính       có value = 'Nam'
    'diemlt'    => 7,                       // key Điểm lý thuyết  có value = 7
    'diemth'    => 9                        // key Điểm thực hành  có value = 9
  ];

  // Tạo mảng Danh sách (array) lớn chứa các mảng dữ liệu con
  // Danh sách có 3 dòng dữ liệu => tương đương với 3 array con
  $arrDanhSach = [
    $arrSinhVien1,
    $arrSinhVien2,
    $arrSinhVien3,
  ];
  ?>

  
  
Danh sách Thông tin của Sinh viên
  
Render theo phong cách 1 (style viết code) foreach: và endforeach;
  

    

      
Họ tên
      
Giới tính
      
Điểm LT
      
Điểm TH
    

    
    

      

      

      

      

    
    

  

Phong cách (style) viết code 2: sử dụng và

• Đây là cách render code thường ít sử dụng trong dự án hơn do dấu ngoặc nhọn nhỏ và khó nhìn @@.
• Thay thế đoạn code render trên từ dòng 60-67 thành đoạn code sau và kiểm tra kết quả.

Danh sách Thông tin của Sinh viên
Render theo phong cách 2 (style viết code) foreach { và }

  

    
Họ tên
    
Giới tính
    
Điểm LT
    
Điểm TH
  

  
  

    

    

    

    

  
  

Phong cách (style) viết code 3: sử dụng và

• Đây là cách render code sử dụng vòng lặp for. Cần khai báo:
  • Biến chạy $i bắt đầu từ 0
  • Chạy đến số lượng phần tử có trong danh sách mảng array. Sử dụng hàm count($array) để lấy được số lượng phần tử đang có trong mảng.
  • Mỗi lần chạy tăng biến chạy lên 1 đơn vị $i++
• Thay thế đoạn code render trên từ dòng 60-67 thành đoạn code sau và kiểm tra kết quả.

Danh sách Thông tin của Sinh viên
Render theo phong cách 3 (style viết code) for: và endfor;

  

    
Họ tên
    
Giới tính
    
Điểm LT
    
Điểm TH
  

  
  

    

    

    

    

  
  

Phong cách (style) viết code 4: sử dụng và

• Đây là cách render code sử dụng vòng lặp for. Tương tự như cách trên, thay vì sử dụng for endfor thì sử dụng dấu ngoặc nhọn { }. Tuy nhiên hạn chế sử dụng, vì rất khó nhìn trong khi đọc code
• Thay thế đoạn code render trên từ dòng 60-67 thành đoạn code sau và kiểm tra kết quả.

Danh sách Thông tin của Sinh viên
Render theo phong cách 4 (style viết code) for { và }

  

    
Họ tên
    
Giới tính
    
Điểm LT
    
Điểm TH
  

  
  

    

    

    

    

  
  

Bước 3: Kiểm tra kết quả

Xem kết quả tại: http://learning.nentang.vn/php/lessons/render-trong-php/render-du-lieu-danh-sach-array.php