微信小程序 —— 考勤管理Demo(前后端及数据库)

源码地址:

https://github.com/Zheng-Wenkai/WX_checkAttendanceDemo


简要介绍

这是一个微信小程序的考勤管理Demo,包括前后端及数据库等内容。如有错误或建议,欢迎指出。

前端:

微信小程序框架(https://mp.weixin.qq.com/debug/wxadoc/dev/index.html)

后端:

koa框架(基于express的新一代框架,https://koa.bootcss.com/)

平台:

Node.js

数据库:

Mysql,使用knex框架进行操作(http://knexjs.org/)

初始账户:admin,初始密码:admin

使用koa框架和knex框架从而可适应微信提供的小程序解决方案

1、wafer1(https://github.com/tencentyun/wafer)

2、wafer2(https://github.com/tencentyun/wafer2-quickstart)

附加说明:

后端部署在本地,用户无需将其部署在服务器中,仅需打开server文件夹,并启动其中的app.js,地址即为app文件夹中的http://localhost:5757/


需求分析

微信小程序 —— 考勤管理Demo(前后端及数据库)_第1张图片


UI设计

登录页:

微信小程序 —— 考勤管理Demo(前后端及数据库)_第2张图片

首页:

微信小程序 —— 考勤管理Demo(前后端及数据库)_第3张图片

签到页:

微信小程序 —— 考勤管理Demo(前后端及数据库)_第4张图片

考勤页:

微信小程序 —— 考勤管理Demo(前后端及数据库)_第5张图片

地图:

微信小程序 —— 考勤管理Demo(前后端及数据库)_第6张图片

人员制度:

微信小程序 —— 考勤管理Demo(前后端及数据库)_第7张图片

考勤标准:

微信小程序 —— 考勤管理Demo(前后端及数据库)_第8张图片

历史查询:

微信小程序 —— 考勤管理Demo(前后端及数据库)_第9张图片

微信小程序 —— 考勤管理Demo(前后端及数据库)_第10张图片

长期反馈:

微信小程序 —— 考勤管理Demo(前后端及数据库)_第11张图片


你可能感兴趣的:(微信小程序)