視頻講解:
https://www.bilibili.com/video/BV1BT4y1E7Nh/?p=8
我們一起來完成以下步驟:
-
以key-value方式傳參
-
以value方式傳參
-
使用oak Helpers 接受傳參
-
body 傳參
-
header 傳參
#controllers/controller.ts
import { getQuery } from "https://deno.land/x/oak/helpers.ts";
const { cwd } = Deno;
class Controller {
static async hello(ctx: any){
//cwd獲取當前工程目錄
//注意 ' !== `
ctx.render(`${cwd()}/views/index.ejs`,{
title:"Testing",
data:{name:" Deepincoding"}
});
}
//key-value 方式傳參
static async searchParams(ctx: any){
var id = ctx.request.url.searchParams.get("id");
var name = ctx.request.url.searchParams.get("name");
ctx.response.body= {id:`${id}`,name:`${name}`}
}
//value 方式傳參
static async params(ctx: any){
var id = ctx.params.id;
var name = ctx.params.name;
ctx.response.body= {id:`${id}`,name:`${name}`}
}
//oak Helpers 接受參數
static async helper(ctx: any){
var paramsValue = getQuery(ctx, { mergeParams: true });
ctx.response.body= paramsValue;
}
//body 傳參
static async body(ctx: any){
var bodyValue = await ctx.request.body();
ctx.response.body= bodyValue.value;
}
//header 傳參
static async header(ctx: any){
var id = ctx.request.headers.get("id");
var name = ctx.request.headers.get("name");
ctx.response.body= {id:`${id}`,name:`${name}`}
}
}
export default Controller;
#routers/index.ts
import { Router } from "https://deno.land/x/oak/mod.ts";
import Controller from "../controllers/Controller.ts";
const router = new Router();
router.get("/",Controller.hello);
router.get("/searchParams",Controller.searchParams);
router.get("/params/:id/:name",Controller.params);
router.get("/helper/:id/:name",Controller.helper);
router.get("/helper",Controller.helper);
router.post("/body",Controller.body);
router.post("/header",Controller.header);
export default router;
#main.ts
import { Application } from "https://deno.land/x/oak/mod.ts"
import {viewEngine,engineFactory,adapterFactory} from "https://deno.land/x/view_engine/mod.ts";
import router from "./routers/index.ts";
const ejsEngine = engineFactory.getEjsEngine();
const oakAdapter = adapterFactory.getOakAdapter();
const app = new Application();
app.use(viewEngine(oakAdapter,ejsEngine));
app.use(router.routes());
app.use(router.allowedMethods());
await app.listen({port: 8000 })