Lee SeJin

Router update

...@@ -16,6 +16,7 @@ ...@@ -16,6 +16,7 @@
16 "@babel/node": "^7.13.13", 16 "@babel/node": "^7.13.13",
17 "@babel/preset-env": "^7.14.1", 17 "@babel/preset-env": "^7.14.1",
18 "express": "^4.17.1", 18 "express": "^4.17.1",
19 + "morgan": "^1.10.0",
19 "nodemon": "^2.0.7", 20 "nodemon": "^2.0.7",
20 "pug": "^3.0.2" 21 "pug": "^3.0.2"
21 }, 22 },
......
1 +export const handleHome = (req,res)=>{
2 + const list1 = [1,2,3,4,5]
3 + res.render("home",{pageTitle:"Home",list1});
4 +}
5 +
6 +export const handleUsers = (req,res)=>{
7 + res.render("users",{pageTitle:"Users"});
8 +}
...\ No newline at end of file ...\ No newline at end of file
1 +export const localsMiddleware = (req,res,next) => {
2 + res.locals.siteName = "Dev Profile";
3 + next();
4 +};
...\ No newline at end of file ...\ No newline at end of file
1 +import express from "express";
2 +import { handleHome } from "../controllers/userController";
3 +
4 +
5 +const globalRouter = express.Router();
6 +
7 +globalRouter.get("/",handleHome);
8 +globalRouter.get("/join",(req,res)=>res.render("join"));
9 +globalRouter.get("/login",(req,res)=>res.render("login"));
10 +
11 +
12 +export default globalRouter;
...\ No newline at end of file ...\ No newline at end of file
1 +import express from "express";
2 +import { handleUsers } from "../controllers/userController";
3 +
4 +
5 +const userRouter = express.Router();
6 +
7 +userRouter.get("/",handleUsers);
8 +userRouter.get("/edit-profile",(req,res)=>res.render("editProfile"));
9 +userRouter.get("/:id",(req,res)=>res.render("userDetail"));
10 +
11 +
12 +export default userRouter;
...\ No newline at end of file ...\ No newline at end of file
1 -import path from "path";
2 import express from "express"; 1 import express from "express";
3 - 2 +import path from "path";
3 +import morgan from "morgan";
4 +import globalRouter from "./routers/globalRouter";
5 +import userRouter from "./routers/userRouter";
6 +import { localsMiddleware } from "./middlewares";
4 7
5 const PORT = 5500; 8 const PORT = 5500;
6 const app = express(); 9 const app = express();
10 +
11 +
7 app.set("view engine","pug"); 12 app.set("view engine","pug");
8 app.set("views", path.join(__dirname, "views")); 13 app.set("views", path.join(__dirname, "views"));
9 app.use(express.static(path.join(__dirname, "static"))); 14 app.use(express.static(path.join(__dirname, "static")));
10 -app.get("/", (req,res) => res.render("home")); 15 +app.use(morgan("dev"));
16 +
17 +
18 +app.use(localsMiddleware);
19 +app.use("/", globalRouter);
20 +app.use("/users", userRouter);
11 21
12 22
13 23
......
1 +h1 edit Profile
...\ No newline at end of file ...\ No newline at end of file
......
1 extends layouts/main 1 extends layouts/main
2 2
3 block content 3 block content
4 - h1 Welcome
...\ No newline at end of file ...\ No newline at end of file
4 + h1 Welcome
5 + each item in list1
6 + span=item
...\ No newline at end of file ...\ No newline at end of file
......
1 +h1 join
...\ No newline at end of file ...\ No newline at end of file
......
1 +h1 Login
...\ No newline at end of file ...\ No newline at end of file
......
1 +header.header
2 + .header__wrapper
3 + .header__column
4 + ul
5 + li
6 + a(href="/join") Join
7 + li
8 + a(href="/login") Log In
...\ No newline at end of file ...\ No newline at end of file
......
1 +h1 User Detail
...\ No newline at end of file ...\ No newline at end of file
......
1 +h1 users
...\ No newline at end of file ...\ No newline at end of file