用户登录

先打开应用的路由 .. start .. routes.js ... 添加一条新的路由 .. 使用 Route 的 get .. 地址是 login .. 可以使用 AuthController 里的 login 这个方法来处理 ... 再给路由起个名字 .. 叫它 login ..

再添加一条路由 .. 使用 Route 的 post 定义一条 Post 请求的路由 .. 地址可以是 auth .. 使用 AuthController 里的 auth 来处理 .. 请求登录的时候可以使用这个方法来处理 .. 也给它起个名字 .. 叫做 auth ..

然后再去创建一个处理登录请求用的控制器 .. 执行一下 adonis make 一个 controller .. 名字可以是 Auth .. 选择 Http ...

回到项目 .. 在 Controllers .. Http 里面,会有一个 AuthController .. 在里面先添加一个方法 .. 名字是 login .. 方法里需要 view ,先把它解构出来 .. 再让方法 return 一个视图 .. 视图是 auth.login ..

下面再去创建需要用的这个登录表单视图 .. 它跟 user.create 这个视图有点像 .. 可以复制一下这个视图 .. 放在 auth 目录的下面 .. 名字是 login ..

先修改一下页面上的大标题 .. 设置成 Login .. 表单提交到的地址,使用 route 方法 .. 路由的名字是 auth ..

表单里面有两个元素,一个用户名,一个密码 .. 先去掉这个 email 元素 ..

修改一下用户名上的 placeholder ,Enter your username .. 再修改一下 password 上的 placeholder .. Enter your password

提交按钮上的文字可以设置成 Login ...

然后再添加一行文字 ... 一个 p 标签,加上 card-text ... 里面是一组 small ,加上 text-muted .. Not a member yet? 一个链接 .. 地址是 route .. 路由是 signup .. Create an account.

预览

下面到浏览器上可以预览一下这个登录表单 .. 访问一下 login ... 这个页面就是一个登录用的表单...

身份验证:路由,控制器,视图《 Node.js 应用:身份验证 》

统计

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

社会化网络

关于

微信订阅号

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