2020-1-capstone-design1 / Define_Project1

Go to a project
Toggle navigation Toggle navigation pinning
Hong
0ce36940 1 parent 3635d05b

addvideo,chart

Expand all
Inline Side-by-side
Showing 4 changed files with 149 additions and 2 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 + <div class="col-md-8">
78 <form action="/create" method="post" enctype="multipart/form-data"> 79 <form action="/create" method="post" enctype="multipart/form-data">
79 <input type="file" name="File"> 80 <input type="file" name="File">
80 <input type="submit" value="파일 업로드하기"> 81 <input type="submit" value="파일 업로드하기">
81 </form> 82 </form>
82 </div> 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>
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 -->
......
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