Ngôn ngữ ASP.NET - Điều khiển LoginView
Điều khiển LoginView
LoginView cho phép hiển thị thông tin khác nhau giữa người đăng nhập và người không đăng nhập
Cách thêm điều khiển LoginView vào một trang
- Kéo thả điều khiển LoginView từ ToolBox.
- Mặc định LoginView có 2 chế độ hiển thị nội dung với người sử dụng:
- AnonymousTemplate hiển thị nội dung khi người dùng chưa đăng nhập
- LogggeInTemplate hiển thị nội dung khi người dùng đã đăng nhập. Ngoài ra tạo các mẫu cho các thành viên đăng nhập
Cách thêm RoleGroups cho điều khiển LoginView
- Trong màn hình giao diện, Click chuột phải lên điều khiển LoginView, sau đó click vào Show Common Control Tasks
- Click Edit RoleGroup
- Trong hộp thoại RoleGroup Collection Editor , click Add.
- Xác định quyền trong thuộc tính Roles
Cách chuyển qua lại giữa điều khiển LoginView và Template
- Trong màn hình giao diện, Click chuột phải lên điều khiển LoginView, sau đó click vào Show Common Control Tasks.
- Trong Common LoginView Tasks menu, Chọn AnonymousTemplate, LoggedInTemplate, hoặc RoleGroup.
- Thêm nội dung, điều khiển, định dạng
Ví dụ: tạo trang web sử dụng điều khiển LoginView:
Bước 1: Kéo Listbox từ thanh Toolbox vào trang web
Bước 2 : Thêm nội dung cho view AnonymousTemplate và
- AnonymousTemplate
- LogggeInTemplate
Code trang LoginView.aspx :
<div>
<asp:LoginStatus ID="LoginStatus1" runat="server" />
<br /><br />
<asp:LoginName ID="LoginName2" runat="server" FormatString="Hi {0}!" Font-Size="XX-Large" ForeColor="DeepPink" />
<br />
<asp:LoginView ID="LoginView1" runat="server">
<LoggedInTemplate>
<h2>Hình vui, khi đăng nhập thành công</h2>
<asp:Image ID="Image1" runat="server" ImageUrl="~/images/hinhvui.jpg" Width="419px" Height="236px" />
</LoggedInTemplate>
<AnonymousTemplate>
<h2>Hình buồn. Chưa đăng nhập</h2>
<asp:Image ID="Image1" runat="server" ImageUrl="~/images/hinhbuon.jpg" Width="162" Height="118" />
</AnonymousTemplate>
</asp:LoginView>
</div>
Thực thi trang web khi chưa đăng nhập cho kết quả:
Khi đăng nhập thành công cho kết quả: