update

README.md

@@ -9,7 +9,38 @@
 
 ## 介绍
 
-Angular R6是iBiz6平台提供的一套PC端解决方案（以下简称前端模板）。该模板主要是为开发人员提供一套模板基础结构，开发人员可以克隆该模板进行扩展使用。
+Angular R6是iBiz6平台提供的一套PC端解决方案（以下简称前端模板）。该模板主要是为开发人员提供一套模板基础结构，开发人员可以克隆该模板进行扩展使用。适合掌握 Angular、FreeMarker、TypeScript 等基数的开发人员。
+
+<div class="pic-plus">
+  <img width="300" height="120" src="./img/freemarker-logo.png">
+  <span>+</span>
+  <img width="150" height="150" src="./img/angular.jpg">
+  <span>+</span>
+  <img width="150" height="150" src="./img/typescript-logo.png">
+</div>
+
+<style>
+.pic-plus > * {
+  display: inline-block !important;
+  vertical-align: middle;
+}
+.pic-plus span {
+  font-size: 30px;
+  color: #aaa;
+  margin: 0 20px;
+}
+</style>
+
+### 特性
+
+- 使用 FreeMarker 模板引擎发布成果文件
+- 以 Angular 为前端技术框架 
+- 集成了高质量UI组件 antd 和图标库 Font Awesome 
+- 使用 TypeScript 中 ts 、Less 构建成果文件，样式与逻辑分离
+
+### 支持环境
+
+- 现代浏览器和 IE11 及以上
 
 ## 文档
 
@@ -79,12 +110,16 @@ Angular R6是iBiz6平台提供的一套PC端解决方案（以下简称前端模
 
 ![produce](img/publish.png)
 
-## 预览成果物
+## 模板成果物预览
 
 iBizSys 提供了即时预览，可以让您在编写模板的同时预览到最终成果物 [查看更多模板编写小技巧](http://bbs.ibizlab.cn/)
 
 ![produce](img/preview_result.png)
 
+### 项目结构说明
+
+[项目结构说明](http://172.16.180.231/wx/angular_r6/docs/project-structure/project-structure.html)
+
 ### 应用顶级路由
  
 ![produce](img/root_router.png)
@@ -101,4 +136,22 @@ iBizSys 提供了即时预览，可以让您在编写模板的同时预览到最
 
 ### 实体服务类
 
-![produce](img/de_service.png)
+![produce](img/de_service.png)
\ No newline at end of file
+
+## 页面成果物预览
+
+应用首页视图：
+
+![produce](img/indexview.png)
+
+实体表格视图（关闭搜索表单）：
+
+![produce](img/gridview.png)
+
+实体表格视图（开启搜索表单）：
+
+![produce](img/gridview2.png)
+
+实体编辑视图：
+
+![produce](img/editview.png)
\ No newline at end of file