From f5896d726eb9b1df3db3c659c0d112bf2a3f88ca Mon Sep 17 00:00:00 2001
From: dntzhang <dntzhang@qq.com>
Date: Sat, 24 Nov 2018 17:47:44 +0800
Subject: [PATCH] add tutorial

---
 tutorial/omi-mvc.cn.md | 27 +++++++++++++++++++++++++++
 1 file changed, 27 insertions(+)
 create mode 100644 tutorial/omi-mvc.cn.md

diff --git a/tutorial/omi-mvc.cn.md b/tutorial/omi-mvc.cn.md
new file mode 100644
index 000000000..df39a555c
--- /dev/null
+++ b/tutorial/omi-mvc.cn.md
@@ -0,0 +1,27 @@
+## 基于 Omi 的 MVC + ViewData 架构设计，分离 Web 视图与业务逻辑
+
+从宏观的角度来看，MVC + ViewData 架构也属性网状架构，网状架构目前来看有:
+
+* Mobx + React
+* Hooks + React
+* MVC + ViewData + Omi 
+
+大势所趋！简直是前端工程化最佳实践！也可以理解成网状结构是描述和抽象世界的最佳途径。那么网在哪？
+
+* ViewData 与 ViewData 之间相互依赖甚至循环依赖的网状结构
+* ViewData 一对一、多对一、一对多、多对多依赖 Models 形成网状结构
+* Model 与 Model 之间形成相互依赖甚至循环依赖的网状结构
+* View 一对一依赖 ViewData 形成网状结构
+* View 多对多依赖 Controller 形成网状结构
+* Controller 多对多依赖 Model 和 ViewData 形成网状结构
+
+总结如下：
+
+|| Model| ViewData|View| Controller|
+|---|----|----|
+|Model|多对多|多对多|无关联|多对多|
+|ViewData|多对多|多对多|一对一|多对多|
+|View|无关联|一多一|多对多|多对多|
+
+图形描述如下：
+