本套教程的开发环境是HBuilder+vs2012+sql2012，主要讲解了使用Rem作为单位进行布局，并结合媒体查询技术，实现响应式布局，后端用户账号使用Excel批量导入，利用H5API获取GPS坐标（经度、纬度）并转换位百度地图坐标系下的坐标，并在百度地图上显示位置，标记位置，绘制圆圈等，打卡记录可以组合查询，包括时间段的选择，用户名和真实姓名的模糊查询等，也可以将打卡记录批量导出到Excel进行数据分析。普通用户在移动端利用手机打卡，管理员在PC端批量操作用户账号信息，批量导出打卡记录到Excel。教程的重点和难道是GPS定位，同学们在调试的时候一定要开启手机定位功能，并允许获取手机的位置信息，这样才能精确定位。
技术QQ：1416 7596 61 微信号：yyjcw10000 。
视频教程目录：
001-课程简介.swf
002-功能演示.swf
003-前端界面制作环境配置.swf
004-前端界面布局-rem单位和登录制作.swf
005-前端界面布局-登录表单居中显示.swf
006-前端界面布局-登录表单样式优化.swf
007-媒体查询和rem实现响应式布局.swf
008-打卡页面制作.swf
009-打卡页面头部按钮制作.swf
010-百度地图ak申请.swf
011-显示地图并设置缩放级别.swf
012-利用H5接口获取GPS坐标（经度和纬度）.swf
013-将GPS坐标转为百度地图坐标.swf
014-在百度地图显示当前位置.swf
015-根据错误码进行定位失败的提示.swf
016-GPS和百度地图双重定位确保获取位置信息.swf
017-根据经度纬度返回具体的汉字地址.swf
018-使用visual studio构建项目.swf
019-后端框架构建.swf
020-新建数据库.swf
021-数据库表结构设计.swf
022-把前端代码嵌入.net项目中.swf
023-服务器控件的使用.swf
024-web.config中数据库连接字符串配置.swf
025-在项目中加入必要的工具类.swf
026-登录模块过滤危险字符.swf
027-登录模块用户和密码验证并根据角色跳转.swf
028-将当前用户的信息保存到session.swf
029-使用frameset框架对后台管理界面布局.swf
030-利用css3渐变制作后台顶部背景效果.swf
031-后台管理页面构建.swf
032-后台左侧导航制作.swf
033-批量导入用户数据.swf
034-验证文件扩展名并上传excel文件.swf
035-导入excel数据到数据库.swf
036-分页查询数据并通过Repeater控件重复显示表格数据.swf
037-用户列表页面样式调整.swf
038-分页部分样式调整.swf
039-新增用户信息.swf
040-保存用户数据到数据库表.swf
041-编辑用户信息表单制作.swf
042-编辑用户数据后端代码制作.swf
043-将要删除的记录的id用逗号隔开.swf
044-全选与取消全选操作.swf
045-批量删除操作的后悔机制.swf
046-Ajax批量删除用户数据.swf
047-登录验证-预防绕过登录直接访问后台界面.swf
048-退出登录.swf
049-从打卡主界面退出登录.swf
050-经度纬度和详细地址.swf
051-前端发起打卡请求.swf
052-后端处理打卡请求.swf
053-前端提示打卡成功.swf
054-用户查看打卡记录.swf
055-loading制作.swf
056-loading的显示与隐藏.swf
057-在地图上绘制圆圈表示范围.swf
058-刷新和返回功能.swf
059-分页显示打卡记录.swf
060-经度和纬度参数传递.swf
061-在地图中显示打卡位置.swf
062-引入日历控件.swf
063-组合查询表单样式.swf
064-组合查询传递多个参数.swf
065-利用localStorage实现参数的记忆功能.swf
066-实现组合查询并传递跟随参数.swf
067-批量删除打卡记录.swf
068-数据格式转换.swf
069-数据库英文表头映射为中文表头.swf
070-生成Excel文件.swf
071-课程总结.swf
本套教程的开发环境是HBuilder+vs2012+sql2012，主要讲解了使用Rem作为单位进行布局，并结合媒体查询技术，实现响应式布局，后端用户账号使用Excel批量导入，利用H5API获取GPS坐标（经度、纬度）并转换位百度地图坐标系下的坐标，并在百度地图上显示位置，标记位置，绘制圆圈等，打卡记录可以组合查询，包括时间段的选择，用户名和真实姓名的模糊查询等，也可以将打卡记录批量导出到Excel进行数据分析。普通用户在移动端利用手机打卡，管理员在PC端批量操作用户账号信息，批量导出打卡记录到Excel。教程的重点和难道是GPS定位，同学们在调试的时候一定要开启手机定位功能，并允许获取手机的位置信息，这样才能精确定位。
技术QQ：1416 7596 61 微信号：yyjcw10000 。