xixi_shiyu 5 днів тому
батько
коміт
37aa102a27
1 змінених файлів з 127 додано та 76 видалено
  1. 127 76
      README.md

+ 127 - 76
README.md

@@ -1,67 +1,98 @@
-🚀 招聘简历筛选系统项目
-🌟 项目介绍
-项目名称和简介
+# 🚀 招聘简历筛选系统项目
+
+## 🌟 项目介绍
+
+### 项目名称和简介
+
 本项目是一个功能强大的招聘管理系统,旨在帮助企业高效地进行岗位管理、简历筛选、候选人管理以及数据分析,简化招聘流程,提高招聘效率。
-核心功能特性
-智能岗位管理:轻松创建、编辑、暂停、恢复和删除招聘岗位,实时跟踪岗位状态和简历处理进度。
-AI 简历筛选:利用 AI 技术对简历进行智能筛选,根据预设的评分标准快速筛选出符合要求的候选人。
-候选人管理:全面管理候选人信息,查看候选人简历、AI 分析报告,对候选人进行标记和面试邀请。
-数据分析面板:提供直观的招聘数据统计和分析,包括总岗位数、总候选人数、已面试人数、岗位招聘表现等,帮助企业了解招聘效果。
-技术亮点
-现代化 UI 设计:采用 Tailwind CSS 和 Lucide Vue Next 图标库,打造简洁美观、响应式的用户界面。
-高性能动画:使用 @vueuse/motion 库实现流畅的动画效果,提升用户体验。
-移动端优化:确保在移动端设备上也能提供良好的使用体验。
-TypeScript 支持:使用 TypeScript 进行开发,提高代码的可维护性和可靠性。
-🛠️ 技术栈详情
-前端框架
-Vue 3:渐进式 JavaScript 框架,用于构建用户界面。
-TypeScript:JavaScript 的超集,提供静态类型检查,增强代码的可维护性。
-Vite:快速的构建工具,提供高效的开发体验。
-UI 样式
-Tailwind CSS:实用类优先的 CSS 框架,可快速构建自定义的用户界面。
-Lucide Vue Next:基于 Vue 3 的图标库,提供丰富的图标资源。
-@vueuse/motion:用于实现高性能动画效果的 Vue 组合式函数库。
-状态管理
-Pinia:Vue.js 的轻量级状态管理库,提供简单、可扩展的状态管理解决方案。
-开发工具
-Vue TSC:Vue 3 的 TypeScript 编译器,用于类型检查和代码生成。
-PostCSS:用 JavaScript 编写的工具,用于将 CSS 转换为另一种 CSS。
-Autoprefixer:PostCSS 的插件,用于自动添加浏览器前缀。
-📖 完整的使用指南
-环境要求和安装步骤
-环境要求:确保已经安装了 Node.js(版本 >= 14)和 npm(版本 >= 6)。
-安装步骤:
-克隆项目仓库:
-
-bash
+
+### 核心功能特性
+
+* **智能岗位管理**:轻松创建、编辑、暂停、恢复和删除招聘岗位,实时跟踪岗位状态和简历处理进度。
+* **AI 简历筛选**:利用 AI 技术对简历进行智能筛选,根据预设的评分标准快速筛选出符合要求的候选人。
+* **候选人管理**:全面管理候选人信息,查看候选人简历、AI 分析报告,对候选人进行标记和面试邀请。
+* **数据分析面板**:提供直观的招聘数据统计和分析,包括总岗位数、总候选人数、已面试人数、岗位招聘表现等,帮助企业了解招聘效果。
+
+### 技术亮点
+
+* **现代化 UI 设计**:采用 Tailwind CSS 和 Lucide Vue Next 图标库,打造简洁美观、响应式的用户界面。
+* **高性能动画**:使用 @vueuse/motion 库实现流畅的动画效果,提升用户体验。
+* **移动端优化**:确保在移动端设备上也能提供良好的使用体验。
+* **TypeScript 支持**:使用 TypeScript 进行开发,提高代码的可维护性和可靠性。
+
+## 🛠️ 技术栈详情
+
+### 前端框架
+
+* **Vue 3**:渐进式 JavaScript 框架,用于构建用户界面。
+* **TypeScript**:JavaScript 的超集,提供静态类型检查,增强代码的可维护性。
+* **Vite**:快速的构建工具,提供高效的开发体验。
+
+### UI 样式
+
+* **Tailwind CSS**:实用类优先的 CSS 框架,可快速构建自定义的用户界面。
+* **Lucide Vue Next**:基于 Vue 3 的图标库,提供丰富的图标资源。
+*  **@vueuse/motion**:用于实现高性能动画效果的 Vue 组合式函数库。
+
+### 状态管理
+
+* **Pinia**:Vue.js 的轻量级状态管理库,提供简单、可扩展的状态管理解决方案。
+
+### 开发工具
+
+* **Vue TSC**:Vue 3 的 TypeScript 编译器,用于类型检查和代码生成。
+* **PostCSS**:用 JavaScript 编写的工具,用于将 CSS 转换为另一种 CSS。
+* **Autoprefixer**:PostCSS 的插件,用于自动添加浏览器前缀。
+
+## 📖 完整的使用指南
+
+### 环境要求和安装步骤
+
+**环境要求**:确保已经安装了 Node.js(版本 >= 14)和 npm(版本 >= 6)。
+
+**安装步骤**:
+
+1. 克隆项目仓库:
+
+```bash
 git clone <项目仓库地址>
+```
 
