Hướng dẫn powerapps html to pdf - powerapps html sang pdf

Với các ứng dụng Power, bạn có thể lấy dữ liệu được nhập vào một biểu mẫu và sử dụng nó để tạo PDF. Tính năng này không có sẵn ngoài hộp nhưng tôi có thể chỉ cho bạn cách xây dựng nó. Để làm điều này, chúng tôi sẽ xây dựng một hình thức cơ bản trong các ứng dụng sức mạnh. Sau đó, chúng tôi sẽ thiết kế một mẫu tài liệu Word và sử dụng Power Automate để điền và chuyển đổi nó thành PDF. Từ đó bạn lưu trữ tệp PDF trong thư viện tài liệu SharePoint hoặc được gửi dưới dạng tệp đính kèm email. Trong bài viết này, tôi sẽ tiết lộ cách đơn giản nhất để tạo biểu mẫu PDF trong các ứng dụng Power.

Table Of Contents:
• Word Document Template Method vs HTML Document Method
• Introduction: The Restaurant Inspection App
• Setup The SharePoint List
• Create A Restaurant Inspection Form
• Configure The Inspection Form Questions
• Submit The Restaurant Inspection Form
• Enable The Developer Tab In Microsoft Word
• Add Plain Text Fields To The Word Document Template
• Save The Word Document Template To OneDrive
• Fill-in The Word Document Template With Power Automate
• Generate The PDF Document Using Power Apps & Power Automate

Phương thức mẫu tài liệu Word vs phương thức tài liệu HTML

Có hai phương pháp phổ biến để tạo tài liệu PDF trong các ứng dụng Power. Đầu tiên là tạo một mẫu tài liệu Word có thể điền, điền vào các trường bằng cách sử dụng Power Automate và chuyển đổi sang PDF. Thứ hai là ghi mã cho mẫu HTML trực tiếp trong các ứng dụng Power và sử dụng Power Automating để chuyển đổi HTML thành PDF. Đây là lý do tại sao tôi tin rằng phương thức mẫu tài liệu từ là tốt nhất:


Từ tài liệu từ lợi ích:

  • Không cần mã để tạo một mẫu tài liệu Word.
  • Tiêu đề, chân trang và số trang có thể được sử dụng trong mẫu tài liệu Word.
  • Văn bản và hình ảnh sẽ không bao giờ bị cắt ở một trang bị hỏng trong tài liệu Word.


Nhược điểm mẫu tài liệu Word:

  • Trình kết nối trực tuyến là một trình kết nối cao cấp trong Power Automate. Tuy nhiên, hầu hết các tổ chức có ít nhất một giấy phép người dùng cho tài khoản dịch vụ nền tảng quyền lực của họ và theo tôi trả tiền để tạo PDFS rất đáng giá.
  • Một phần lặp lại với hình ảnh là không thể với một mẫu tài liệu Word. Đối với tính năng này, bạn sẽ cần sử dụng HTML.

Giới thiệu: Ứng dụng kiểm tra nhà hàng

Nhân viên tại một chuỗi nhà hàng sử dụng ứng dụng kiểm tra nhà hàng để ghi lại kết quả kiểm tra an toàn thực phẩm.

Hướng dẫn powerapps html to pdf - powerapps html sang pdf

Khi biểu mẫu trên được gửi, PDF hiển thị kết quả kiểm tra được tạo và được gửi đến người quản lý nhà hàng.

Hướng dẫn powerapps html to pdf - powerapps html sang pdf

Thiết lập danh sách SharePoint

Tạo danh sách SharePoint được gọi là kiểm tra với

  • Vị trí (văn bản một dòng)
  • Kiểm tra chỉ định (loại ngày và thời gian)
  • Đã kiểm tra (loại người)
  • Câu1 (Có/Không Loại)
  • Câu hỏi2 (có/không loại)
  • Câu 3 (Có/Không Loại)
Hướng dẫn powerapps html to pdf - powerapps html sang pdf

Tạo một mẫu đơn kiểm tra nhà hàng

Open Power Apps Studio và tạo một ứng dụng Canvas mới từ Blank. Chèn một nhãn ở đầu ứng dụng với các từ kiểm tra nhà hàng, và đặt một hình chữ nhật phía sau nó với một thuộc tính điền màu xanh.

Hướng dẫn powerapps html to pdf - powerapps html sang pdf

Kết nối danh sách kiểm tra SharePoint với ứng dụng.

Hướng dẫn powerapps html to pdf - powerapps html sang pdf

Sau đó, chèn một biểu mẫu chỉnh sửa vào màn hình và sử dụng danh sách kiểm tra làm dữ liệu.

Hướng dẫn powerapps html to pdf - powerapps html sang pdf

Bố cục các điều khiển biểu mẫu như trong hình ảnh dưới đây.

Hướng dẫn powerapps html to pdf - powerapps html sang pdf

Viết mã này vào thuộc tính DefaultMode của biểu mẫu để tạo bản ghi mới khi biểu mẫu được gửi.

FormMode.New

Định cấu hình các câu hỏi biểu mẫu kiểm tra (adsbygoogle = window.adsbygoogle || []).push({});

Câu hỏi1, CÂU HỎI2 và CÂU HỎI3 Tất cả sử dụng điều khiển chuyển đổi với giá trị văn bản là bật hoặc tắt. Chúng tôi muốn chuyển đổi để đọc có hoặc không thay vào đó.

Hướng dẫn powerapps html to pdf - powerapps html sang pdf

Sử dụng mã này trong thuộc tính falsetext của tất cả các toggles.

"No"

Sau đó viết mã này vào thuộc tính Truetext của các công tắc.

"Yes"

Đặt các công tắc để bắt đầu ở vị trí không có vị trí bằng cách thay đổi thuộc tính mặc định của thẻ của họ thành sai.

false

Tiếp theo, chúng ta phải thay thế các tiêu đề Câu hỏi 1, Câu 2 và Câu 3 bằng một câu hỏi có hoặc không.

Hướng dẫn powerapps html to pdf - powerapps html sang pdf

Viết mã này vào thuộc tính văn bản của nhãn tiêu đề cho câu hỏi 1, 2 và 3.

"Do employees follow proper food handling guidelines?"                 // Question 1
"Are all freezers and refrigerators showing the correct temperature?"  // Question 2
"Is raw meat prepared is a separate area from other food?"             // Question 3

Gửi mẫu đơn kiểm tra nhà hàng

Khi mẫu kiểm tra nhà hàng hoàn thành, nhân viên nhấn nút gửi và kết quả được đăng lên danh sách kiểm tra SharePoint. Đệ trình một mẫu kiểm tra mới kích hoạt việc tạo mẫu PDF.

Hướng dẫn powerapps html to pdf - powerapps html sang pdf

Chèn một nút ở dưới cùng của biểu mẫu và sử dụng mã này trong thuộc tính OnSelect.

SubmitForm(frm_Inspection)

Khi biểu mẫu kiểm tra được gửi, chúng tôi muốn hiển thị thông báo thành công và xóa biểu mẫu cho lần kiểm tra tiếp theo.

Hướng dẫn powerapps html to pdf - powerapps html sang pdf

Viết mã này vào thuộc tính onsuccess của mẫu chỉnh sửa.

NewForm(frm_Inspection);
Notify("Success: Inspection Form was submitted", NotificationType.Success)

Bật tab Nhà phát triển trong Microsoft Word

Tiếp theo chúng tôi sẽ tạo một mẫu tài liệu Word. Tài liệu Word sẽ được điền vào thông tin từ biểu mẫu Ứng dụng Power và được chuyển đổi thành PDF bằng Power Automate. Mở Microsoft Word và bắt đầu một tài liệu mới (.docx). Bao gồm một tiêu đề cho mỗi trường biểu mẫu và sau đó viết một số văn bản giữ chỗ bên dưới mỗi tiêu đề.

Hướng dẫn powerapps html to pdf - powerapps html sang pdf

Chúng ta cần kích hoạt tab Nhà phát triển trong Microsoft Word. Nhấp chuột phải vào bất kỳ tab nào trong ruy băng và chọn Tùy chỉnh ruy băng.

Hướng dẫn powerapps html to pdf - powerapps html sang pdf

Kiểm tra tab Nhà phát triển trên menu bên phải. Sau đó nhấn OK. Tab nhà phát triển hiện xuất hiện trên dải ruy băng.

Hướng dẫn powerapps html to pdf - powerapps html sang pdf

Thêm các trường văn bản đơn giản vào mẫu tài liệu Word

Để điền vào biểu mẫu trong Power Automating, chúng tôi phải thực hiện điều khiển văn bản đơn giản có thể điền cho mọi trường biểu mẫu. Làm nổi bật giá trị giữ chỗ cho vị trí và chọn điều khiển văn bản đơn giản.

Hướng dẫn powerapps html to pdf - powerapps html sang pdf

Sau đó với điều khiển văn bản đơn giản được chọn nhấp vào thuộc tính.

Hướng dẫn powerapps html to pdf - powerapps html sang pdf

Điền vào các thuộc tính tiêu đề và thẻ với tên của trường Vị trí.

Hướng dẫn powerapps html to pdf - powerapps html sang pdf

Nhấp vào chế độ thiết kế để xem ranh giới của trường đầu vào văn bản. Giá trị trình giữ chỗ nên nằm giữa đầu và cuối của điều khiển văn bản đơn giản.

Hướng dẫn powerapps html to pdf - powerapps html sang pdf

Lặp lại các bước trước cho tất cả các trường khác trong tài liệu Word.

Hướng dẫn powerapps html to pdf - powerapps html sang pdf

