zpc

README.md

@@ -6,7 +6,7 @@
 
 ## 技术栈
 
-**vue  +   css  +  ant-design-vue   +   tinymce   +   axios    +   moment    +   rxjs**
+**vue  +   css  +  ant-design-vue   +   tinymce   +   axios    +   moment    +   rxjs    +   vue-i18n**
 
 ## 项目运行
 
@@ -22,7 +22,7 @@ yarn  serve
 
 把该超级表单集成到我们的项目中，也是非常方便的。了解项目集成之前，我们首先来看一下我们的表单目录结构，如下图1：
 
-<div align = center>![1569221899724](superform.assets/1569221899724.png)</div>
+<div align = center>![1569221899724](superform.assets/1569467503214.png)</div>
 <div align = center>图1</div>
 
 ```
@@ -34,9 +34,11 @@ yarn  serve
 ├── src  
 │   ├──common  
 │   │   ├──models                     表单的模型类
+│   │   ├──service                    项目的全局服务类
 │   │   ├──utils                      项目的工具类
 │   ├──components                     项目的基础组件，主要包含所有的编辑器，统一注册到了app-register.js
 │   ├──forms                          表单存放的地址
+│   ├──local                          国际化文件资源
 │   ├──pages                          所有视图存放的地址               
 │   ├──App.vue                        根组件文件
 │   ├──main.js                        项目的入口文件
@@ -55,25 +57,25 @@ yarn  serve
 
 1.在package.json文件中添加依赖，修改vue.config.js文件的基础配置；
 
-<div align = center>![1569223859471](superform.assets/1569236343090.png)</div>
+<div align = center>![1569223859471](superform.assets/1569467922069.png)</div>
 <div align = center>图2</div>
 
-<div align = center>![1569223902448](superform.assets/1569223902448.png)</div>
+<div align = center>![1569223902448](superform.assets/1569468046164.png)</div>
 <div align = center>图3</div>
 
 如上图2，我们需要添加*ant-design-vue*，*moment*，*tinymce*，*rxjs*等组件，如果我们项目之前有引入的话，就不需要引入了，只需要引入我们之前没引入的；如上图3，我们需要设置引用路径的别名。
 
 2.复制静态资源，工具类，基础组件，设置入口文件；
 
-<div align = center>![1569224272508](superform.assets/1569224272508.png)</div>
+<div align = center>![1569224272508](superform.assets/1569474746675.png)</div>
 <div align = center>图4</div>
 
 如上图4，我们需要把public里面的assets文件夹，src下的common文件夹和components文件夹直接copy到我们项目中，这儿需要注意的是路径必须一致，原因是我们之前在vue.config.js文件中设置了项目路径简写。
 
-<div align = center>![1569224554351](superform.assets/1569224554351.png)</div>
+<div align = center>![1569224554351](superform.assets/1569468853059.png)</div>
 <div align = center>图5</div>
 
-如上图5，因为我们使用的组件包是ant-design-vue，基础组件的导出是app-register.js文件，其工具类ComUtil我们直接是挂在window下的，这样在入口文件引入，后面想使用的时候直接使用就可以了，所以我们需要在我们的项目中加入上图的代码。
+如上图5，因为我们使用的组件包是ant-design-vue，基础组件的导出是app-register.js文件，其工具类ComUtil是我们的工具类，所以我们需要在我们的项目中加入上图的代码。
 
 3.完成集成，将iBiz平台的成果物copy到项目中，开始你的表演吧！