2017-10-12

(AdonisJs 4.0 Tutorial) 첫페이지 만들어보기


  • 프로젝트 디렉토리 구조
    xyz
├── app
│   └── Models
├── config
├── database
│   └── migrations
├── public
├── resources
│   └── views
└── start
  • 첫페이지를 변경해보자. 우선 xyz/resources/views/welcome.edge 을 삭제하고 xyz/resources/views/index.edge 을 만든다.
    <html>
<head>
<title>My First HTML Page</title>
</head>
<body>
<h1>My First HTML Page</h1>
</body>
</html>
  • Main 컨트롤러를 생성한다. (Http Request 선택)
    $ cd xyz
$ adonis make:controller Main
? Generating a controller for ?
> For Http Request (엔터를 입력한다!!!)
  For WebSocket Channel
 
create  app\Controllers\Http\MainController.js
    그러면, xyz/app/Controllers/Http/MainController.js 파일이 생성된다.
  • xyz/app/Controllers/Http/MainController.js 파일을 아래와 같이 수정한다.
    'use strict'
 
class MainController {
  index ({ view }) {
    return view.render('index')
  }
}
 
module.exports = MainController
  • xyz/start/routes.js 를 아래와 같이 작성한다.
    'use strict'
 
const Route = use('Route')
 
Route.get('/', 'MainController.index')
  • 다시 한번, 웹브라우저에서 http://localhost:3333 으로 접속해서 잘 나오는지 확인해봅니다.

작성자: 체스의전설 시간: 오후 1:19
라벨: , , , , , ,

댓글 없음:

댓글 쓰기

피드 구독하기: 댓글 (Atom)