-
Notifications
You must be signed in to change notification settings - Fork 0
/
项目结构
81 lines (77 loc) · 7.93 KB
/
项目结构
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
EmployeeManageSystem:
| package-lock.json # NPM package 锁定文件，用于确保项目依赖包的版本一致性
| package.json # 项目依赖配置文件，包含项目名称、版本、依赖项等信息
| requirements.txt # Python 依赖配置文件，列出了项目所需的 Python 包及其版本
| start.ps1 # Windows PowerShell 脚本，用于启动项目
+---backend # 后端代码目录
| | app.py # Flask 应用程序入口点，定义了后端服务的路由和逻辑
| | config.py # 应用程序配置文件，包含了后端服务的配置信息，如数据库连接等
| | models.py # 数据库模型定义，定义了后端服务所需的数据模型
| |
| +---routes # 路由模块目录，包含了不同功能模块的路由处理逻辑
| | | auth.py # 认证相关路由，处理用户认证和授权的逻辑
| | | getData.py # 获取数据相关路由，处理从数据库获取数据的逻辑
| | | modEmployees.py # 员工信息修改路由，处理员工信息的增删改逻辑
| | | modUsers.py # 用户信息修改路由，处理用户信息的增删改逻辑
| | |
| |
| +---utils # 实用工具模块目录，包含了辅助功能的实现
| | | fakedata.sql # 虚拟数据填充数据库的 SQL 脚本，用于生成测试数据
| | |
|
+---frontend # 前端代码目录
| | .gitignore # Git 版本控制忽略配置文件，指定不需要纳入版本控制的文件或目录
| | babel.config.js # Babel 配置文件，用于配置 JavaScript 编译器 Babel 的参数和插件
| | jsconfig.json # JavaScript 项目配置文件，用于配置 JavaScript 语言服务的行为
| | package-lock.json # NPM package 锁定文件，用于确保项目依赖包的版本一致性
| | package.json # 项目依赖配置文件，包含项目名称、版本、依赖项等信息
| | README.md # 项目说明文件，提供了关于项目的基本信息和使用说明
| | vue.config.js # Vue.js 项目配置文件，用于配置 Vue.js 构建过程中的行为和插件
| |
| +---public # 公共资源目录，存放不需要经过构建处理的静态资源
| | favicon.ico # 网站图标文件，通常显示在浏览器标签页上或书签上
| | index.html # Vue.js 应用程序入口 HTML 文件，定义了应用程序的 DOM 结构
| | logo.png # 网站 Logo 图片文件，通常显示在网站的标题栏或页面上
| |
| \---src # Vue.js 源代码目录，包含了项目的源代码文件
| | App.vue # 根组件，定义了整个 Vue.js 应用程序的根结构和样式
| | main.js # Vue.js 应用程序入口 JS 文件，定义了应用程序的入口逻辑
| |
| +---assets # 静态资源目录，存放项目所需的静态资源文件，如图像、样式等
| | avatar.png # 用户头像图片文件
| |
| +---components # Vue 组件目录，存放项目的可复用 Vue 组件
| | BarChart.vue # 柱状图组件
| | BarHorizontalChart.vue # 水平柱状图组件
| | DemoView.vue # 演示视图组件
| | FooterBar.vue # 底部导航栏组件
| | HeaderBar.vue # 顶部导航栏组件
| | NavBar.vue # 导航栏组件
| | PieChart.vue # 饼图组件
| |
| +---router # Vue 路由配置目录，存放 Vue.js 路由配置文件
| | index.js # Vue 路由配置文件，定义了应用程序的路由映射关系
| |
| +---styles # 样式文件目录，存放项目的样式文件
| | \---dark # 深色主题样式文件目录
| | css-vars.css # CSS 变量定义文件，定义了深色主题的 CSS 变量
| |
| \---views # 页面组件目录，存放项目的页面组件文件
| DashboardPage.vue # 仪表盘页面组件
| EmployeeCompensations.vue # 员工薪酬页面组件
| EmployeeManage.vue # 员工管理页面组件
| EmployeePerformance.vue # 员工绩效页面组件
| EmployeeSatisfaction.vue # 员工满意度页面组件
| EmployeeStructure.vue # 人员结构页面组件
| LoginPage.vue # 登录页面组件
| MainPage.vue # 主页面组件
| NotAuthorizedPage.vue # 未授权页面组件
| NotFoundPage.vue # 未找到页面组件
| RegisterPage.vue # 注册页面组件
| SettingsPage.vue # 设置页面组件
| UserManage.vue # 用户管理页面组件
|
这个员工管理系统是一个综合性的人力资源管理工具，旨在帮助企业轻松管理员工信息、监控绩效、改善满意度以及优化薪酬福利等方面。系统结合了后端 Flask 框架和前端 Vue.js 技术，提供了一个功能完善、用户友好的管理平台。
后端部分包含了核心的业务逻辑和数据处理，通过 Flask 框架构建了强大的路由模块，涵盖了认证、数据获取以及员工信息的增删改查等功能。同时，利用数据库模型定义了清晰的数据结构，确保了数据的完整性和一致性。另外，配备了一些实用的工具模块，如虚拟数据填充数据库的功能，帮助用户快速进行测试和演示。
前端部分采用了 Vue.js 技术栈，拥有清晰的组件结构和良好的用户界面。各种页面组件如仪表盘、员工管理、员工绩效、员工满意度等，能够满足不同层次和需求的用户。通过 Echarts 组件创建了丰富多样的图表，展示了员工结构、绩效评分、满意度调查结果以及薪酬福利等关键指标的总览，帮助管理者全面了解企业的运营状况。
总体而言，该员工管理系统不仅提供了基本的员工信息管理功能，还通过数据可视化等方式，为企业决策提供了有力的支持，助力企业实现人力资源的高效管理和持续发展。