Add Data Input form, routes, routers, controls.

server/src/app.js

@@ -5,9 +5,12 @@ import morgan from "morgan";
 import helmet from "helmet";
 import path from "path";
 
+import routes from "./routes";
+
 import globalRouter from "./routers/globalRouter";
+import dataRouter from "./routers/dataRouter";
 
-import routes from "./routes";
+import { localmiddleware } from "./middlewares";
 
 const app = express();
 
@@ -20,6 +23,11 @@ app.use(bodyParser.json());
 app.use(bodyParser.urlencoded({ extended: true }));
 app.use(morgan("dev"));
 
+// local middleware 사용
+app.use(localmiddleware);
+
+// router 사용
 app.use(routes.home, globalRouter);
+app.use(routes.data, dataRouter);
 
 export default app;

server/src/controllers/dataController.js

-export const getHome = (req, res) => {
-  res.render("home", { pagename: "Home" });
+import routes from "../routes";
+
+export const getDataInput = (req, res) => {
+  res.render("datainput", { pagename: "Data Input" });
+};
+
+export const postDataInput = (req, res) => {
+  res.redirect(routes.home);
 };

server/src/controllers/globalController.js

+export const getHome = (req, res) => {
+  res.render("home", { pagename: "Home" });
+};

server/src/middlewares.js

+import routes from "./routes";
+
+export const localmiddleware = (req, res, next) => {
+  res.locals.routes = routes;
+  next();
+};

server/src/routers/dataRouter.js

+import express from "express";
+import routes from "../routes";
+import { getDataInput, postDataInput } from "../controllers/dataController";
+
+const dataRouter = express.Router();
+
+dataRouter.get(routes.dataInput, getDataInput);
+dataRouter.post(routes.dataInput, postDataInput);
+
+export default dataRouter;

server/src/routers/globalRouter.js

 import express from "express";
 import routes from "../routes";
-import { getHome } from "../controllers/dataController";
+import { getHome } from "../controllers/globalController";
 
 const globalRouter = express.Router();
 

server/src/routes.js

+// Global Routes
 const HOME = "/";
 
+// Data Input
+const DATA = "/data";
+const DATA_INPUT = "/input";
+const DATA_OUTPUT = "/output";
+
 const routes = {
   home: HOME,
+  data: DATA,
+  dataInput: DATA_INPUT,
+  dataOutput: DATA_OUTPUT,
 };
 
 export default routes;

server/src/views/datainput.pug

+block content
+    .form__container
+        form(action=routes.data+routes.dataInput, method = "post")
+            input(type="text", name="temp", require=true, placeholder="Temperature")
+            input(type="text", name="humi", require=true, placeholder="Humidity")
+            input(type="text", name="bri", require=true, placeholder="Brightness")
+            input(type="submit", value="Submit")
\ No newline at end of file

server/src/views/home.pug

 block content
-    h1 Hello! This is EUE Server.
\ No newline at end of file
+    .home-link_container
+        strong Efficient Usage of Electricity
+        ul
+            li
+                a(href=routes.data+routes.dataInput) 데이터 등록
+            li
+                a(href=routes.data+routes.dataOutput) 데이터 출력
\ No newline at end of file