adonisJS 入門(路由/控制器/模型/視圖)

參考連接:https://www.bilibili.com/video/BV1AW411f7Ae?p=5&spm_id_from=pageDriver

1.環境搭建

2.基本目錄

3.控制器

4.路由

5.模型

6.視圖

1.環境搭建

npm i -g @adonisjs/cli
adonis new demo2
cd demo2
adonis serve --dev

 

 

 

 

2.控制器和路由

新增控制器
adonis make:controller student

新增控制器,自帶CURD方法

adonis make:controller student --resource

路由
Route.get('/student/hello', 'StudentController.hello')

路由:會生成TeacherController所有方法的路由。比如:uri/teacher  相當於訪問地址:uri/teacher/index方法    ; uri/teacher/create 類似,訪問create方法

Route.resource('teacher','TeacherController')

 

const Route = use('Route')

Route.get('/', ({request}) => {
  return {greeting: 'Hello world in JSON'}
})

Route.get('/student/hello5', 'StudentController.hello5')
Route.get('/student/hello6/:id/:name', 'StudentController.hello6')
'use strict'

class StudentController {
  //返回支持
  //字符串  html  對象  數組
  hello1() {
    return "你好,世界"
  }

  hello2() {
    return "<h1>你好,世界</h1>"
  }

  hello3() {
    return {
      id: 1,
      name: 'ligy'
    }
  }

  hello4() {
    return [1, 2, 3]
  }

  //request 對象的方法:input
  //獲取get請求url的參數:hell5?pageIndex=1&pageSize=20
  hello5({request}) {

    return 'pageIndex:' + request.input('pageIndex') + "|pageSize:" + request.input('pageSize')
  }
  //獲取路由參數
  //hello6/12
  hello6({params}) {

    return 'id:' + params.id + ' and name:' + params.name
  }
}

module.exports = StudentController

 

 

 3.模型和視圖

創建視圖
adonis make:view student.index
引入ViewProvider
'@adonisjs/framework/providers/ViewProvider',

跳轉到視圖頁面
index({request, view}) {

return view.render('student.index')
}

 

 

 

 

 

 

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章