微信小程式 —— 考勤管理Demo(前後端及資料庫)
原始碼地址:
簡要介紹
這是一個微信小程式的考勤管理Demo,包括前後端及資料庫等內容。如有錯誤或建議,歡迎指出。
前端:
後端:
平臺:
Node.js
資料庫:
初始賬戶:admin,初始密碼:admin
使用koa框架和knex框架從而可適應微信提供的小程式解決方案
附加說明:
後端部署在本地,使用者無需將其部署在伺服器中,僅需開啟server資料夾,並啟動其中的app.js,地址即為app資料夾中的http://localhost:5757/
需求分析
UI設計
登入頁:
首頁:
簽到頁:
考勤頁:
地圖:
人員制度:
考勤標準:
歷史查詢:
長期反饋:
相關推薦
微信小程式 —— 考勤管理Demo(前後端及資料庫)
原始碼地址: 簡要介紹 這是一個微信小程式的考勤管理Demo,包括前後端及資料庫等內容。如有錯誤或建議,歡迎指出。 前端: 後端: 平臺: Node.js 資料庫: 初始賬戶:admin,初始密碼:ad
微信小程式 —— 快遞查詢Demo(入門)
原始碼地址及提醒: 2、由於使用的是外部api,故選擇無appid登入小程式開發工具,無需更改後臺伺服器域名 簡要介紹 這是一個微信小程式的快遞查詢Demo,僅供初學者學習使用。主要展示了一些常用的一些微信API和元件,如有錯誤或建議,歡迎指出
微信小程式中使用Echarts(可非同步請求資料)
在微信小程式中使用Echarts,主要分為以下幾步: 1.首先要下載ecomfe/echarts-for-weixin專案,下載後將ec-canvas資料夾複製到小程式專案中,假設放在根目錄下utils資料夾中。 2.在要實現echarts圖的頁面引入echarts.js檔案,例如要在i
微信小程式 獲取元素高度(獲取元素節點資訊)
微信小程式 獲取元素高度(獲取元素節點資訊) 如果高度要px單位的話: let query = wx.createSelectorQuery(); query.select('.content').boundingClientRect(rect=>{ let he
微信小程式自制提示框(具有輸入文字功能)
微信小程式自帶的API中的頁面互動功能,雖然提示功能非常全面,但是所有的互動API中是沒有可以自己在提示框中輸入文字的功能,那麼現在我們來自己做這樣的一個提示框(可以帶有輸入功能),在提示框輸入完內容之後,點選確定,可以將文字內容返回,點選取消則可以回到之前的狀態。(在這裡,
微信小程式支付原始碼 Demo 後臺服務端程式碼
微信小程式支付繞坑指南 步驟 A:小程式向服務端傳送商品詳情、金額、openid B:服務端向微信統一下單 C:伺服器收到返回資訊二次簽名發回給小程式 D:小程式發起支付 E:服務端收到回撥 首先準備以一下資訊 小程式傳送小程式向服務端傳送商品詳情、金額、openid
[原創] HBuildX,微信小程式模擬器報錯(如若已在管理後臺更新域名配置,請重新整理專案配置後重新編譯專案)
今天在學習使用uniapp,開發微信小程式時第三方登入時,HBuild編輯器報了一個錯誤,經過定位分析,確定程式碼是沒有問題的,報錯如下 如若已在管理後臺更新域名配置,請重新整理專案配置後重新編譯專案 經過在網上查詢資料,得到解決方法,只需修改HBuild配置即可 找到模擬器右上角的詳
微信小程式 考勤簽到助手 原始碼demo
微信小程式 考勤簽到助手 此小程式已經上線,大家可以去微信小程式搜尋 “桂電考勤小助手” 體驗一下實際效果! 此小程式完全自己獨立開發,對於真正的大牛來說不算什麼,所以還是決定開源出來供大家參考學習!如果對你有幫助,點個贊就可以了! 注意: Clien
極限工坊微信小程式後臺功能簡介(五)——會員管理
繼續為大家介紹極限工坊微信小程式的後臺功能,今天介紹後臺中的會員管理功能。 會員管理功能:會員管理、會員標籤、積分規則設定、積分消費規則、積分規則說明、模板訊息設定、會員等級設定等七個小功能。 1、會員管理 會員會員卡系統:這可能是迄今最強大的小程式會員會員卡管理系統。
微信小程式開發框架——WXSS(一)
WXSS語言決定了小程式頁面的各個元素在視覺上的展示,WXSS與CSS即為相試的、為了適合微信小程式開發WXSS對CSS進行相應的修改。 width:用來設定元素'寬度' / height:用來設定元素'高度 '/
微信小程式按鈕去邊框(button去邊框)
微信小程式中的button元件預設自帶邊框,而且我們常規的給button設定border: none;或者border: 0;並不能去掉邊框。 無論是內聯樣式還是外聯樣式表都不好使。這是因為微信小程式的button元件的邊框並不在button上,而是在button::after上
微信小程式,精選Demo合集,你確定不要嗎?
小編最近在開發小程式,也讀到了不少優秀的小程式原始碼,專案中有些需求可以直接從原始碼裡貼上複製過來,雖然這樣做不利於自己獨立編寫程式碼,但比較是給公司做專案啊,秉著效率第一的原則,簡直沒有什麼比ctrl+c,ctrl+v,更加順手了。為了感恩大家長久以來的關注和支援,小編準備了一些福利,整理了130
微信小程式——下拉重新整理(分頁)
1、先定義兩個變數: // 分頁,載入 hasMoreData:true, globalPage:0, 2、函式處理: 3、與後臺互動: 1)、在獲取列表的方法裡面,將下面兩個引數以及其他所需
微信小程式-03登陸demo
登陸頁面 <view> <form bindsubmit='login'> <label>賬號:</label> <input name='username'></input> <
微信小程式入門學習筆記(二)——阿里雲伺服器PHP MYSQL Apache配置
持續更新 持續學習 感謝原文大佬連結 https://www.linuxidc.com/Linux/2017-08/146220.htm 筆者在阿里雲上買了輕量應用伺服器 學生認證通過以下 便宜的 選擇的CentOS 7.3 64位 https://promot
微信小程式入門學習筆記(一)
入門級的跳轉格式: wx.redirectTo():不能返回上一層頁面 wx.navigateTo():用於頁面的跳轉 以上兩個不能跳轉於"tabBar" 因此跳轉"tabBar": wx.switchTab 感謝大佬的教程解答 了我的問題 以下附上原文連結 作者
微信小程式使用第三方庫(第三方js)問題
原文:https://blog.csdn.net/u012421719/article/details/56676801 比如很多人會有這樣的問題: 小程式怎樣引用第三方js呢?
微信小程式開發文件(4)
微信小程式網路API 發起請求 上傳、下載 Websocket 檔案 資料快取 微信小程式媒體API 圖片 錄音 音訊播放控制 音樂播放控制 背景音訊播放管理 wx.createAudioContext(audioId) 視訊 wx.createVideoContext(videoId)
微信小程式二維碼(JAVA)
前言 最近在做小程式相關的專案,之前也在網上找過很多資料,遇到不少坑,和大家分享一下成果。 簡介 小程式獲取二維碼有官網三種介面: POST https://api.weixin.qq.com/cgi-bin/wxaapp/createwxaqrcode?access
微信小程式——文字沉底居中(0基礎開發者,好痛苦)
這幾天想把一段文字置於頁面底部,試了好多方法都不可以,今天終於成功了上傳一下成功經歷。 最開始的方法,只是沉底,但是無法居中。 .section_text{ position: fixed; bottom: 30rpx; left: 0;