線上打卡系統 [PHP] 免費使用

我用PHP寫了一個打卡系統,這個系統是設計給常常外出的業務,可以直接在外打卡,不用特別進公司,節省不必要的時間浪費。

source code 請至連結下載 (大家可以基於這個版本去修改,有問題可以上面發issue給我,已經沒繼續維護這個專案了)
https://github.com/gary1209/clock-system


打卡的時候會抓取GPS位置跟IP,也可以拍照上傳。主管或HR就可以方便的管控員工們的打卡地點及時間,就先來介紹一下。

先看到首頁,可以看到旅行青蛙,最近很紅,就應景一下~

第一次登入前,請點註冊帳號

填寫資料後註冊

註冊完就可以登入了!



登入後的頁面

打卡上班看看,業主要求他們員工打卡時還要上傳自拍,我設計讓他不能上傳舊照片,一定要用相機拍當下的


打卡成功後長相




接下來是管理者頁面

一些簡單的功能,可以按時間排序,或是選取特定USER,或是特定時間等等,也可以直接點"查看地圖",就會顯示打卡時的位置



留言

  1. 非常棒~給您支持一下~ 等候分享~

    回覆刪除
  2. 蠻不錯的設計~請問下載連結在那呢?感恩先嚕~

    回覆刪除
    回覆
    1. https://github.com/gary1209/clock-system 還沒整理好,但是看到有人在問先丟上來,有問題再問我

      刪除
  3. 哈羅 您好,這系統看起來 還不錯呢 但是使用上 遇到一個問題
    在使用您的系統時,您上傳照片的功能 有使用到 aws sdk,似乎有 版本的問題

    Fatal error: Uncaught exception 'InvalidArgumentException' with message ' in C:\xampp\htdocs\CSM\vendor\aws\aws-sdk-php\src\ClientResolver.php on line 387
    ( ! ) InvalidArgumentException: Missing required client configuration options: region: (string) A "region" configuration value is required for the "s3" service (e.g., "us-west-2"). A list of available public regions and endpoints can be found at http://docs.aws.amazon.com/general/latest/gr/rande.html. version: (string) A "version" configuration value is required. Specifying a version constraint ensures that your code will not be affected by a breaking change made to the service. For example, when using Amazon S3, you can lock your API version to "2006-03-01". Your build of the SDK has the following version(s) of "s3": * "2006-03-01" You may provide "latest" to the "version" configuration value to utilize the most recent available API version that your client's API provider can find. Note: Using 'latest' in a production application is not recommended. A list of available API versions can be found on each client's API documentation page: http://docs.aws.amazon.com/aws-sdk-php/v3/api/index.html. If you are unable to load a specific API version, then you may need to update your copy of the SDK. in C:\xampp\htdocs\CSM\vendor\aws\aws-sdk-php\src\ClientResolver.php on line 387

    這個部份 是要換 awp的版本,還是只要將語法變一下就行?

    回覆刪除
  4. 問題更新一下
    在使用中 裝 aws/aws-sdk-php": "~2.6.2"之後 上面的錯誤就沒有了
    但是 在訪問 aws時 還是抓不到資料 No "S3_BUCKET" config var in found in env!
    這個部份 還真不知是 那一段有問題呢~~~求解答

    回覆刪除
  5. 目前 看來 是這一段有問題呢
    $s3 = Aws\S3\S3Client::factory();
    $bucket = getenv('S3_BUCKET')?: die('No "S3_BUCKET" config var in found in env!');
    一直抓不到 S3_BUCKET的資料

    回覆刪除
  6. 請問一下 db_config.php 要如何修改 添加自己本身 mysql 帳號與密碼 ,? 我已建立好db 為 clock-system 也將 clock-system.sql 匯入到mysql 裏頭,當註冊會員時就出現 Warning: mysqli_connect(): (HY000/1045): Access denied for user ''@'localhost' (using password: NO) in C:\Ampps\htdocs\clock\db_config.php on line 37

    Warning: mysqli_select_db() expects parameter 1 to be mysqli, boolean given in C:\Ampps\htdocs\clock\db_config.php on line 38
    無法對資料庫連線
    煩請告知如何設定與安裝此系統 謝謝

    回覆刪除
    回覆
    1. 我以解決所有問題 也測試可以使用了 唯一就是跟資料庫簽入上班與下班時間所顯示的時間會多出8小時

      刪除
    2. 若使用 Appserv 需設定時區

      date.timezone = "Asia/Taipei"

      給您參考

      刪除
    3. 感謝你所提供的 我檢查過 php.ini 與相關的設定了 也設定過 date.timezone ="Asia/Taipei" ,但是修改後從新啟動並測試簽入上班與下班 時間還是快了8小時.
      也不知道是哪裡出了錯誤.

      刪除
  7. 請問這個是用什麼數據庫啊? mysql 可以用嗎?

    回覆刪除
  8. 感謝你所提供的 我檢查過 php.ini 與相關的設定了 也設定過 date.timezone ="Asia/Taipei" ,但是修改後從新啟動並測試簽入上班與下班 時間還是快了8小時.
    也不知道是哪裡出了錯誤.

    回覆刪除
    回覆
    1. 您好可否分享你的修改,我在註冊無法成功,我能回饋你時間錯誤的修改謝謝

      刪除
  9. 这个数据库究竟应该怎么配置 啊,它一直提示我无法使用资料库

    if(!@mysqli_select_db($my_db,$cleardb_db)){
    die("無法使用資料庫");}

    回覆刪除
  10. 對你這個很有興趣~但我不是資訊工程師~這個應該怎麼使用?
    是否有教學?

    回覆刪除
  11. 作者已經移除這則留言。

    回覆刪除
  12. require('vendor/autoload.php');少了一個檔案是否可分享呢??謝謝

    回覆刪除
  13. 感謝版大分享,現在的時間點如獲至寶~感謝~

    回覆刪除
  14. 您好,您的網站很棒。只是sql匯入他寫說無法匯入

    回覆刪除
    回覆
    1. 還有就是可以不用java CSS只靠PHP跟sql可以寫的出來嗎

      刪除

張貼留言

這個網誌中的熱門文章

網站的留言功能,直接用LINE通知! (Line Notify 教學) (1)

利用前端壓縮圖片 (js 搭配 php)