1. 程式人生 > >上班簽到小專案(nodejs,express,ajax)

上班簽到小專案(nodejs,express,ajax)

效果圖

express配合客戶端ajax實現上班簽到小專案(資料庫部分暫時省略,使用虛擬資料)

簡單需求分析:
    1.使用者(id,name,password)
    2.使用者必須登入才能簽到
    3.使用者從哪裡來,註冊(暫時存到陣列)
    4.簽到(誰,時間,地點,合法)--比較經緯度在100範圍內

專案架構:nodejs + express + git + jquary + html + css
專案描述:
該專案是一個express配合客戶端ajax實現上班簽到小專案,專案需要滿足以下需求:
(1)使用者必須註冊,登入才能簽到,使用者資訊暫時存到陣列
(2)使用者簽到的地點給出確定的範圍,不在範圍內即為簽到失敗。
技術要點:
(1)專案通過node 建立package.json ,下載express模組包建立路由router/index.js匯入模 塊,在public資料夾裡面建立html, css, javascript檔案搭建好整體框架
(2)執行要先進入登入頁,就要在主頁用location.href跳轉過去,註冊時候輸入的資料存到 cookie,在後臺從介面獲取資料,驗證通過即可登入
(3)在後臺把經緯度封裝成一個數組,可以儲存一兩個使用者名稱資訊。

操作:
伺服器端 輸入node index
客戶端:http://localhost:8000/login.html
在這裡插入圖片描述
在這裡插入圖片描述
在這裡插入圖片描述
在這裡插入圖片描述
在這裡插入圖片描述

原始碼:https://github.com/yanfengting/qiandao#qiandao