ASP.NET Identityでユーザーを管理する

ASP.NET Identity入門 第10回

ユーザー管理グリッド追加

　ユーザー管理画面のグリッドはGridViewコントロールを使って定義します（リスト2）。ユーザー情報の取得、変更、削除にはモデルバインドを使い、それぞれの処理をコードビハインドに記載することとします。

リスト2　ユーザー管理グリッド（Users.aspxより）

…（略）…

<%-- (1) モデルバインド設定 --%>
<asp:GridView ID="UserGridView" runat="server" AutoGenerateColumns="False"
  ItemType="UserManagementSite.Models.ApplicationUser" DataKeyNames="Id"
  SelectMethod="SelectUser" UpdateMethod="UpdateUser" DeleteMethod="DeleteUser">
  <Columns>
    <%-- (2) 編集用ボタン列 --%>
    <asp:TemplateField ShowHeader="False">
      <ItemTemplate>
        <asp:Button ID="EditButton" runat="server" CausesValidation="False" CssClass="btn btn-default"
          CommandName="Edit" Text="編集" />
        <asp:Button ID="DeleteButton" runat="server" CausesValidation="False" CssClass="btn btn-default"
          CommandName="Delete" Text="削除"
          OnClientClick="return confirm('削除してよいですか？');" />
      </ItemTemplate>
      <EditItemTemplate>
        <asp:Button ID="UpdateButton" runat="server" CausesValidation="True" CssClass="btn btn-default"
          CommandName="Update" Text="更新"
          ValidationGroup="UpdateUser" />
        <asp:Button ID="CancelButton" runat="server" CausesValidation="False" CssClass="btn btn-default"
          CommandName="Cancel" Text="キャンセル" />
      </EditItemTemplate>
    </asp:TemplateField>
    <asp:TemplateField HeaderText="電子メール">
      <ItemTemplate>
        <%#: Item.Email %>
      </ItemTemplate>
      <%-- (3) 電子メール編集用項目 --%>
      <EditItemTemplate>
        <asp:TextBox runat="server" ID="Email" CssClass="form-control" TextMode="Email"
          Text='<%# BindItem.Email %>' />
        <asp:RequiredFieldValidator runat="server" ControlToValidate="Email"
          CssClass="text-danger" Display="Dynamic" ErrorMessage="電子メール フィールドは必須です。" />
      </EditItemTemplate>
    </asp:TemplateField>
    <%-- (4) パスワード変更用項目 --%>
    <asp:TemplateField HeaderText="パスワード" ItemStyle-Width="300">
      <EditItemTemplate>
        入力用 :
        <asp:TextBox runat="server" ID="Password" TextMode="Password" CssClass="form-control" />
        確認用 :
        <asp:TextBox runat="server" ID="ConfirmPassword" TextMode="Password" CssClass="form-control" />
        <asp:CompareValidator runat="server" ControlToCompare="Password" ControlToValidate="ConfirmPassword"
          CssClass="text-danger" Display="Dynamic" ErrorMessage="パスワードと確認のパスワードが一致しません。" />
      </EditItemTemplate>
    </asp:TemplateField>
  </Columns>
</asp:GridView>

…（略）…

（1）GridViewコントロールへのモデルバインド設定

　モデルバインドを使って更新処理を行うため、更新キーとなる項目の"Id"をDataKeyNamesプロパティに、SelectMethodプロパティに"SelectUser"、UpdateMethodプロパティに"UpdateUser"、DeleteMethodプロパティに"DeleteUser"を設定します。

（2）ボタン列追加

　レコードを編集状態にするための編集ボタンと削除ボタンをItemTemplateに追加します。そして、更新ボタン、キャンセルボタンは編集状態で表示させるため、EditItemTemplateに追加します。削除ボタンはクリック時に確認ダイアログを表示するため、OnClientClickプロパティにそのためのJavaScriptコードを設定しておきます。

（3）電子メール編集用項目追加

　電子メール入力用のテキストボックス、並びに必須入力チェックを行うRequiredFieldValidatorコントロールを、EditItemTemplateに追加します。これらの項目は、Register.aspxファイルを参考にするとよいでしょう。

（4）パスワード変更用項目追加

　セキュリティを考えてパスワードは画面に表示しませんが、入力したときだけ変更を行えるように、入力用と確認用のテキストボックス、並びに双方に同じ値を入力したかどうかを検証するためのCompareValidatorコントロールをEditItemTemplateに追加します。これらの項目も電子メールと同様にRegister.aspxファイルを参考にしましょう。

ユーザー情報の取得方法

　ASP.NET Identityにて、最も簡単にユーザー情報の一覧を取得するには、UserManagerクラスのUsersプロパティを使います。このプロパティの型はIQueryable<TUser>であり、そのままLINQで操作できます。

　実際にこのプロパティを利用してユーザーを取得するSelectUserメソッドを、先ほど作成したUsers.aspx.csファイルに追加します（リスト3）。

リスト3　ユーザー取得メソッド（Users.aspx.csより）

…（略）…

namespace UserManagementSite
{
  public partial class Users : System.Web.UI.Page
  {
    private ApplicationUserManager manager;

    protected void Page_Init(object sender, EventArgs e)
    {
      // 色々なメソッドで使用するため、UserManagerオブジェクトをフィールドに保管しておく
      manager = Context.GetOwinContext().GetUserManager<ApplicationUserManager>();
    }

    /// <summary>
    /// ユーザーをユーザー名順で取得します。
    /// </summary>
    public IEnumerable<ApplicationUser> SelectUser()
    {
      return manager.Users.OrderBy(user => user.UserName);
    }

…（略）…

　ユーザーをユーザー名順に並び替えるため、UserrManager.Usersプロパティに対してLINQのOrderByメソッドを使います。