Lưu mẫu tài liệu Word vào OneDrive

Tài liệu Word phải được lưu vào thư viện tài liệu SharePoint hoặc OneDrive để được sử dụng bởi Power Automate. Trong hướng dẫn này, chúng tôi sẽ lưu nó vào OneDrive. Mở Onedrive và kéo và thả tài liệu từ vào thư mục gốc.

Hướng dẫn powerapps html to pdf - powerapps html sang pdf

Điền vào mẫu tài liệu Word bằng Power Automat

Một tệp PDF của mẫu kiểm tra nhà hàng sẽ được tạo ra sau khi biểu mẫu được gửi trong các ứng dụng điện. Mở tự động hóa Power và tạo một luồng đám mây tự động mới. Đặt tên cho Flow, Tạo tài liệu PDF và sử dụng khi một mục được tạo dưới dạng kích hoạt.

Hướng dẫn powerapps html to pdf - powerapps html sang pdf

Kết nối khi một mục được tạo kích hoạt với danh sách kiểm tra SharePoint.

Hướng dẫn powerapps html to pdf - powerapps html sang pdf

Thêm một hành động mẫu Microsoft Word và trỏ nó vào tài liệu Word Mẫu kiểm tra nhà hàng mà chúng tôi lưu trữ trong OneDrive. Điền vào tài liệu Word với thông tin từ bản ghi mới được tạo.

Hướng dẫn powerapps html to pdf - powerapps html sang pdf

Các trường Câu hỏi 1, 2 và 3 có loại dữ liệu Có/Không trong SharePoint nhưng chúng sẽ hiển thị các giá trị đúng hoặc sai trong tài liệu Word của chúng tôi theo mặc định. Chúng ta phải viết một biểu thức tự động năng lượng để thay đổi các giá trị thành có hoặc không thay vào đó. Viết các biểu thức này trong các trường câu hỏi 1, 2 và 3 tương ứng.

if(triggerOutputs()?['body/Question1'],'Yes','No')
if(triggerOutputs()?['body/Question2'],'Yes','No')
FormMode.New
0

Chèn một bước tạo tệp để tạo tài liệu Word. Sử dụng phần thân của bước trước làm nội dung tệp.

Hướng dẫn powerapps html to pdf - powerapps html sang pdf

Tiếp theo, sử dụng tài liệu chuyển đổi Word thành hành động PDF và cung cấp vị trí của tệp mới được tạo.

Hướng dẫn powerapps html to pdf - powerapps html sang pdf

Tệp PDF kết quả có thể được xuất vào thư viện tài liệu SharePoint, được lưu trữ trong thư mục OneDrive hoặc được gửi trong email. Trong hướng dẫn này, chúng tôi sẽ gửi một email. Thêm hành động Gửi email (v2) và mở các thuộc tính nâng cao. Điền vào thuộc tính Tên tệp đính kèm với tệp FileName InspectionForm.pdf và điền thuộc tính Nội dung tệp đính kèm với tài liệu PDF.

Hướng dẫn powerapps html to pdf - powerapps html sang pdf

Bây giờ chúng tôi đã hoàn thành việc xây dựng dòng chảy trong tự động điện. Lưu dòng chảy và bật nó lên. Chúng tôi đã sẵn sàng để tạo biểu mẫu PDF trong các ứng dụng Power.

Tạo tài liệu PDF bằng Power Apps & Power Automate

Đó là thời gian để kiểm tra mẫu ứng dụng, luồng và từ mà chúng tôi đã tạo cùng nhau. Điền vào biểu mẫu kiểm tra nhà hàng trong các ứng dụng điện và nhấp vào Gửi.

Hướng dẫn powerapps html to pdf - powerapps html sang pdf

Khi biểu mẫu được gửi, luồng tự động điện sẽ được kích hoạt. Nó tạo ra một tài liệu Word, chuyển đổi nó thành PDF và sau đó gửi email với PDF được đính kèm.

Hướng dẫn powerapps html to pdf - powerapps html sang pdf

Các tệp PDF đầy được gắn vào email sẽ trông như thế này.

Hướng dẫn powerapps html to pdf - powerapps html sang pdf

Bạn có thích bài viết này? 😺 😺

Đăng ký để nhận các bài viết về ứng dụng năng lượng mới được gửi đến hộp thư đến của bạn mỗi tuần

Questions?

Nếu bạn có bất kỳ câu hỏi nào về cách dễ nhất để tạo PDF trong các ứng dụng Power (không HTML), vui lòng để lại tin nhắn trong phần bình luận bên dưới. Bạn có thể đăng bằng địa chỉ email của mình và không bắt buộc phải tạo tài khoản để tham gia thảo luận.Easiest Way To Generate PDFs In Power Apps (No HTML) please leave a message in the comments section below. You can post using your email address and are not required to create an account to join the discussion.