Chia sẻ qua

Lưu trữ nội dung nguồn bằng cách dùng mẫu web

  • Bài viết

Lưu ý

Từ ngày 12 tháng 10 năm 2022, cổng thông tin Power Apps sẽ trở thành Power Pages. Thông tin khác: Microsoft Power Pages hiện đã được phát hành rộng rãi (blog)
Chúng tôi sẽ sớm di chuyển và hợp nhất hướng dẫn sử dụng cổng thông tin Power Apps với hướng dẫn sử dụng Power Pages.

Mẫu web là một bảng Power Apps (adx_webtemplate), đi kèm với cổng thông tin Power Apps, được sử dụng để lưu trữ nội dung nguồn mẫu. Mẫu web thường sẽ chứa Liquid để kết xuất nội dung động và là bảng trung tâm được sử dụng để tích hợp mẫu Liquid với phần còn lại của hệ thống cổng thông tin Power Apps.

Mẫu Web có thể bao gồm nội dung khác hoặc kết hợp với mẫu khác sử dụng thẻ mẫu, và được tham chiếu trong các thẻ này qua thuộc tính Tên của họ. Bạn cũng có thể sử dụng các mẫu này để tạo toàn bộ Mẫu Trang tùy chỉnh hoặc tạo đầu trang và chân trang tùy chỉnh cho trang web cổng thông tin của mình.

Lưu ý

Bạn cũng có thể lưu trữ nội dung nguồn mẫu trong Power Pages. Thông tin thêm: Power Pages là gì

Thuộc tính của mẫu web

Đặc điểm Description
Tên Tên mẫu. Được sử dụng để tham chiếu mẫu này khi mẫu được đưa vào nội dung khác hoặc được các mẫu khác mở rộng.
Nguồn Nội dung nguồn của mẫu. Trong Power Apps, trình chỉnh sửa mã nguồn có tính năng đánh dấu cú pháp và các tính năng chỉnh sửa mã khác được cung cấp cho trường này.
Loại MIME Tùy chọn cung cấp loại MIME cho nội dung của mẫu. Nếu không có loại nào được cung cấp thì sẽ giả định loại là text/html. Giá trị này sẽ chỉ được sử dụng trong những trường hợp mà mẫu được liên kết với Mẫu Trang và kiểm soát khả năng kết xuất tất cả nội dung cho mẫu đó.

Mẫu web làm mẫu trang

Bạn có thể sử dụng Mẫu web cùng với mẫu trang để tạo mẫu mới cho hệ thống quản lý nội dung trong cổng thông tin Power Apps. Bạn hoàn toàn có thể thực hiện thao tác này trong Power Apps mà không cần phải ghi mã .NET hoặc triển khai lại ứng dụng cổng thông tin của mình.

Để tạo mẫu trang mới dựa trên mẫu web, chọn Loại trong Mẫu web khi tạo bản ghi Mẫu Trang mới. Sau đó, chọn Mẫu Web.

Xin lưu ý tùy chọn Sử dụng Đầu trang và Chân trang của Trang web (được chọn theo mặc định). Nếu tùy chọn này được chọn, Mẫu Web của bạn sẽ kiểm soát khả năng kết xuất mọi nội dung trang giữa đầu trang và cuối trang của toàn bộ trang web. Nếu bỏ chọn tùy chọn này, Mẫu Web của bạn sẽ chịu trách nhiệm kết xuất toàn bộ phản hồi trong trường hợp bạn đang kết xuất HTML. Điều này nghĩa là mọi nội dung từ loại tài liệu tới thẻ <html> gốc và mọi thứ ở khoảng giữa.

Trong khi Mẫu Web thường được sử dụng phổ biến nhất trong trường hợp kết xuất HTML thì việc kết xuất toàn bộ phản hồi (bằng cách bỏ chọn Sử dụng Đầu trang và Chân trang của Trang web) sẽ cung cấp cho bạn tùy chọn kết xuất mọi định dạng dựa trên văn bản mà mình chọn. Đây là nơi mà thuộc tính Loại MIME của Mẫu Web trở nên phù hợp. Khi kết xuất Mẫu trang không dùng đầu trang và chân trang của trang web, tiêu đề Loại nội dung phản hồi HTTP sẽ được đặt thành Loại MIME của Mẫu web được liên kết (văn bản/html sẽ được sử dụng nếu không có Loại MIME nào được cung cấp.), mang đến nhiều tùy chọn để hiển thị nội dung không phải HTML bằng cách sử dụng Liquid. Trường hợp sử dụng phổ biến nhất là kết xuất nguồn cấp dữ liệu RSS, bằng cách đặt Loại MIME của application/rss+xml.

Mẫu web làm đầu trang và chân trang của trang web

Bạn cũng có thể sử dụng mẫu web để ghi đè toàn bộ đầu trang và chân trang được cổng thông tin Power Apps sử dụng. Đặt trường Mẫu đầu trang hoặc Mẫu chân trang của trang web cho mẫu web bạn chọn. Nếu bạn ghi đè Đầu trang web, mẫu đã chọn của bạn có trách nhiệm truy xuất điều hướng chính, liên kết đăng nhập/đăng xuất, giao diện tìm kiếm, và những thứ tương tự cho yếu tố giao diện trang web của bạn mà thường được xử lý bởi mẫu đầu trang mặc định.

Mẫu web được tích hợp

Có sẵn một bộ mẫu Liquid được thiết kế sẵn trong cổng thông tin Power Apps. Để sử dụng các mẫu này, bạn phải bao gồm các mẫu theo tên, bằng cách sử dụng danh sách dưới đây làm tham khảo.

