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>
使用自定义主题,并进入注册页面:
可以看到,在注册页面多出了自定义属性 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>
使用自定义主题,并进入个人账号设置页面:
可以看到,在个人账号设置页面多出了自定义属性 Mobile number。
通过管理控制台,查看用户的扩展属性:
可以看到通过注册页面和账号设置页面保存进来的数据。