人脸识别考勤管理系统
人脸识别考勤管理系统
先看一下目录结构。
其中backend文件中存放的是后端代码,CP主要是配置文件,frontend存放前端代码。manage.py相当于main函数,最先执行这个,运行也是运行这个文件,运行命令python manage.py runserver
这里会进入setting.py文件,该文件是设置文件,其中大部分代码是创建项目时自动生成的。
根URL,之后会进入CP/urls.py文件
运行index.html文件,这就进入了前端部分,在frontend文件夹中,这里面的.vue,.js文件为前端代码。这些代码运行后会生成html文件在浏览器上运行。首先进入App.vue文件。
这些代码除<router-view/>
外的运行结果即为下图除红框以外的部分。而<router-view/>
的运行结果就是内部红框里的内容,这行代码表示引入别的文件,引入的文件不同运行结果相应改变。
引入文件看router.js文件,改文件负责路由配置。
path的值是’/’,即为默认路由,此时引入的component(组件)是Home,而从最上面引入的代码可知,Home是Home.vue,打开Home.vue可以看到这个文件的内容就一行,欢迎来到考勤管理系统!这就是主页面的运行结果。签到签退页面跟这个类似,引入的文件运行结果即为红框部分。
管理页面引入的是AdminHome.vue,跟App.vue类似,AdminHome.vue文件中也能看到有一行代码<router-view/>
,所以AdminHome.vue文件运行结果是下图红框以外的部分,红框以内由<router-view/>
引入,这里的引入就看上图的children部分,其中第一行表示一个重定向,即页面默认跳转,跳转到employee,后两行分别引入文件,运行结果即为下图红框部分。
这就是前端页面的逻辑。
后端代码主要在backend文件夹中,
每个后端接口的调用是在.vue文件的<script>......</script>
部分,然后<template>...</template>
再将返回的数据显示出来。
人脸识别考勤管理系统相关推荐
- 基于QT的人脸识别考勤管理系统【二】
前言: 上一篇我们实现了考勤管理系统的用户考勤打卡系统https://blog.csdn.net/qq_42449351/article/details/99716413,这一篇我将为大家带来这个系统 ...
- 基于QT的人脸识别考勤管理系统【一】
前言: 上篇我们已经用opencv实现了人脸识别https://blog.csdn.net/qq_42449351/article/details/99052241,现在我们就用人脸识别来做一个考勤管 ...
- 人脸识别签到_矿区签到出“新招” 人脸识别考勤上线
图为公司职工正在用门禁考勤面部识别系统打卡 听说过手机刷脸解锁,购物刷脸支付,你知道现在矿区考勤签到也可以刷脸了吗?为进一步强化工作作风建设,严格执行上下班考勤制度,12月4日,公司正式启动覆盖全员的 ...
- 基于JSP/SERVLET实现的人脸识别考勤系统
人脸识别考勤系统使用说明书 此系统是人脸识别考勤系统的后台管理系统,考勤数据从人脸识别机器上获取,自动识别员工信息记录考勤.系统基于JSP/SERVLET来开发实现,开发工具采用IDEA或ECLIPS ...
- 单位启用人脸识别考勤
单位启用人脸识别考勤 随着手机刷脸解锁热潮的兴起,人脸识别技术也逐渐为人所知,一时间,校园里出现"刷脸吃饭",街头上冒出无人零售,门店中的开始人脸支付......人脸识别成为新一代 ...
- 签到方式出“新招”!人脸识别考勤系统
生物识别技术的发展不仅改变了人们的生活模式,也深刻影响了企业考勤管理模式.为保证员工出勤率,企业方面屡出奇招,签到方式不断推陈出新,从IC打卡到指纹打卡.微信打卡,再到人脸识别打卡,紧跟科技步伐,一步 ...
- JDG人脸识别课堂管理系统全栈开发流程报告-软件工程实践报告
JDG人脸识别课堂管理系统全栈开发流程报告-软件工程 ⭐️ 本报告的代码部分和程序设计参考了 计算机18-1班张宇哲(学号181002406)同学 在Gitee仓库发布的AI-Attendance,本 ...
- 基于深度学习的人脸识别考勤系统设计
写在前面:本文是本科阶段参加的第三次科创比赛项目,当时只有一个人做,能力精力有限,很多预期的功能都没有实现.最后的可展示程度不高,没有走得很远.本文是申报书部分,可以为除此参加科创的同学提供思路,可以 ...
- 基于Javaweb实现的人脸识别考勤系统
人脸识别考勤系统使用说明书 此系统是人脸识别考勤系统的后台管理系统,考勤数据从人脸识别机器上获取,自动识别员工信息记录考勤.系统基于JSP/SERVLET 来开发实现,开发工具采用IDEA 或ECLI ...
最新文章
- Generic Data Access Layer泛型的数据访问层
- 微软一站式开发技术框架解决方案 年内展望
- leetcode 191. 位1的个数(位运算)
- 涡轮机叶片matlab强度分析论文,一种基于MATLAB及Pro_E的涡轮建模方法
- jQuery框架学习第四天:使用jQuery操作元素的属性与样式
- MobileNet-v3详解
- vue 后端数据成功返回 页面不渲染_vue能获取到数据数据却渲染不到页面上,为什么?...
- 遇到返回键会退到页面的问题(window.location)
- 在向服务器发送请求时发生传输级错误。
- curl 断点下载 wget下载
- MCU裸机:一、315/433MHz/IR射频解码开发
- ESXI 6.7全面系统教程~win10显卡直通
- Android判断用户是否已完成设置向导(开机向导)
- mysql时间函数之hour,minute,second用法_前进的火车_新浪博客
- 使用fsck修复系统文件错误
- Debian 下 mysql workbench 报 tables could not be fetched.
- UC搭档云计算:前景广阔
- AWS亚马逊Redshift的特点功能介绍
- 2017最新整理python全栈工程师系统培训之路精品课程(全套)
- “AI”加持,一起“沉浸式体验”企业的走心服务