经验首页 前端设计 程序设计 Java相关 移动开发 数据库/运维 软件/图像 大数据/云计算 其他经验
当前位置:技术经验 » 程序设计 » PHP » 查看文章
Laravel + Vue + Element 考勤应用 - 人力资源系统
来源:cnblogs  作者:SexyPhoenix  时间:2019/10/31 11:56:37  对本文有异议

项目地址 Bee

介绍


Bee 是人力资源系统中的考勤应用,主要功能用于员工申请假单。Bee具有较高的性能、扩展性等,其中包括前后端分离、插拔式的规则验证(验证器)、数据过滤(装饰器)、消息队列等,后端在Laravel 的MVC模式上,又添加了Services、Repositories层,明确每个类的职责,使用Passport 的密码模式获取接口数据。

技术栈


  • 服务器:Linux(Centos 7)、Nginx
  • 前端:Element、Vue、Vue-Router、Vuex、Webpack、V-calendar
  • 资源:Elephant
  • 后端:Laravel
  • 缓存:Redis
    其他的就是一些基本工具了,比如node、npm(cnpm)、composer、git等

演示

1. 登录

1

2. 申请

2

3. 编辑

3

4. 审批

4

5. 搜索

5

安装


1. 下载
  1. git clone git@github.com:SexyPhoenix/Bee.git
2. Laravel
  1. composer install
  2. chmod -R 777 storage
  3. php artisan key:generate
3. 上传文件夹
  1. mkdir -p uploads/bee
  2. chmod -R 777 uploads
4. 配置.env
  1. cp .env.example .env
  1. APP_URL=http://localhost
  2. ASSET_URL=http://localhost
  3. DB_CONNECTION=mysql
  4. DB_HOST=127.0.0.1
  5. DB_PORT=3306
  6. DB_DATABASE=homestead
  7. DB_USERNAME=homestead
  8. DB_PASSWORD=secret
  9. REDIS_HOST=127.0.0.1
  10. REDIS_PASSWORD=null
  11. REDIS_PORT=6379
5. 数据库
  1. php artisan migrate
6. Passport
  1. php artisan passport:keys
  2. php artisan passport:client --password --name='bee' //name 自定义
7. 开启消息队列
  1. php artisan queue:work bee --queue=apply --sleep=3 --tries=3 & > /dev/null
8. Nginx
  1. server {
  2. listen 80;
  3. server_name dev.bee.goods; // 自定义
  4. index index.html index.htm index.php;
  5. location / {
  6. rewrite ^/(.*)$ /index.php/$1 last;
  7. try_files $uri $uri/ /index.php?$query_string;
  8. }
  9. location ~ /uploads/ {
  10. root "/var/www/Bee"; // 自定义
  11. }
  12. location ~ \.(html|gif|jpg|jpeg|css|js|eot|svg|ttf|woff|woff2|png)$ {
  13. root "/var/www/Bee/public"; // 自定义
  14. }
  15. location ~ (.+\.php)(.*)$ {
  16. root /var/www/Bee/public; // 自定义
  17. fastcgi_split_path_info ^(.+\.php)(.+)$;
  18. fastcgi_pass unix:/var/run/php-fpm/php7-fpm.sock; // 自定义
  19. fastcgi_index index.php;
  20. include fastcgi_params;
  21. fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name;
  22. fastcgi_param PATH_INFO $fastcgi_path_info;
  23. fastcgi_intercept_errors off;
  24. fastcgi_buffer_size 16k;
  25. fastcgi_buffers 4 16k;
  26. fastcgi_connect_timeout 300;
  27. fastcgi_send_timeout 300;
  28. fastcgi_read_timeout 300;
  29. }
  30. }
9. 前端
  1. cnpm install //cnpm淘宝的
  2. export const API_DOMAIN = 'http://xxx/beeapi' //resources\js\config\bee.js 文件中修改域名
  3. npm run dev
10. 导入基本数据(database\sql\bee.sql)

最后,注意配置域名到host。

打开 http://xxx/bee#/
账号:zhangxiaofan@qq.com 密码:123456

原文链接:http://www.cnblogs.com/SexyPhoenix/p/11770089.html

 友情链接:直通硅谷  点职佳  北美留学生论坛

本站QQ群:前端 618073944 | Java 606181507 | Python 626812652 | C/C++ 612253063 | 微信 634508462 | 苹果 692586424 | C#/.net 182808419 | PHP 305140648 | 运维 608723728

W3xue 的所有内容仅供测试,对任何法律问题及风险不承担任何责任。通过使用本站内容随之而来的风险与本站无关。
关于我们  |  意见建议  |  捐助我们  |  报错有奖  |  广告合作、友情链接(目前9元/月)请联系QQ:27243702 沸活量
皖ICP备17017327号-2 皖公网安备34020702000426号