我的JavaWeb软件开发作品学生信息管理系统项目/JavaWeb软件开发 课程考察标准

vue-tlias-management/
├── .eslintrc.cjs          # ESLint 配置文件
├── .gitignore             # Git 忽略文件配置
├── .prettierrc.json       # Prettier 配置文件
├── .vscode/               # VS Code 配置目录
│   └── extensions.json
├── README.md              # 项目说明文档
├── index.html             # 项目入口 HTML 文件
├── package.json           # 项目依赖和脚本配置
├── public/                # 静态资源目录
│   └── favicon.ico
├── src/                   # 源代码目录
│   ├── App.vue            # 根组件
│   ├── api/               # API 请求封装目录
│   │   ├── clazz.js
│   │   ├── dept.js
│   │   ├── emp.js
│   │   ├── login.js
│   │   ├── report.js
│   │   └── stu.js
│   ├── assets/            # 静态资源目录
│   │   ├── bg1.jpg
│   │   ├── index.png
│   │   └── main.css
│   ├── components/        # 公共组件目录
│   ├── main.js            # 项目入口文件
│   ├── router/            # 路由配置目录
│   │   └── index.js
│   ├── stores/            # 状态管理目录
│   │   ├── counter.js
│   │   └── user.js
│   ├── utils/             # 工具函数目录
│   │   └── request.js
│   └── views/             # 页面视图目录
│       ├── clazz/
│       ├── dept/
│       ├── emp/
│       ├── index/
│       ├── layout/
│       ├── log/
│       ├── login/
│       ├── report/
│       └── stu/
├── vite.config.js         # Vite 配置文件
└── 学生管理系统.ico       # 项目图标

<!-- ... existing code ... -->
<el-menu router>
  <!-- 首页菜单 -->
  <el-menu-item index="/index">
    <el-icon><Promotion /></el-icon> 首页
  </el-menu-item>
  
  <!-- 班级管理菜单 -->
  <el-sub-menu index="/manage">
    <template #title>
      <el-icon><Menu /></el-icon> 班级学生管理
    </template>
    <el-menu-item index="/clazz">
      <el-icon><HomeFilled /></el-icon>班级管理
    </el-menu-item>
    <el-menu-item index="/stu">
      <el-icon><UserFilled /></el-icon>学生管理
    </el-menu-item>
  </el-sub-menu>
  
  <!-- 系统信息管理 -->
  <el-sub-menu index="/system">
    <template #title>
      <el-icon><Tools /></el-icon>系统信息管理
    </template>
    <el-menu-item index="/dept">
      <el-icon><HelpFilled /></el-icon>院系管理
    </el-menu-item>
    <el-menu-item index="/emp">
      <el-icon><Avatar /></el-icon>教职工管理
    </el-menu-item>
  </el-sub-menu>

  <!-- 数据统计管理 -->
  <el-sub-menu index="/">
    <template #title>
      <el-icon><Histogram /></el-icon>数据统计管理
    </template>
    <el-menu-item index="/empReport">
      <el-icon><InfoFilled /></el-icon>教职工信息统计
    </el-menu-item>
    <el-menu-item index="/stuReport">
      <el-icon><Share /></el-icon>学生信息统计
    </el-menu-item>
  </el-sub-menu>
</el-menu>
<!-- ... existing code ... -->

<!-- ... existing code ... -->
<script setup>
import { ref, watch, onMounted } from 'vue'
import { ElMessage, ElMessageBox } from 'element-plus'
import { queryPageApi, addApi, queryInfoApi, updateApi, deleteApi } from '@/api/emp'

const searchEmp = ref({
  name: '',
  gender: '',
  date: [],
  begin: '',
  end: ''
})

// 查询员工
const search = async () => {
  const result = await queryPageApi(searchEmp.value.name, searchEmp.value.gender, searchEmp.value.begin, searchEmp.value.end, currentPage.value, pageSize.value)
  // 处理查询结果
}

onMounted(async () => {
  search()
})
</script>
<!-- ... existing code ... -->

<!-- ... existing code ... -->
<script setup>
import { ref, onMounted } from 'vue'
import * as echarts from 'echarts/core'
import { PieChart, BarChart } from 'echarts/charts'
import { getEmpGenderData, getEmpJobData } from '@/api/report'

// 初始化性别饼图
const initGenderChart = (data) => {
  const chart = echarts.init(genderChartRef.value)
  const option = {
    title: {
      text: '教职工性别比例',
      left: 'center'
    },
    // 其他图表配置
  }
  chart.setOption(option)
}

onMounted(async () => {
  const genderData = await getEmpGenderData()
  initGenderChart(genderData)
})
</script>
<!-- ... existing code ... -->

npm install

npm run dev

npm run build

npm run lint