Template In ấn - Tính năng nâng cao#

#Tính năng nâng cao

#Phân trang

#1. Cập nhật số trang

#Cú pháp

Chèn trong phần mềm Office là được.

#Ví dụ

Trong Microsoft Word:

• Sử dụng tính năng "Insert → Page Number" Trong LibreOffice:
• Sử dụng tính năng "Insert → Field → Page Number"

#Kết quả

Trong báo cáo được sinh ra, số trang của mỗi trang sẽ tự động cập nhật.

#2. Sinh mục lục

#Cú pháp

Chèn trong phần mềm Office là được.

#Ví dụ

Trong Microsoft Word:

• Sử dụng tính năng "Insert → Index and Tables → Table of Contents" Trong LibreOffice:
• Sử dụng tính năng "Insert → Table of Contents and Index → Table of Contents, Index or Bibliography"

#Kết quả

Mục lục báo cáo được sinh ra sẽ tự động cập nhật theo nội dung tài liệu.

#3. Lặp lại header bảng

#Cú pháp

Chèn trong phần mềm Office là được.

#Ví dụ

Trong Microsoft Word:

• Nhấn chuột phải vào header → Table Properties → Tích "Repeat as header row at the top of each page" Trong LibreOffice:
• Nhấn chuột phải vào header → Table Properties → Tab Text Flow → Tích "Repeat heading"

#Kết quả

Khi bảng vượt qua trang, header sẽ tự động lặp lại ở đầu mỗi trang.

#Quốc tế hóa (i18n)

#1. Dịch văn bản tĩnh

#Cú pháp

Sử dụng nhãn {t(văn bản)} để quốc tế hóa văn bản tĩnh:

{t(meeting)}

#Ví dụ

Trong Template:

{t(meeting)} {t(apples)}

Cung cấp bản dịch tương ứng trong dữ liệu JSON hoặc từ điển bản địa hóa bên ngoài (ví dụ cho "fr-fr"), như "meeting" → "rendez-vous", "apples" → "Pommes".

#Kết quả

Khi sinh báo cáo, văn bản sẽ được thay thế bằng bản dịch tương ứng theo ngôn ngữ đích.

#2. Dịch văn bản động

#Cú pháp

Đối với nội dung dữ liệu có thể sử dụng Formatter :t, ví dụ:

{d.id:ifEQ(2):show({t(monday)}):elseShow({t(tuesday)})}

#Ví dụ

Trong Template:

{d.id:ifEQ(2):show({t(monday)}):elseShow({t(tuesday)})}

Cung cấp bản dịch tương ứng trong dữ liệu JSON và từ điển bản địa hóa.

#Kết quả

Theo điều kiện đánh giá, xuất "lundi" hoặc "mardi" (lấy ngôn ngữ đích làm ví dụ).

#Ánh xạ key-value

#1. Chuyển đổi enum (:convEnum)

#Cú pháp

{Dữ liệu:convEnum(tên enum)}

Ví dụ:

0:convEnum('ORDER_STATUS')

#Ví dụ

Trong API options ví dụ truyền vào:

{
  "enum": {
    "ORDER_STATUS": ["pending", "sent", "delivered"]
  }
}

Trong Template:

0:convEnum('ORDER_STATUS')

#Kết quả

Xuất "pending"; nếu index vượt quá phạm vi enum, thì xuất giá trị gốc.

#Hình ảnh động

2. Nhấn chuột phải vào hình ảnh này, chỉnh sửa "Alt Text" của nó, điền nhãn trường hình ảnh bạn muốn chèn, ví dụ {d.imageUrl}:

3. Sử dụng dữ liệu ví dụ sau để render:

{
  "name": "Apple",
  "imageUrl": "https://images.pexels.com/photos/206959/pexels-photo-206959.jpeg",
}

4. Kết quả sau khi render, hình ảnh tạm sẽ được thay thế bằng hình ảnh thực:

#Thay thế nhiều hình ảnh vòng lặp

Nếu bạn muốn chèn một nhóm hình ảnh trong Template, ví dụ danh sách Sản phẩm, cũng có thể triển khai bằng cách vòng lặp, các bước cụ thể như sau:

1. Giả sử dữ liệu của bạn như sau:

{
  "products": [
    {
      "name": "Apple",
      "imageUrl": "https://images.pexels.com/photos/206959/pexels-photo-206959.jpeg",
    },
    {
      "name": "Banana",
      "imageUrl": "https://images.pexels.com/photos/61127/pexels-photo-61127.jpeg",
    },
  ]
}

2. Trong Template DOCX thiết lập vùng vòng lặp, và chèn hình ảnh tạm trong mỗi mục vòng lặp, đặt Alt Text thành {d.products[i].imageUrl}, như hình dưới:

3. Sau khi render, tất cả hình ảnh tạm sẽ được thay thế bằng hình ảnh dữ liệu tương ứng:

#Chèn hình ảnh động trong file XLSX

Trong Template Excel (XLSX) cách thao tác về cơ bản giống nhau, chỉ cần lưu ý các điểm sau:

1. Sau khi chèn hình ảnh, vui lòng đảm bảo cái được chọn là "hình ảnh trong ô", chứ không phải hình ảnh nổi trên ô.

2. Sau khi chọn ô nhấn xem "Alt Text" để điền nhãn trường, ví dụ {d.imageUrl}.

#Mã vạch

#Sinh mã vạch (như mã QR)

Cách sinh mã vạch giống như hình ảnh động, chỉ cần ba bước:

1. Chèn một hình ảnh tạm trong Template, dùng để đánh dấu vị trí mã vạch

2. Chỉnh sửa "Alt Text" của hình ảnh, viết nhãn trường định dạng mã vạch, ví dụ {d.code:barcode(qrcode)}, trong đó qrcode là loại mã vạch (xem danh sách hỗ trợ ở dưới)

3. Sau khi render, hình ảnh placeholder sẽ tự động được thay thế bằng hình ảnh mã vạch tương ứng:

#Loại mã vạch được hỗ trợ