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:
  1.  AnonymousTemplate hiển thị nội dung khi người dùng chưa đăng nhập
  2. 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

  1. 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
  2. Click Edit RoleGroup
  3. Trong hộp thoại RoleGroup Collection Editor , click Add.
  4. 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 Template 

  1. 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.
  2. Trong Common LoginView Tasks menu, Chọn AnonymousTemplateLoggedInTemplate, hoặc RoleGroup.
  3. 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 

  1. AnonymousTemplate
  2. 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ả: