diff --git a/Fiance-UI/src/views/generator/index.vue b/Fiance-UI/src/views/generator/index.vue
index 6a07dc4..c5e738e 100644
--- a/Fiance-UI/src/views/generator/index.vue
+++ b/Fiance-UI/src/views/generator/index.vue
@@ -30,7 +30,12 @@
       <el-table-column prop="createTime" label="创建日期" />
       <el-table-column label="操作" width="160px" align="center" fixed="right">
         <template slot-scope="scope">
+          <!-- 配置一个vue的按钮控件按下后跳转到指定的连接 -->
           <el-button size="mini" style="margin-right: 2px" type="text">
+            <!-- 这里其实有点诡异，后端的generator实际上是api/generator
+            vue的动态路由里面把/sys-tools/generator/preview访问路径映射
+            到了/views/generator/preview.vue
+            /generator/index.vue实际上访问的是api/generator的接口获取数据 -->
             <router-link :to="'/sys-tools/generator/preview/' + scope.row.tableName">
               预览
             </router-link>
diff --git a/Fiance-UI/src/views/generator/preview.vue b/Fiance-UI/src/views/generator/preview.vue
index e95fc46..ceaf2c7 100644
--- a/Fiance-UI/src/views/generator/preview.vue
+++ b/Fiance-UI/src/views/generator/preview.vue
@@ -1,25 +1,36 @@
 <template>
   <el-tabs v-model="activeName" type="card">
+    <!-- v-for循环遍历data数组中的每个元素
+    label属性：用于设置选项卡的显示名称。在选项卡的标题栏上，会显示label属性的值作为选项卡的文本内容
+    name属性：用于设置选项卡的名称。name属性的值用于标识选项卡，可以通过v-model绑定的变量来控制当前选中的选项卡的名称 -->
     <el-tab-pane v-for="item in data" :key="item.name" :lazy="true" :label="item.name" :name="item.name">
+      <!-- 下方的Java是一个自定义的组件，实际上是用于渲染java代码用 -->
       <Java :value="item.content" :height="height" />
     </el-tab-pane>
   </el-tabs>
 </template>
 
 <script>
+// 这里把另外一个模块引入
 import Java from '@/components/JavaEdit/index'
 import { generator } from '@/api/generator/generator'
+
+// 这里export default可以让当前功能作为其他模块使用
 export default {
   name: 'Preview',
   components: { Java },
+  // 这里data会被返回数据，data是列表
   data() {
     return {
       data: null, height: '', activeName: 'Entity'
     }
   },
   created() {
+    // 设置高度
     this.height = document.documentElement.clientHeight - 180 + 'px'
+    // 获取数据表的名称
     const tableName = this.$route.params.tableName
+    // 根据数据表生成代码
     generator(tableName, 1).then(data => {
       this.data = data
     }).catch(() => {
diff --git a/Finance-web/eladmin-generator/src/main/java/me/zhengjie/rest/GeneratorController.java b/Finance-web/eladmin-generator/src/main/java/me/zhengjie/rest/GeneratorController.java
index 4a1f1e4..ae92a7f 100644
--- a/Finance-web/eladmin-generator/src/main/java/me/zhengjie/rest/GeneratorController.java
+++ b/Finance-web/eladmin-generator/src/main/java/me/zhengjie/rest/GeneratorController.java
@@ -39,7 +39,7 @@ import java.util.List;
  */
 @RestController
 @RequiredArgsConstructor
-@RequestMapping("/api/generator")
+@RequestMapping("/api/generator")   // 这个地方确定的父路径
 @Api(tags = "系统：代码生成管理")
 public class GeneratorController {