diff --git a/htdocs.zip b/htdocs.zip
new file mode 100644
index 0000000000000000000000000000000000000000..f58add8bf8bb4b8139edff29d55d3da434d64347
Binary files /dev/null and b/htdocs.zip differ
diff --git a/htdocs/clazz/view/add.html b/htdocs/clazz/view/add.html
index 8470129b8b737395881e0179ead681225cdb00db..741bbe87598a31ca81dc1bc3032546ae5abebd1a 100644
--- a/htdocs/clazz/view/add.html
+++ b/htdocs/clazz/view/add.html
@@ -1,13 +1,48 @@
-<form>
-    <div>名称：<input type="text" name="name"></div>
-    <div>入学日期: <input type="text" name="entranceDate"></div>
-    <div>学生人数: <input type="number" name="numberOfStudents">
-    <div>班主任: 
-        <select>
-            <option>张三</option>
-            <option>李四</option>
-            <option>王五</option>
-        </select>
+<?php
+    include('./../../head.component.php');
+    include('./../../nav.component.php');
+    echo HeadComponent::render('修改');
+?>
+<body class="container">
+
+    <div class="row">
+        <div class="col-12">
+            <? echo NavComponent::render(); ?>
+        </div>
     </div>
-    <div><button>保存</button></div>
-</form>
+
+    <form>
+        <div class="row col-7 mt-5" style="margin:0 30% 0">
+            <div class="col-8 p-3" style="border-style: solid;border-width: 2px;border-color: #999999;">
+                <nav class="nav nav-justified">
+                  <p class="" style="font-size:30px">新增</p>
+                </nav>
+                <hr>
+                <div class="form-group">
+                    <label for="exampleFormControlInput1">名称</label>
+                    <input type="email" class="form-control" id="exampleFormControlInput1" name="name">
+                </div>
+                <div class="form-group">
+                    <label for="exampleFormControlInput1">入学日期:</label>
+                    <input type="email" class="form-control" id="exampleFormControlInput1" name="entranceDate">
+                </div>
+                <div class="form-group">
+                    <label for="exampleFormControlInput1">学生人数:</label>
+                    <input type="email" class="form-control" id="exampleFormControlInput1" name="numberOfStudents">
+                </div>
+                <div class="form-group">
+                    <label for="exampleFormControlInput1">班主任:</label>
+                    <select class="form-control">
+                        <option>张三</option>
+                        <option>李四</option>
+                        <option>王五</option>
+                    </select>
+                </div>
+                 <div class="">
+                    <button class="btn btn-primary" style="">保存</button>
+                </div>
+            </div>
+        </div>
+    </form>
+</body>
+
diff --git a/htdocs/clazz/view/edit.html b/htdocs/clazz/view/edit.html
index 8470129b8b737395881e0179ead681225cdb00db..149e22a7eed55aacb64062f535b02f95edbe44fb 100644
--- a/htdocs/clazz/view/edit.html
+++ b/htdocs/clazz/view/edit.html
@@ -1,13 +1,47 @@
-<form>
-    <div>名称：<input type="text" name="name"></div>
-    <div>入学日期: <input type="text" name="entranceDate"></div>
-    <div>学生人数: <input type="number" name="numberOfStudents">
-    <div>班主任: 
-        <select>
-            <option>张三</option>
-            <option>李四</option>
-            <option>王五</option>
-        </select>
+<?php
+    include('./../../head.component.php');
+    include('./../../nav.component.php');
+    echo HeadComponent::render('修改');
+?>
+<body class="container">
+
+    <div class="row">
+        <div class="col-12">
+            <? echo NavComponent::render(); ?>
+        </div>
     </div>
-    <div><button>保存</button></div>
-</form>
+
+    <form>
+        <div class="mt-5 row col-7" style="margin:0 30% 0">
+            <div class="col-8 p-3" style="border-style: solid;border-width: 2px;border-color: #999999;">
+                <nav class="nav nav-justified">
+                  <p class="" style="font-size:30px">修改</p>
+                </nav>
+                <hr>
+                <div class="form-group">
+                    <label for="exampleFormControlInput1">名称</label>
+                    <input type="email" class="form-control" id="exampleFormControlInput1" name="name">
+                </div>
+                <div class="form-group">
+                    <label for="exampleFormControlInput1">入学日期:</label>
+                    <input type="email" class="form-control" id="exampleFormControlInput1" name="entranceDate">
+                </div>
+                <div class="form-group">
+                    <label for="exampleFormControlInput1">学生人数:</label>
+                    <input type="email" class="form-control" id="exampleFormControlInput1" name="numberOfStudents">
+                </div>
+                <div class="form-group">
+                    <label for="exampleFormControlInput1">班主任:</label>
+                    <select class="form-control">
+                        <option>张三</option>
+                        <option>李四</option>
+                        <option>王五</option>
+                    </select>
+                </div>
+                 <div class="">
+                    <button class="btn btn-primary" style="">保存</button>
+                </div>
+            </div>
+        </div>
+    </form>
+</body>
diff --git a/htdocs/clazz/view/error.html b/htdocs/clazz/view/error.html
index 93fa07f6396d868de551000091d2f8b9895e126b..78015ceeaa27188a6f4c2f0490394d43e0d565a2 100644
--- a/htdocs/clazz/view/error.html
+++ b/htdocs/clazz/view/error.html
@@ -1,7 +1,11 @@
+<?php
+    include('./../../user/head.component.php');
+    echo HeadComponent::render('错误');
+?>
 <div class="container">
 	<div class="row mt-5">
 		<div class="col-12">
