keycloak 登记页面 个人账户设置页面 扩展用户属性

keycloak 注册页面 个人账户设置页面 扩展用户属性

你可以通过自定义主题的方式,在注册页面和个人账号设置页面添加用户扩展属性。

 

注册页面:

拷贝模板页面 themes/base/login/register.ftl ,放到自定义主题的login路径下。

然后,打开编辑该文件。

示例:在注册页面中添加手机号:

<div class="form-group">

   <div class="${properties.kcLabelWrapperClass!}">

          <label for="user.attributes.mobile" class="${properties.kcLabelClass!}">Mobile  number</label>

    </div>

    <div class="${properties.kcInputWrapperClass!}">

      <input type="text" class="${properties.kcInputClass!}"  id="user.attributes.mobile" name="user.attributes.mobile"/>

    </div>

   </div>

 

使用自定义主题,并进入注册页面:

keycloak 登记页面  个人账户设置页面  扩展用户属性

可以看到,在注册页面多出了自定义属性 Mobile number。

 

个人账号设置页面:

 

拷贝模板页面 themes/base/account/account.ftl ,放到自定义主题的 acount 路径下。

然后,打开编辑该文件。

示例:在个人账号设置页面中添加手机号:

<div class="form-group">

   <div class="col-sm-2 col-md-2">

      <label for="user.attributes.mobile" class="control-label">Mobile number</label>

   </div>

   <div class="col-sm-10 col-md-10">

      <input type="text" class="form-control" id="user.attributes.mobile" name="user.attributes.mobile" value="${(account.attributes.mobile!'')}"/>

    </div>

</div>

 

使用自定义主题,并进入个人账号设置页面:
keycloak 登记页面  个人账户设置页面  扩展用户属性

可以看到,在个人账号设置页面多出了自定义属性 Mobile number。

 

 

通过管理控制台,查看用户的扩展属性:

keycloak 登记页面  个人账户设置页面  扩展用户属性
 

可以看到通过注册页面和账号设置页面保存进来的数据。