Skip to content

基于VUE3,VITE与element-ui-plus的人事管理系统前端页面

License

Notifications You must be signed in to change notification settings

Saktawdi/hrmSys-web-ui

Repository files navigation

hrmSys-web-ui

项目简介

hrmSys-web-ui 是一个基于 Vue 3 和 Vite 构建的开源项目,用于实现人事管理系统的前端界面。该项目采用了现代化的前端技术栈,包括 Element Plus UI 框架、Axios 进行网络请求、Pinia 状态管理等。 后端:https://github.com/Saktawdi/hrmSys

项目体验地址:http://hrms.sakta.top/ 体验账号:123456 pwd:123456

依赖项

主要依赖

  • Vue 3: 采用最新版本的 Vue 框架,提供了强大的组件化开发能力。
  • Element Plus: 使用 Element Plus UI 框架构建美观且易于使用的用户界面。
  • Axios: 用于处理前端的网络请求,与后端进行数据交互。
  • Pinia: 提供了高效的状态管理,使得组件之间的数据共享更加简便。

路由与导航

  • Vue Router: 利用 Vue Router 进行前端路由管理,实现页面间的导航。

开发与构建工具

  • Vite: 使用 Vite 进行项目的开发和构建,提供快速的开发体验和高效的打包性能。
  • Sass: 使用 Sass 预处理器,增强样式表的可维护性。
  • Prettier: 结合 ESLint 和 Prettier 进行代码格式化,保持代码风格一致性。

代码质量与规范

  • ESLint: 使用 ESLint 进行代码静态分析,确保代码质量。
  • HuskyLint-staged: 结合 Husky 和 Lint-staged 进行代码提交前的检查,保证代码规范。

开始使用

  1. 安装依赖: 在项目根目录运行以下命令安装依赖。

    npm install
  2. 启动开发服务器: 使用以下命令启动 Vite 的开发服务器。

    npm run dev
  3. 访问项目: 打开浏览器并访问 http://localhost:3000 查看项目。

一些界面展示

1703678996474.png 1703678983818.png 1703678948140.png 1703679020322.png 1703678967610.png 1703679046169.png 1703679036252.png 1703678858229.png

贡献与反馈

我们欢迎开发者和用户参与贡献,提交问题和提供反馈。请随时在 GitHub 上提出问题或发起拉取请求。

许可证

该项目采用 MIT 许可证,详细信息请参阅 LICENSE 文件。

感谢

特别感谢所有为该项目做出贡献的开发者和社区成员。

祝您在编码的道路上愉快!🚀

About

基于VUE3,VITE与element-ui-plus的人事管理系统前端页面

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published