用户登录

现在我们可以去准备一个注册用户用的表单,用户通过这个表单注册成为我们的网站的会员 .. 先找到用户资源控制器 .. UserController ... 渲染创建资源表单用的方法是控制器里的 create ... 把 view 解构出来 ..

return view.render .. 表单是 user.create ..

再去创建需要的这个视图 .. 放在 resources .. views. user 的下面,名字是 create.edge .. 先让视图使用一个布局 .. 布局是 layouts 下面的 main ... 这个布局有个 content 区域,定义这个区域里的内容 ..

一组 div,加上 container .. 里面再添加一个大标题 .. 加上 my-5 .. dispay-4 ,标题文字是 Register ..

然后是一个表单 .. 一组 form 标签 .. 表单的 action 是提交到的地址,这里可以使用一个 route 方法 .. 设置一下路由的名字,UserController.store .. 资源类型的路由都有类似的默认的名字 .. 这个地址应该就是 users ..

method ,提交的方法是 POST ..

里面是一些表单元素 .. 注册用户需要用户名 .. 电子邮件地址 .. 还有密码 .. 每个元素添加一个包装 .. 加上 form-group ... 里面是个 label 元素 .. for username .. 标签文字是 Username .. 下面是一个 input 元素 .. 类型是 text .. 加上 form-control 这个类 .. name 是 username .. placeholder ,Pick a username ..

复制一份 .. 再添加一个 email 字段 .. for email .. 标签文字是 Email .. 元素的 name 是 email .. type 类型也是 email .. placeholder you@example.com ..

再复制一份 ... 添加一个 password 字段 .. label for password .. 文字是 Password .. 元素的名字是 password .. type 类型也是 password .. placeholder ,Create a password ..

在应用里 POST 类型的请求需要用到 csrfToken .. 所以在表单里还得再添加一个 csrfField() .. 它是一个隐藏的字段,里面会包含 csrfToken 的值 ..

最后再添加一个提交按钮 .. 一组 button ,加上 btn btn-primary my-3 .. type 类型是 submit .. 按钮文字是 Create an account

预览

下面到浏览器上去预览一下 ... 访问一下 users/create ..

这个页面上会显示一个注册用户用的表单 ...

用户注册:准备注册表单《 Node.js 应用:用户注册 》

统计

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

社会化网络

关于

微信订阅号

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