-			<h1 class="text-danger text-center">404，您访问的页面不存在!</h1>
+			<h1 class="text-dark text-center">404，您访问的页面不存在!</h1>
 		</div>
 	</div>
 </div>
\ No newline at end of file
diff --git a/htdocs/clazz/view/fetch.html b/htdocs/clazz/view/fetch.html
index dcf6b0e988d6f58000d06112edafe02404f8b4bd..bc5954c710c8964cf7864d54056f078f50a725ba 100644
--- a/htdocs/clazz/view/fetch.html
+++ b/htdocs/clazz/view/fetch.html
@@ -1,17 +1,9 @@
-<!DOCTYPE html>
-<html>
-<head>
-    <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
-    <!-- CSS -->
-    <link href="/css/bootstrap.min.css" rel="stylesheet">
-    <!-- jQuery and JavaScript Bundle with Popper -->
-    <script src="/js/jquery.slim.min.js"></script>
-    <script src="/js/bootstrap.bundle.min.js"></script>
-    <script src="/js/sweetalert2.js"></script>
-    <title><?php echo $title; ?></title>
-</head>
+<?php
+    include('./../../user/head.component.php');
+    echo HeadComponent::render('fetch');
+?>
 <body class="container">
+    <?php echo '123'; ?>
 	<?php echo $navHtmls; ?>
 	<?php echo $contentHtmls; ?>
 </body>
diff --git a/htdocs/clazz/view/index.html b/htdocs/clazz/view/index.html
index 53c19c28a4b0e9d003c72e165dc046d06c0494a0..107cead8eade13241c4bf49130248888ee10a204 100644
--- a/htdocs/clazz/view/index.html
+++ b/htdocs/clazz/view/index.html
@@ -1,4 +1,5 @@
-<div class="row mt-2">
+<body class="container">
+    <div class="row mt-2">
     <div class="col-12">
         <form>
             <div class="form-row">
@@ -71,3 +72,5 @@
         <div>分页模块</div>
     </div>
 </div>
+
+</body>
diff --git a/htdocs/clazz/view/view.html b/htdocs/clazz/view/view.html
index 5fbfbb669a35bf769edc3f75c5d619498ec82104..765cfd5575f3ffe4b0ce6262c739140317ed86ae 100644
--- a/htdocs/clazz/view/view.html
+++ b/htdocs/clazz/view/view.html
@@ -1,8 +1,58 @@
-<div>id: 123</div>
-<div>名称：软件21</div>
-<div>入学日期：2021-09-01</div>
-<div>创建时间: 2021-09-12 12:23</div>
-<div>创建者: 张三</div>
-<div>学生人数: 50</div>
-<div>班主任：李四</div>
-<div><a>返回</a></div>
\ No newline at end of file
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <!-- CSS -->
+    <link href="/css/bootstrap.min.css" rel="stylesheet">
+    <!-- jQuery and JavaScript Bundle with Popper -->
+    <script src="/js/jquery.slim.min.js"></script>
+    <script src="/js/bootstrap.bundle.min.js"></script>
+    <script src="/js/sweetalert2.js"></script>
+    <title>修改</title>
+</head>
+<body>
+	<div class="container row mt-4">
+		<div class="col-4 offset-6">
+			<table class="table table-bordered">
+				<tbody class="">
+					<tr>
+						<td class="col-6">id:</td>
+						<td>123</td>
+					</tr>
+					<tr>
+						<td>名称：</td>
+						<td>软件21</td>
+					</tr>
+					<tr>
+						<td>入学日期：</td>
+						<td>2021-09-01</td>
+					</tr>
+					<tr>
+						<td>创建时间:</td>
+						<td>2021-09-12 12:23</td>
+					</tr>
+					<tr>
+						<td>创建者:</td>
+						<td>张三</td>
+					</tr>
+					<tr>
+						<td>学生人数:</td>
+						<td>50</td>
+					</tr>
+					<tr>
+						<td>班主任：</td>
+						<td>李四</td>
+					</tr>
+
+				</tbody>
+			</table>
+		</div>
+	</div>
+	<div class="container row mt-2">
+		<div style="margin-left: 65%;">
+			<a href="" class="btn btn-primary mb-2">返回</a>
+		</div>
+	</div>
+
+</body>
diff --git a/htdocs/index.php b/htdocs/index.php
index 89b2bcb80b0e2c5287bf7d25413b14552ba29961..0a3f7723183014122440da154e60b3301c00a91d 100644
--- a/htdocs/index.php
+++ b/htdocs/index.php
@@ -17,7 +17,7 @@
     <div class="container">
         <div class="row">
             <div class="col-12">
-                <? echo NavComponent::render(); ?>
+                <?php echo NavComponent::render(); ?>
             </div>
         </div>
         <div class="row mt-5">

id:	123
名称：	软件21
入学日期：	2021-09-01
创建时间:	2021-09-12 12:23
创建者:	张三
学生人数:	50
班主任：	李四