Showing
4 changed files
with
153 additions
and
6 deletions
This diff is collapsed. Click to expand it.
... | @@ -25,7 +25,7 @@ router.get('/', function(req, res, next) { | ... | @@ -25,7 +25,7 @@ router.get('/', function(req, res, next) { |
25 | }); | 25 | }); |
26 | 26 | ||
27 | // 2. 파일 업로드 처리 | 27 | // 2. 파일 업로드 처리 |
28 | -router.post('/create', upload.single("File"), function(req, res, next) { | 28 | +router.post('/create', upload.single("File"), async(req, res) => { |
29 | // 3. 파일 객체 | 29 | // 3. 파일 객체 |
30 | var file = req.file | 30 | var file = req.file |
31 | 31 | ... | ... |
... | @@ -74,13 +74,23 @@ | ... | @@ -74,13 +74,23 @@ |
74 | <!-- End of Topbar --> | 74 | <!-- End of Topbar --> |
75 | 75 | ||
76 | <!-- Begin Page Content --> | 76 | <!-- Begin Page Content --> |
77 | - <div class="container-fluid"> | 77 | + <div class="container row"> |
78 | - <form action="/create" method="post" enctype="multipart/form-data"> | 78 | + <div class="col-md-8"> |
79 | - <input type="file" name="File"> | 79 | + <form action="/create" method="post" enctype="multipart/form-data"> |
80 | - <input type="submit" value="파일 업로드하기"> | 80 | + <input type="file" name="File"> |
81 | - </form> | 81 | + <input type="submit" value="파일 업로드하기"> |
82 | + </form> | ||
83 | + </div> | ||
84 | + <div class="col-md-2"></div> | ||
85 | + <div class="test col-md-2"><button class="btn-circle test-btn">Test</button></div> | ||
82 | </div> | 86 | </div> |
87 | + <div class="p-5"></div> | ||
83 | <!-- /.container-fluid --> | 88 | <!-- /.container-fluid --> |
89 | + <div class="container row"> | ||
90 | + <div class="container-video col-md-6"></div> | ||
91 | + <div class="container-kmeans col-md-6"></div> | ||
92 | + </div> | ||
93 | + <div class="container-kibana"></div> | ||
84 | 94 | ||
85 | </div> | 95 | </div> |
86 | <!-- End of Main Content --> | 96 | <!-- End of Main Content --> | ... | ... |
code/web/views/result.ejs
0 → 100644
1 | +<!DOCTYPE html> | ||
2 | +<html lang="en"> | ||
3 | + | ||
4 | +<head> | ||
5 | + | ||
6 | + <meta charset="utf-8"> | ||
7 | + <meta http-equiv="X-UA-Compatible" content="IE=edge"> | ||
8 | + <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> | ||
9 | + <meta name="description" content=""> | ||
10 | + <meta name="author" content=""> | ||
11 | + | ||
12 | + <title>유동 인구 분석</title> | ||
13 | + <!-- Custom fonts for this template--> | ||
14 | + <link href="vendor/fontawesome-free/css/all.min.css" rel="stylesheet" type="text/css"> | ||
15 | + <link href="https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet"> | ||
16 | + | ||
17 | + <!-- Custom styles for this template--> | ||
18 | + <link href="stylesheets/sb-admin-2.min.css" rel="stylesheet"> | ||
19 | + | ||
20 | +</head> | ||
21 | + | ||
22 | +<body id="page-top"> | ||
23 | + | ||
24 | + <!-- Page Wrapper --> | ||
25 | + <div id="wrapper"> | ||
26 | + | ||
27 | + <!-- Sidebar --> | ||
28 | + <ul class="navbar-nav bg-gradient-primary sidebar sidebar-dark accordion" id="accordionSidebar"> | ||
29 | + | ||
30 | + <!-- Sidebar - Brand --> | ||
31 | + <a class="sidebar-brand d-flex align-items-center justify-content-center" href="index.html"> | ||
32 | + <div class="sidebar-brand-icon rotate-n-15"> | ||
33 | + <i class="fas fa-thumbs-up"></i> | ||
34 | + </div> | ||
35 | + <div class="sidebar-brand-text mx-3">유동 인구 분석</div> | ||
36 | + </a> | ||
37 | + | ||
38 | + <!-- Divider --> | ||
39 | + <hr class="sidebar-divider my-0"> | ||
40 | + | ||
41 | + <!-- Nav Item - Dashboard --> | ||
42 | + <li class="nav-item active"> | ||
43 | + <a class="nav-link" href="index.html"> | ||
44 | + <i class="fas fa-fw fa-tachometer-alt"></i> | ||
45 | + <span>Dashboard</span></a> | ||
46 | + </li> | ||
47 | + | ||
48 | + <!-- Divider --> | ||
49 | + <hr class="sidebar-divider"> | ||
50 | + | ||
51 | + <!-- Sidebar Toggler (Sidebar) --> | ||
52 | + <div class="text-center d-none d-md-inline"> | ||
53 | + <button class="rounded-circle border-0" id="sidebarToggle"></button> | ||
54 | + </div> | ||
55 | + | ||
56 | + </ul> | ||
57 | + <!-- End of Sidebar --> | ||
58 | + | ||
59 | + <!-- Content Wrapper --> | ||
60 | + <div id="content-wrapper" class="d-flex flex-column"> | ||
61 | + | ||
62 | + <!-- Main Content --> | ||
63 | + <div id="content"> | ||
64 | + | ||
65 | + <!-- Topbar --> | ||
66 | + <nav class="navbar navbar-expand navbar-light bg-white topbar mb-4 static-top shadow"> | ||
67 | + | ||
68 | + <!-- Sidebar Toggle (Topbar) --> | ||
69 | + <button id="sidebarToggleTop" class="btn btn-link d-md-none rounded-circle mr-3"> | ||
70 | + <i class="fa fa-bars"></i> | ||
71 | + </button> | ||
72 | + | ||
73 | + </nav> | ||
74 | + <!-- End of Topbar --> | ||
75 | + | ||
76 | + <!-- Begin Page Content --> | ||
77 | + <div class="container row"> | ||
78 | + <div class="col-md-8"> | ||
79 | + <form action="/create" method="post" enctype="multipart/form-data"> | ||
80 | + <input type="file" name="File"> | ||
81 | + <input type="submit" value="파일 업로드하기"> | ||
82 | + </form> | ||
83 | + </div> | ||
84 | + </div> | ||
85 | + <div class="p-5"></div> | ||
86 | + <!-- /.container-fluid --> | ||
87 | + <div class="container row"> | ||
88 | + <div class="container-video col-md-6"> | ||
89 | + <video src="data/output2.avi" width="400" controls autoplay></video> | ||
90 | + </div> | ||
91 | + <div class="container-kmeans col-md-6"> | ||
92 | + <img src="data/test3_kmeans.png" style="width: 100%;" alt="Kmeans Image"> | ||
93 | + </div> | ||
94 | + </div> | ||
95 | + <div class="container-kibana"></div> | ||
96 | + | ||
97 | + </div> | ||
98 | + <!-- End of Main Content --> | ||
99 | + | ||
100 | + <!-- Footer --> | ||
101 | + <footer class="sticky-footer bg-white"> | ||
102 | + <div class="container my-auto"> | ||
103 | + <div class="copyright text-center my-auto"> | ||
104 | + </div> | ||
105 | + </div> | ||
106 | + </footer> | ||
107 | + <!-- End of Footer --> | ||
108 | + | ||
109 | + </div> | ||
110 | + <!-- End of Content Wrapper --> | ||
111 | + | ||
112 | + </div> | ||
113 | + <!-- End of Page Wrapper --> | ||
114 | + | ||
115 | + <!-- Scroll to Top Button--> | ||
116 | + <a class="scroll-to-top rounded" href="#page-top"> | ||
117 | + <i class="fas fa-angle-up"></i> | ||
118 | + </a> | ||
119 | + | ||
120 | + <!-- Bootstrap core JavaScript--> | ||
121 | + <script src="vendor/jquery/jquery.min.js"></script> | ||
122 | + <script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script> | ||
123 | + | ||
124 | + <!-- Core plugin JavaScript--> | ||
125 | + <script src="vendor/jquery-easing/jquery.easing.min.js"></script> | ||
126 | + | ||
127 | + <!-- Custom scripts for all pages--> | ||
128 | + <script src="javascripts/sb-admin-2.min.js"></script> | ||
129 | + | ||
130 | + <!-- Page level plugins --> | ||
131 | + <script src="vendor/chart.js/Chart.min.js"></script> | ||
132 | + | ||
133 | + <!-- Page level custom scripts --> | ||
134 | + <!-- <script src="javascripts/demo/chart-pie-demo.js"></script> --> | ||
135 | +</body> | ||
136 | + | ||
137 | +</html> | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
-
Please register or login to post a comment