diff --git a/templates/web/test1.html b/templates/web/test1.html
new file mode 100644
index 0000000..16c22ac
--- /dev/null
+++ b/templates/web/test1.html
@@ -0,0 +1,24 @@
+{% extends 'layouts/master.html' %}
+{% block title %}View{% endblock %}
+{% block body %}
+Contacts
+
+
+
+ | 公司名称 |
+ 所在城市 |
+ 登录日期 |
+ |
+
+
+
+ {% for contact in contacts %}
+
+ | {{ contact.name }} |
+ {{ contact.city }} |
+ {{ contact.date }} |
+
+ {% endfor %}
+
+
+{% endblock %}
diff --git a/templates/web/test2.html b/templates/web/test2.html
new file mode 100644
index 0000000..575846c
--- /dev/null
+++ b/templates/web/test2.html
@@ -0,0 +1,24 @@
+{% extends 'layouts/master.html' %}
+{% block title %}View{% endblock %}
+{% block body %}
+Contacts
+
+
+
+ | 公司名称 |
+ 购买数量 |
+ 单价 |
+ |
+
+
+
+ {% for contact in contacts %}
+
+ | {{ contact.name }} |
+ {{ contact.number}} |
+ {{ contact.price}} |
+
+ {% endfor %}
+
+
+{% endblock %}
diff --git a/templates/web/test3.html b/templates/web/test3.html
new file mode 100644
index 0000000..84b2ad5
--- /dev/null
+++ b/templates/web/test3.html
@@ -0,0 +1,24 @@
+{% extends 'layouts/master.html' %}
+{% block title %}View{% endblock %}
+{% block body %}
+Contacts
+
+
+
+ | 公司名称 |
+ 咨询时间 |
+ 咨询主题 |
+ |
+
+
+
+ {% for contact in contacts %}
+
+ | {{ contact.name }} |
+ {{ contact.date }} |
+ {{ contact.subject }} |
+
+ {% endfor %}
+
+
+{% endblock %}