diff --git a/ch6-web/ch6-08-layout-of-web-project.md b/ch6-web/ch6-08-layout-of-web-project.md
index ff091f1..23df029 100644
--- a/ch6-web/ch6-08-layout-of-web-project.md
+++ b/ch6-web/ch6-08-layout-of-web-project.md
@@ -6,9 +6,9 @@
 2. 视图（View） - 界面设计人员进行图形界面设计。
 3. 模型（Model） - 程序员编写程序应有的功能（实现算法等等）、数据库专家进行数据管理和数据库设计(可以实现具体的功能)。
 
-随着时代的发展，前端也变成了越来越复杂的工程，为了更好地工程化，现在更为流行的一般是前后分离的架构。可以认为前后分离是把 V 层从 MVC 中抽离单独成为项目。这样一个后端项目一般就只剩下 M 和 C 层了。
+随着时代的发展，前端也变成了越来越复杂的工程，为了更好地工程化，现在更为流行的一般是前后分离的架构。可以认为前后分离是把 V 层从 MVC 中抽离单独成为项目。这样一个后端项目一般就只剩下 M 和 C 层了。前后端之间通过 ajax 来交互，有时候要解决跨域的问题，但也已经有了较为成熟的方案：
 
-TODOTODO，这里是前后分离的架构图
+![前后分离](../images/ch6-08-frontend-backend.png)
 
 事实上，即使是简单的项目，业界也并没有完全遵守 MVC 功能提出者对于 M 和 C 所定义的分工。有很多公司的项目会在 controller 层塞入大量的逻辑，在 model 层就只管理数据的存储。这往往来源于对于 model 层字面含义的某种擅自引申理解。认为字面意思，这一层就是处理某种建模，而模型是什么？就是数据呗！
 
diff --git a/images/ch6-08-frontend-backend.png b/images/ch6-08-frontend-backend.png
new file mode 100644
index 0000000..dc7fb63
Binary files /dev/null and b/images/ch6-08-frontend-backend.png differ