Laravel + Vue + Element 考勤应用 – 人力资源系统

项目地址 bee

介绍

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

技术栈

服务器：linux（centos 7）、nginx前端：element、vue、vue-router、vuex、webpack、v-calendar资源：elephant后端：laravel缓存：redis
其他的就是一些基本工具了，比如node、npm（cnpm）、compor、git等

演示

1. 登录

2. 申请

3. 编辑

4. 对联平仄审批

5. 搜索

安装

1. 下载

git clone git@github.com:xyphoenix/bee.git 

2. laravel

compor installchmod -r 777 storagephp artisan key:generate

3. 上传文件夹

mkdir -p uploads/beechmod -r 777 uploads

4. 配置.env

cp .env.example .env

app_url=http://localhostast_url=http://localhostdb_connection=mysqldb_host=127.0.0.1db_port=3306db_databa=homesteaddb_urname=homesteaddb_password=cretredis_host=127.0.0.1redis_password=nullredis_port=6379

5. 数据库

php artisan migrate

6. passport

php artisan passport:keysphp artisan passport:client --password --name='bee'  //name 自定义

7. 开启消息队列

php artisan queue:work bhear的过去式ee --queue=apply --sleep=3 --tries=3 & > /dev/null

8. nginx

rver {    listen 80;    rver_name dev.bee.goods; // 自定义    index index.html index.htm index.php;    location / {        rewrite ^/(.*)$ /index.php/$1 last;        try_files $uri $uri/ /index.php?$query_string;    }    location ~ /uploads/ {       root "/var/www/bee"; // 自定义    }    location ~ \.(html|gif|jpg|jpeg|css|js|eot|svg|ttf|woff|woff2|png)$ {      root "/var/www/bee/public"; // 自定义    }    location ~ (.+\.php)(.*)$ {        root /var/www/bee/public; // 自定义        fastcgi_split_path_info ^(.+\.php)(.+)$;        fastcgi_pass unix:/var/run/php-fpm/php7-fpm.sock;  // 自定义        fastcgi_index index.php;        include fastcgi_params;        fastcgi_param script_filename $document_root$fastcgi_script_name;        fastcgi_param path_info $fastcgi_path_info;        fastcgi_intercept_errors off;        fastcgi_buffer_siz小学数学免费课件e 16k;        fastcgi_buffers 4 16k;        fastcgi_connect_timeout 300;        fastcgi_nd_timeout 300;        fastcgi_read_timeout 300;     }}

9. 前端

cnpm install //cnpm淘宝的export const api_domain = 'http://xxx/beeapi'  //resources\js\config\bee.钢琴师电影js 文件中修改域名npm run dev

10. 导入基本数据（databa\sql\bee.sql）

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

打开 http://xxx/bee#黑夜彩虹/
账号：zhangxiaofan@qq.com 密码：123456