채용 공고 웹사이트: 로그인 페이지로 이동

목차

Sokhavuth TIN ・ 8월 11일 ・ 2분 읽기

GitHub: https://github.com/Sokhavuth/opine-job
데노 배치: https://khmerweb-job.deno.dev/users

Express 웹 프레임워크와 마찬가지로 Opine에서도 페이지를 빌드하기 전에 먼저 프레임워크의 Router 클래스를 사용하여 해당 페이지로 연결되는 경로를 정의해야 합니다. "users"라는 이름으로 백엔드에 대한 경로가 이미 Opine CLI에 의해 생성되었으므로 이 사전 정의된 "users"경로에 마운트할 여러 하위 경로를 생성해야 합니다. 실제로 로그인 페이지로 연결되는 경로를 만들 수 있으며 해당 경로는 아래와 같이 백엔드 "사용자"경로에 마운트될 수 있습니다.

// routes/users.ts

import { Router } from "../deps.ts";
const router = Router();


import login from "./users/login.js";
router.use("/", login);


export default router;

// routes/users/login.js

import { Router } from "../../deps.ts";
const router = Router();


import login from "../../controllers/users/login.js";

router.get("/", async (req, res, next) => {
    const html = await login.getForm(req);
    res.send(html);
});


export default router;

// controllers/users/login.js

import login from "../../views/users/login.jsx";


class Login{
    async getForm(req){
        const config = req.mysetting();
        config.page_title = "Login Page";
        config.route = '/users/login';

        return await login(config);
    }
}


export default new Login();