用户登录

用户需要一个管理自己个人帐户的页面,在上面可以修改用户的个人信息,还可以修改自己的密码。先去定义几条路由 .. 打开 routes.js .. 这里可以添加一个路由群组 ... 用一下 Route.group .. 一个回调 .. 里面可以定义需要的路由 ..

给这个路由群组添加一个统一的前缀 .. prefix .. 前缀是 settings .. 这样所有在这个群组里添加的路由的地址,都会自动在前面添加一个 settings .. 然后再用一个 middleware,要用的中间件是 auth .. 它会要求用户登录 ..

在群组里再去添加两条路由 .. Route.get .. 地址是 profile .. 因为群组里有 settings 前缀,所以这条路由的地址应该是 settings/profile .. 这个路由使用 ProfileController 控制器的 edit 方法来处理 .. as,起个名字叫 profile.edit ..

复制一份,再添加一条路由 .. 使用 post 方法定义一条支持使用 Post 请求的路由,地址也是 profile .. 使用 ProfileController 的 update 方法来处理 .. 起个名字叫 profile.update ..

控制器

回到命令行 .. 给项目创建一个控制器 .. adonis make:controller .. 名字是 Profile .. 加上一个 resource 选项 .. 找到刚才创建的这个 ProfileController ..

暂时我们只需要它里面的 edit 还有 update .. edit 方法在去渲染一个视图 .. 把 view 解构出来 .. return 一个视图 .. 视图可以是 user.settings.profile.edit ..

视图

再创建一下这个视图 .. 放在 views .. user .. settings .. profile 的下面,名字是 edit.edge .. 在视图里先随便输入点内容 ... h3 ... Profile settings ...

预览

回到浏览器 .. 再试一下 .. 访问一下 settings/profile .. 因为这个路由用了 auth 中间件,所以会要求用户登录 .. 如果用户没登录的话,就会触发 InvalidSession 异常 .. 在应用里我们处理了这个异常,就是把用户重定向到登录界面 .. 输入用户名 .. 密码 .. 登录一下 .. 再访问一下 settings/profile ..

页面上会显示一个 Profile settings ..

打开用户下拉菜单 .. 在这个菜单里可以再添加一个新的菜单项目 .. 先找到 views ... layouts .. partials .. 下面的 navbar 这个视图 ..

在这个下拉菜单里面,添加一个新的项目 .. 地址是 route .. profile.edit .. 菜单项目的文字是 Settings ..

再去预览一下 ..

打开用户下拉菜单 .. 这里会出现一个 Settings ... 它链接的页面就是用户帐号的编辑界面 ..

路由,控制器,视图(用户帐户)《 Node.js 应用:用户帐号 》

统计

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

社会化网络

关于

微信订阅号

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