-进入项目目录:
+2. 进入项目目录:
 
-bash
+```bash
 cd <项目目录名>
+```
 
-安装依赖:
+3. 安装依赖:
 
-bash
+```bash
 npm install
-开发、构建、预览命令
-开发模式:启动开发服务器,监听文件变化并实时更新:
+```
+
+### 开发、构建、预览命令
 
-bash
+* **开发模式**:启动开发服务器,监听文件变化并实时更新:
+
+```bash
 npm run dev
+```
 
-构建项目:生成生产环境的静态文件:
+* **构建项目**:生成生产环境的静态文件:
 
-bash
+```bash
 npm run build
+```
 
-预览构建结果:在本地预览生产环境的构建结果:
+* **预览构建结果**:在本地预览生产环境的构建结果:
 
-bash
+```bash
 npm run preview
-详细的项目结构说明
-plaintext
+```
+
+### 详细的项目结构说明
+
+```plaintext
 src/
 ├── components/       # 组件目录
 │   ├── CandidateDetailModal.vue  # 候选人详情模态框组件
@@ -79,34 +110,54 @@ src/
 ├── App.vue         # 根组件
 ├── style.css       # 全局样式文件
 └── vite-env.d.ts   # Vite环境类型声明文件
-核心功能使用说明
-岗位管理
-创建岗位:在岗位管理页面,点击 “创建新岗位” 按钮,填写岗位信息,包括岗位名称、部门、工作地点、岗位描述和 AI 筛选评分标准,点击 “保存” 即可创建新岗位。
-查看岗位详情:在岗位卡片上点击 “查看详情” 按钮,弹出岗位详情模态框,可查看岗位的基础信息、岗位描述、招聘统计和 AI 筛选评分标准。
-编辑岗位:在岗位卡片上点击 “编辑岗位” 按钮,弹出岗位编辑模态框,可修改岗位信息,修改完成后点击 “保存” 即可更新岗位信息。
-暂停 / 恢复招聘:在岗位卡片上点击 “暂停招聘” 或 “恢复招聘” 按钮,可暂停或恢复该岗位的招聘。
-删除岗位:在岗位卡片的下拉菜单中点击 “删除岗位” 按钮,确认删除后即可删除该岗位。
-候选人管理
-筛选候选人:在候选人管理页面,使用筛选器筛选候选人,可根据状态和岗位进行筛选。
-查看候选人详情:点击候选人卡片,弹出候选人详情模态框,可查看候选人的基本信息、简历原文、AI 分析报告和待考察点。
-标记候选人状态:在候选人详情模态框中,点击 “通过”、“拒绝” 或 “发送面试邀请” 按钮,可标记候选人的状态。
-数据面板
+```
+
+### 核心功能使用说明
+
+#### 岗位管理
+
+* 创建岗位:在岗位管理页面,点击 “创建新岗位” 按钮,填写岗位信息,包括岗位名称、部门、工作地点、岗位描述和 AI 筛选评分标准,点击 “保存” 即可创建新岗位。
+* 查看岗位详情:在岗位卡片上点击 “查看详情” 按钮,弹出岗位详情模态框,可查看岗位的基础信息、岗位描述、招聘统计和 AI 筛选评分标准。
+* 编辑岗位:在岗位卡片上点击 “编辑岗位” 按钮,弹出岗位编辑模态框,可修改岗位信息,修改完成后点击 “保存” 即可更新岗位信息。
+* 暂停 / 恢复招聘:在岗位卡片上点击 “暂停招聘” 或 “恢复招聘” 按钮,可暂停或恢复该岗位的招聘。
+* 删除岗位:在岗位卡片的下拉菜单中点击 “删除岗位” 按钮,确认删除后即可删除该岗位。
+
+#### 候选人管理
+
+* 筛选候选人:在候选人管理页面,使用筛选器筛选候选人,可根据状态和岗位进行筛选。
+* 查看候选人详情:点击候选人卡片,弹出候选人详情模态框,可查看候选人的基本信息、简历原文、AI 分析报告和待考察点。
+* 标记候选人状态:在候选人详情模态框中,点击 “通过”、“拒绝” 或 “发送面试邀请” 按钮,可标记候选人的状态。
+
+#### 数据面板
+
 在数据面板页面,可查看招聘数据统计和分析,包括总岗位数、总候选人数、已面试人数、岗位招聘表现等。