Tên Mô tả Mã
Quảng cáo Mẫu này đưa ra quảng cáo theo tên hoặc đưa ra một quảng cáo ngẫu nhiên từ vị trí quảng cáo. {% include 'ad' ad_name:'Name' %}{% include 'ad' ad_placement_name:'Placement Name' %}
Blog Mẫu này đưa ra các bài đăng trên blog gần đây theo một nhóm danh sách. {% include 'blogs' %}
Đánh dấu đường dẫn Mẫu này đưa ra liên kết của các trang tổ tiên dẫn ngược về Trang chủ từ trang hiện tại. {% include 'breadcrumbs' %}
Nhóm Danh sách Liên kết Con Mẫu này đưa ra các liên kết tới mọi trang con của trang hiện tại theo một nhóm danh sách. {% include 'child_link_list_group' %}{% include 'child_link_list_group' title_only:true %}{% include 'child_link_list_group' image_width:'64px', image_height:'64px' %}
Sự kiện: Sắp tới Mẫu này đưa ra các liên kết tới sự kiện diễn ra trong khoảng thời gian từ bây giờ cho tới 60 ngày sau đó. {% include 'events_upcoming' %}{% include 'events_upcoming' number_of_days_in_advance:60 %}
Diễn đàn Mẫu này đưa ra một danh sách các diễn đàn của trang web cùng số lượng bài đăng và chuỗi chủ đề tương ứng. {% include 'forums' %}
Bố cục 1 Cột Mẫu này đưa ra bố cục dạng một cột có chứa đánh dấu đường dẫn, tiêu đề trang và nội dung sao chép trang. {% extends 'layout_1_column' %}{% block main %}... {% endblock %}
Bố cục 2 Cột với Cột Bên Trái Rộng Mẫu này đưa ra bố cục dạng hai cột. Cột bên trái rộng hơn cột bên phải. Chứa các đánh dấu đường dẫn ở đầu trang và nội dung bản sao trang nằm ở cột bên trái. {% extends 'layout_2_column_wide_left' %}{% block main %}...{% endblock %}{% block aside %}...{% endblock %}
Bố cục 2 Cột với Cột Bên Phải Rộng Mẫu này đưa ra bố cục dạng hai cột. Cột bên phải rộng hơn cột bên trái. Chứa các đánh dấu đường dẫn, tiêu đề trang ở đầu trang và nội dung bản sao trang nằm ở cột bên phải. {% extends 'layout_2_column_wide_right' %}{% block main %}...{% endblock %}{% block aside %}...{% endblock %}
Bố cục 3 Cột với Cột Giữa Rộng Mẫu này đưa ra bố cục dạng ba cột. Cột ở giữa rộng hơn cột bên trái và bên phải. Bố cục chứa các đánh dấu đường dẫn và tiêu đề trang ở đầu trang, đồng thời nội dung bản sao trang nằm ở cột giữa. {% extends 'layout_3_column_wide_middle' %}{% block left_aside %}...{% endblock %}{% block main %}...{% endblock %}{% block right_aside %}...{% endblock %}
Bản sao Trang Mẫu này đưa ra HTML nội dung sao chép trang có thể chỉnh sửa được và có hỗ trợ trạng thái Không chắc được nhúng. {% include 'page_copy' %}
Tiêu đề Trang Mẫu này đưa ra tiêu đề trang. {% include 'page_header' %}
Cuộc thăm dò Mẫu này đưa ra cuộc thăm dò theo tên hoặc đưa ra một cuộc thăm dò ngẫu nhiên từ vị trí cuộc thăm dò. {% include 'poll' poll_name:'Name' %}{% include 'poll' poll_placement_name:'Placement Name' %}
Tìm kiếm Mẫu này đưa ra biểu mẫu tìm kiếm cơ bản với một nút tìm kiếm và nhập văn bản đơn. {% include 'search' %}
Điều hướng Bên Mẫu này đưa ra điều hướng kiểu dạng xem theo cây dọc. Mẫu có liên kết tới các trang tổ tiên dẫn ngược về cấp độ đầu tiên (hoặc phần bù độ sâu được chỉ định), liên kết tới các trang anh em của trang hiện tại và liên kết tới các trang con của trang hiện tại. {% include 'side_navigation' %}{% include 'side_navigation' depth_offset:1 %}
Đoạn mã Mẫu này đưa ra đoạn mã nội dung HTML có thể chỉnh sửa được theo tên. {% include 'snippet' snippet_name:'Name' %}
Điều hướng Trên cùng Mẫu này hiển thị thanh điều hướng có thể chỉnh sửa được với menu thả xuống cho bộ liên kết web Điều hướng Chính. {% include 'top_navigation' %}
Nhóm Danh sách Weblink Mẫu này đưa ra nhóm danh sách các liên kết cho bộ liên kết web. {% include 'weblink_list_group' weblink_set_name:'Name' %}

Xem thêm

Tìm hiểu toán tử Liquid
Các loại Liquid
Có điều kiện
Đối tượng Liquid
Thẻ Liquid
Bộ lọc Liquid

Lưu ý

Bạn có thể cho chúng tôi biết bạn thích dùng ngôn ngữ nào cho tài liệu không? Làm một cuộc khảo sát ngắn. (xin lưu ý, khảo sát này bằng tiếng Anh)

Cuộc khảo sát sẽ mất khoảng bảy phút. Không có dữ liệu cá nhân nào được thu thập (điều khoản về quyền riêng tư).