用户登录

先准备一个页面,在上面我们再练习使用框架里的本地化功能。在命令行的下面,创建一个新的控制器 ... adonis make 一个 controller .. 名字可以是 AntlDemoController ... 选择 Http request ..

回到项目 .. 打开应用的路由 ... start .. routes.js ... 找一个地方去定义一个新的路由 ... Route .. 用一下 get 方法 .. 地址可以是 demo/antl .. 用一下 AutlDemoController 里的 demo 这个方法来处理 ...

然后打开这个 AntlDemoController 控制器 .. 在里面添加一个方法 .. 方法的名字是 demo ... 它可以渲染一个视图 ... 把 view 从 context 参数里解构出来 ..

return 一个 view.render .... 视图是 demo.antl ... 再去创建这个视图 ..

放在 resources .. views .. demo 的下面 ... 名字是 antl.edge ...

设置一下视图的布局 .. 用一下 main 这个布局 .. 这个布局里有个 content 区域 ... 再设置一下这个区域里的内容 ...

一个 div ... 加上 d-flex .. align-items-center .. 再用一个 style 属性 .. 把 height 设置成 70vh ..

里面包装一个 div ... 加上 text-center .. w-100 ..

它里面是一行文字 .. 加上 display-3 .. font-weight-light .. 文字添加一个 hello ..

在浏览器上再预览一下刚才我们创建的这个页面 ... 访问一下 demo/antl .. 页面的中间现在会显示一个 hello ...

准备演示国际化功能用的路由,控制器,视图《 Node.js 应用:国际化 》

统计

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

社会化网络

关于

微信订阅号

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