-💎 设计特色
-响应式设计理念
+
+## 💎 设计特色
+
+### 响应式设计理念
+
 本项目采用响应式设计理念,确保在不同设备上都能提供良好的用户体验。使用 Tailwind CSS 的响应式类,根据设备屏幕宽度自动调整布局和样式。
-动画效果实现
+
+### 动画效果实现
+
 使用 @vueuse/motion 库实现高性能动画效果,如页面切换动画、卡片出现动画和数字滚动动画等,提升用户体验。
-现代化 UI 特点
-简洁美观:采用简洁的设计风格,去除多余的元素,使界面更加清晰易读。
-色彩搭配:使用明亮、柔和的色彩搭配,营造舒适的视觉效果。
-图标使用:使用 Lucide Vue Next 图标库,提供丰富的图标资源,增强界面的可读性和交互性。
-⚙️ 配置和部署
-各种配置文件说明
-vite.config.ts:Vite 的配置文件,用于配置项目的构建和开发选项。
-tsconfig.json:TypeScript 的配置文件,用于配置 TypeScript 编译器的选项。
-postcss.config.js:PostCSS 的配置文件,用于配置 PostCSS 插件。
-tailwind.config.js:Tailwind CSS 的配置文件,用于配置 Tailwind CSS 的选项。
-静态部署和服务器部署选项
-静态部署:将dist目录下的静态文件部署到静态文件服务器,如 GitHub Pages、Netlify 等。
-服务器部署:将项目部署到服务器上,如 Node.js 服务器、Nginx 服务器等。
+
+### 现代化 UI 特点
+
+* **简洁美观**:采用简洁的设计风格,去除多余的元素,使界面更加清晰易读。
+* **色彩搭配**:使用明亮、柔和的色彩搭配,营造舒适的视觉效果。
+* **图标使用**:使用 Lucide Vue Next 图标库,提供丰富的图标资源,增强界面的可读性和交互性。
+
+## ⚙️ 配置和部署
+
+### 各种配置文件说明
+
+* **vite.config.ts**:Vite 的配置文件,用于配置项目的构建和开发选项。
+* **tsconfig.json**:TypeScript 的配置文件,用于配置 TypeScript 编译器的选项。
+* **postcss.config.js**:PostCSS 的配置文件,用于配置 PostCSS 插件。
+* **tailwind.config.js**:Tailwind CSS 的配置文件,用于配置 Tailwind CSS 的选项。
+
+### 静态部署和服务器部署选项
+
+* **静态部署**:将dist目录下的静态文件部署到静态文件服务器,如 GitHub Pages、Netlify 等。
+* **服务器部署**:将项目部署到服务器上,如 Node.js 服务器、Nginx 服务器等。