用户登录

在用户帐户的设置表单上,可以编辑当前登录用户的用户名,邮件,还有一个 gihtub 帐号 .. 在 ProfileController 的 edit 方法里面 .. 先把 auth 从方法的 context 参数里解构出来 .. 然后 await ,用一下 auth.user.load .. 载入跟用户的 profile 这个关系 .. 它里面的东西就是用户档案相关的数据 .. 现在它里面只有一个 github 帐号 .. 你可以在 profile 表里添加其它的字段,存储跟用户相关的信息 ..

给视图传递一个数据 ... 名字是 user ... 对应的值是 auth.user.toJSON() ..

然后在 profile .edit 这个视图里面 .. 在这个 content 区域里需要添加一个表单 .. 可以复制一份 .. 打开 user.create 这个视图 .. 复制一下它里面的这个表单 .. 把它粘贴到 profile.edit 这个视图里面 .. 再修改一下 ..

表单提交到的位置是 profile.update .. 表单里面添加一个标题 .. 上面加上 mb-4 这个类 .. 标题文字是 Profile ..

在表单的上面可以再用一个 @set ,设置一下页面的标题 .. 设置的是 page_title ... 对应的值是 Update profile

再修改一下表单里的元素 .. 需要一个 username .. 把占位符换成一个 value ... 元素的值是 user 里的 username ..

再找到下面这个 email 元素 .. 也是去掉它的占位符 .. 直接用一个 value ... 用户的邮件地址放在了 user 里的 email 这个属性里了 .

不需要密码字段 ... 把它换成一个文字字段 .. 名字是 github ... 标签是 Github ... 它的 value 是 user.profile 里的 github ...

这个提交按钮上的文字是 Update profile ..

预览

回到用户帐户的设置页面 ... 刷新一下 ... 现在这个页面上会显示一个编辑表单 .. 用户可以在这里编辑他的个人帐户相关的信息 ..

用户帐户设置表单《 Node.js 应用:用户帐号 》

统计

14696
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点