diff --git "a/\345\210\230\345\202\262/html/.keep" "b/\345\210\230\345\202\262/html/.keep"
new file mode 100644
index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
diff --git "a/\345\210\230\345\202\262/html/detail.html" "b/\345\210\230\345\202\262/html/detail.html"
new file mode 100644
index 0000000000000000000000000000000000000000..f6fbfa950367b48ccdd8dcc5e64b93c866cd2c53
--- /dev/null
+++ "b/\345\210\230\345\202\262/html/detail.html"
@@ -0,0 +1,9 @@
+{% include='header.html' %}
+    <h1>各城市疫情</h1>
+    {% for item in data %}
+    <tr>
+    <td>{{ item.city }}</td>
+    <td>{{ item.nums }}</td>
+    </tr>   
+    {% endfor %}
+{% include='footer.html' %}
\ No newline at end of file
diff --git "a/\345\210\230\345\202\262/html/footer.html" "b/\345\210\230\345\202\262/html/footer.html"
new file mode 100644
index 0000000000000000000000000000000000000000..d619210ac5cfa2dd8f909c0a035f7a6128f9c6b0
--- /dev/null
+++ "b/\345\210\230\345\202\262/html/footer.html"
@@ -0,0 +1,5 @@
+<div class="footer">
+    footer页面
+</div>
+</body>
+</html>
\ No newline at end of file
diff --git "a/\345\210\230\345\202\262/html/header.html" "b/\345\210\230\345\202\262/html/header.html"
new file mode 100644
index 0000000000000000000000000000000000000000..349ba5b9820c1d4ece42fd6fcdd457553b90c183
--- /dev/null
+++ "b/\345\210\230\345\202\262/html/header.html"
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>{{title}}</title>
+</head>
+<body>
diff --git "a/\345\210\230\345\202\262/html/index.html" "b/\345\210\230\345\202\262/html/index.html"
new file mode 100644
index 0000000000000000000000000000000000000000..d5451621b464070fcf157d390e059b992e1f89a0
--- /dev/null
+++ "b/\345\210\230\345\202\262/html/index.html"
@@ -0,0 +1,10 @@
+{% include 'header.html' %}
+
+<h1>各城市疫情</h1>
+{% for item in data %}
+<tr>
+    <td>{{ item.city }}</td>
+    <td>{{ item.nums }}</td>
+</tr>
+{% endfor %}
+{% include 'footer.html' %}
\ No newline at end of file
diff --git "a/\345\210\230\345\202\262/html/login.html" "b/\345\210\230\345\202\262/html/login.html"
new file mode 100644
index 0000000000000000000000000000000000000000..c09d8269f70748844066ca04ffe8787bbf8333c9
--- /dev/null
+++ "b/\345\210\230\345\202\262/html/login.html"
@@ -0,0 +1,86 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+    <style>
+      body{
+          background-color: rgba(243, 228, 197, 0.938); 
+      }
+        form{
+            margin: 10% 40% ;
+        }
+        img{
+            width: 100px;
+            height: 100px;
+        }
+        #all{
+            border:1px solid  rgb(250, 144, 57);
+            width:400px;
+            height:300px;
+        }
+        input{
+            background-color: rgb(250, 233, 208);
+            border: 2px dashed white ;
+        }
+        input[type=text]{
+            width: 240px;
+            height: 25px;
+        }
+      
+        input[type=password]{
+            width: 240px;
+            height: 25px;
+        }
+        input[type=submit]{
+            height: 30px;
+            width: 60px;
+            margin-left: 10px;
+            font-size: 15px;
+            color: rgb(250, 144, 57);
+        }
+        div{
+            color: rgb(250, 117, 8);
+        }
+        div.one{
+            margin: 15px;
+            width: 360px;
+            height: 50px;
+        }
+        div.two{
+            margin: 15px;
+            width: 360px;
+            height: 50px;
+        }
+        div.three{
+            height: 50px;
+        }
+        #img1{
+            width: 40px;
+            height: 40px;
+        }
+        #img2{
+            width: 40px;
+            height:40px;
+        }
+    </style>
+</head>
+<body>
+    <form action="/?c=user&a=handleReg" method="post" >
+        <fieldset id="all">
+            <legend><img src="./忙碌.png" alt=""></legend>
+        <div class="one">
+           <img id="img1" src="./看书.png" alt="" > 用户名: &nbsp<input type="text" name='name' placeholder="请输入用户名"> <br>
+        </div>
+        <div class="two">    
+         <img id="img2" src="./抓虫子.png" alt="">  密码&nbsp&nbsp&nbsp:&nbsp&nbsp&nbsp<input type="password" name='password'><br>
+        </div>    
+        <div class="three"><input type="submit" value="提交">
+        </div>
+        
+    </fieldset>
+    </form>
+</body>
+</html>
\ No newline at end of file
diff --git "a/\345\210\230\345\202\262/html/userReg.html" "b/\345\210\230\345\202\262/html/userReg.html"
new file mode 100644
index 0000000000000000000000000000000000000000..c31d8fec87be8cd7be02f72a15ab3d6db0205b60
--- /dev/null
+++ "b/\345\210\230\345\202\262/html/userReg.html"
@@ -0,0 +1,89 @@
+
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>注册于登陆</title>
+    <style>
+      body{
+          background-color: #FAE9D0; 
+      }
+        form{
+            margin: 10% 40% ;
+			
+        }
+        img{
+            width: 100px;
+            height: 100px;
+        }
+        #all{
+            border:1px solid  #FF3482;
+            width:400px;
+            height:300px;
+			
+        }
+        input{
+            background-color: #bebee5;
+            border: 2px dashed white ;
+        }
+        input[type=text]{
+            width: 240px;
+            height: 25px;
+        }
+      
+        input[type=password]{
+            width: 240px;
+            height: 25px;
+        }
+        input[type=submit]{
+            height: 30px;
+            width: 60px;
+            margin-left: 10px;
+            font-size: 15px;
+            color: #FF3482;
+        }
+        div{
+            color: #FF3482
+        }
+        div.one{
+            margin: 15px;
+            width: 360px;
+            height: 50px;
+        }
+        div.two{
+            margin: 15px;
+            width: 360px;
+            height: 50px;
+        }
+        div.three{
+            height: 50px;
+        }
+        #img1{
+            width: 40px;
+            height: 40px;
+        }
+        #img2{
+            width: 40px;
+            height:40px;
+        }
+    </style>
+</head>
+<body>
+    <form action="/?c=user&a=handleReg" method="post" >
+        <fieldset id="all">
+            <legend><img src="./游泳圈.png" alt=""></legend>
+        <div class="one">
+           <img id="img1" src="./成功.png" alt="" > 用户名: &nbsp<input type="text" name='name' placeholder="请输入用户名"> <br>
+        </div>
+        <div class="two">    
+          <img id="img2" src="./自拍.png" alt="">  密码&nbsp&nbsp&nbsp:&nbsp&nbsp&nbsp<input type="password" name='password'><br>
+        </div>    
+        <div class="three"><input type="submit" value="提交">
+        </div>
+        
+    </fieldset>
+    </form>
+</body>
+</html>
\ No newline at end of file
diff --git "a/\345\210\230\345\202\262/html/\345\277\231\347\242\214.png" "b/\345\210\230\345\202\262/html/\345\277\231\347\242\214.png"
new file mode 100644
index 0000000000000000000000000000000000000000..8b002453d3b03de023460d0e67ccc94468d58c4a
Binary files /dev/null and "b/\345\210\230\345\202\262/html/\345\277\231\347\242\214.png" differ
diff --git "a/\345\210\230\345\202\262/html/\346\210\220\345\212\237.png" "b/\345\210\230\345\202\262/html/\346\210\220\345\212\237.png"
new file mode 100644
index 0000000000000000000000000000000000000000..835296236af44c56893e5ba5e24e555e7b3d8ec9
Binary files /dev/null and "b/\345\210\230\345\202\262/html/\346\210\220\345\212\237.png" differ
diff --git "a/\345\210\230\345\202\262/html/\346\212\223\350\231\253\345\255\220.png" "b/\345\210\230\345\202\262/html/\346\212\223\350\231\253\345\255\220.png"
new file mode 100644
index 0000000000000000000000000000000000000000..0d5b0df235877c2a02bdc68d327aeabbe1f93256
Binary files /dev/null and "b/\345\210\230\345\202\262/html/\346\212\223\350\231\253\345\255\220.png" differ
diff --git "a/\345\210\230\345\202\262/html/\346\270\270\346\263\263\345\234\210.png" "b/\345\210\230\345\202\262/html/\346\270\270\346\263\263\345\234\210.png"
new file mode 100644
index 0000000000000000000000000000000000000000..dca176d3025c9df32fc720de621b59ee8df5a227
Binary files /dev/null and "b/\345\210\230\345\202\262/html/\346\270\270\346\263\263\345\234\210.png" differ
diff --git "a/\345\210\230\345\202\262/html/\347\234\213\344\271\246.png" "b/\345\210\230\345\202\262/html/\347\234\213\344\271\246.png"
new file mode 100644
index 0000000000000000000000000000000000000000..813a644d631c4566262d6c37031e2b28940c8730
Binary files /dev/null and "b/\345\210\230\345\202\262/html/\347\234\213\344\271\246.png" differ
diff --git "a/\345\210\230\345\202\262/html/\350\207\252\346\213\215.png" "b/\345\210\230\345\202\262/html/\350\207\252\346\213\215.png"
new file mode 100644
index 0000000000000000000000000000000000000000..9800d9f8aa68dc7d6891bff1ea7a568faa1f3290
Binary files /dev/null and "b/\345\210\230\345\202\262/html/\350\207\252\346\213\215.png" differ
