代码生成，使用动态路由，实现学生信息添加、编辑页面的显示。修改程序，将原事件触发、模态框显示的学生信息新增、修改页面，改为通过动态路由（传递学生ID作为参数）在Vue-viewer中显示。 [实验步骤] 1.编写学生信息编辑相关Vue页面，其中学生ID由路由参数获得，当前学生信息由通过学生ID请求（或筛选）获得。 2.在src/router/index.js中配置路由。 3.分别以params和query两个方式传递学生ID参数。

好的，您的问题是关于代码生成和动态路由的实现，是吗？

首先，您需要编写一个学生信息编辑的Vue页面，该页面需要通过路由参数获取学生ID，并通过该ID请求或筛选当前学生的信息。可以按照以下步骤进行操作：

1. 在Vue项目中创建一个名为“StudentEdit”的组件，该组件用于显示学生信息的编辑页面。
2. 在该组件中，使用$route来获取路由参数，如下所示：

<template>
  <div>
    <h1>编辑学生信息</h1>
    <form>
      <div>
        <label>学生ID：</label>
        <span>{{ $route.params.id }}</span>
      </div>
      <!-- 其他表单项 -->
    </form>
  </div>
</template>

3. 使用该学生ID来请求或筛选当前学生的信息，并将其填充到表单中。
4. 在src/router/index.js中配置路由，如下所示：

import Vue from 'vue'
import Router from 'vue-router'
import StudentEdit from '@/components/StudentEdit'

Vue.use(Router)

export default new Router({
  routes: [
    {
      path: '/student/:id',
      name: 'StudentEdit',
      component: StudentEdit
    }
  ]
})

5. 在主页面中，使用Vue-viewer组件来显示学生信息的新增/修改页面，并使用动态路由来传递学生ID作为参数，如下所示：

<template>
  <div>
    <h1>学生信息</h1>
    <router-link :to="{ name: 'StudentEdit', params: { id: student.id } }">编辑</router-link>
    <!-- 使用Vue-viewer来显示学生信息 -->
  </div>
</template>

其中，使用了params方式传递学生ID参数。您还可以使用query方式传递参数，如下所示：

<template>
  <div>
    <h1>学生信息</h1>
    <router-link :to="{ name: 'StudentEdit', query: { id: student.id } }">编辑</router-link>
    <!-- 使用Vue-viewer来显示学生信息 -->
  </div>
</template>

然后，在StudentEdit组件中，您可以使用$route来获取学生ID参数，如下所示：

<template>
  <div>
    <h1>编辑学生信息</h1>
    <form>
      <div>
        <label>学生ID：</label>
        <span>{{ $route.params.id }}</span>
      </div>
      <!-- 其他表单项 -->
    </form>
  </div>
</template>

<script>
export default {
  created() {
    // 使用$route来获取学生ID参数
    const id = this.$route.params.id
    // 请求或筛选当前学生的信息，并将其填充到表单中
  }
}
</script>

以上就是实现学生信息添加、编辑页面的显示，并使用动态路由在Vue-viewer中显示学生信息的步骤。希望能够帮到您！