员工打卡系统

付*

vue.js,bootsrap

项目描述

使用VUE框架技术实现让用户打卡和发布博客并且可以查询打卡详细信息和博客详细信息,可以根据发卡数量,积分,博客数量来排行

上传时间

2021.01.23

浏览人数

1038人
付*
河北省秦皇岛市海港区
Hot:2874

开发项目:VUE.JS

开发环境:WebStrom

开发者:付强

项目详情:

1.界面展示

这次创作的是一个PC端的员工打卡系统

 员工打卡系统

模拟真实情况下的员工打卡功能和查询打卡详细信息功能

 

 

2.功能介绍

 员工打卡系统

员工打卡系统

注册登录后,进入大厅,左上有自己的用户头像,昵称,和积分,旁边的的红色字体按钮可以退出用户登录状态

 

正中间的绿色按钮“我要发布”点击后可以进入到打卡窗口

 员工打卡系统

 

进入到打卡窗口后,选择自己要发布的文字和图片然后点击发布就可以再大厅里看到自己的打卡记录了

 员工打卡系统

再点击我的打卡数据接口的按钮来查看我所有发布的打卡数据

 员工打卡系统

 

点击我要发布blog按钮,可以跳转到发布blog页面,此页面是由quill组件来支持功能的,可以发布文字,图片视频和链接并可以编辑排版字号等功能

 员工打卡系统

 

 

 

 

点击查询所有人blog,可以查看所有员工发布的blog,再点开相应blog标题,来展示blog的详细内容

 员工打卡系统

员工打卡系统

员工打卡系统

 

点击查询排行榜,可以查看员工按照积分,打卡数量,blog数量的排行榜

员工打卡系统

员工打卡系统

员工打卡系统

4.7分

还未获得评语哦~
web 天津web培训 PS AJAX JQUERY 天津web培训 天津web前端培训 web培训 web前端培训 CSS jQuery 天津web前端培训班 天津web前端培训 CSS jQuery 天津web前端培训 天津web培训 天津web培训哪家好 VS Code WebStorm 天津web前端培训 web前端培训 web前端 VS Code WebStorm Dreamweaver、Visual 天津web前端培训 web前端培训 web前端 前端开发培训 VS Code DreamWeaver 天津web前端培训 web前端培训 天津前端培训 天津web培训 web前端 AndroidStudio Eclipse Xcode Web Storm 天津WEB前端培训 天津WEB培训 天津前端培训 天津WEB前端培训班 WebStorm Eclipse Editplus 天津WEB前端培训 天津WEB培训 天津前端培训 天津WEB前端培训班 AndroidStudio Eclipse Xcode Web Storm 天津WEB前端培训 天津WEB培训 天津前端培训 天津WEB前端培训班 AndroidStudio Eclipse Xcode Web Storm 天津WEB前端培训 天津WEB培训 天津前端培训 天津WEB前端培训班 AndroidStudio Eclipse Xcode Web Storm 天津WEB前端培训 天津WEB培训 天津前端培训 天津WEB前端培训班 AndroidStudio Eclipse Xcode Web Storm 天津WEB前端培训 天津WEB培训 天津前端培训 天津WEB前端培训班 AndroidStudio Eclipse Xcode Web Storm 天津WEB前端培训 天津WEB培训 天津前端培训 天津WEB前端培训班 Dreamweaver HBuilder Visual Studio Code 天津web前端培训 天津web培训 web前端开发培训 天津前端开发培训 Dreamweaver HBuilder Visual Studio Code 天津web前端培训 web前端培训 天津web前端培训班 天津web前端培训机构 Visual Studio Code Sublime Text WebStorm Ecli 天津web前端培训 天津web前端培训机构 web前端开发培训 天津web培训 Dreamweaver HBuilder Visual Studio Code 天津web前端培训 天津web前端培训机构 web前端培训 web前端培训班 Dreamweaver HBuilder Visual Studio Code 天津web前端培训 天津web前端开发培训 天津web培训 天津前端开发培训 HBuilder Visual Studio Code Sublime Text WebS 天津web前端培训 天津web前端培训机构 天津web前端培训学校 Dreamweaver HBuilder Visual Studio Code 天津web前端培训 天津web前端培训机构 天津web前端培训班 天津web前端培训学校 web java python 天津web前端培训 天津web前端培训班 天津web前端培训机构 web前端培训 web java python 天津web前端培训 天津web前端培训机构 天津web前端培训学校 web前端培训 web java python 天津web前端培训 天津web前端培训机构 web前端培训班 web前端培训 web java python 天津web前端培训 天津web前端培训班 天津web前端培训机构 web前端培训学校 python java web 天津web前端培训 天津web前端培训学校 web前端培训机构 web前端培训 web java python 天津web前端培训 天津web前端培训机构 天津web前端培训班 web python java 天津web前端培训 天津web前端培训学校 web前端培训班 web python java 天津web前端培训 天津web前端培训班 web前端培训 web java python 天津web前端培训 天津web前端培训班 天津web前端培训机构 web前端培训 web python java 天津web前端培训 天津web前端培训机构 web前端培训 web java python 天津web前端培训 天津web前端培训班 web前端培训 web java python 天津web前端培训 天津web前端培训机构 web前端培训 web java python 天津web前端培训 天津web前端培训机构 web前端培训 web java python 天津web前端培训 天津web前端培训班 web前端培训 web java python 天津web前端培训 天津web前端培训班 web java python 天津web前端培训 天津web前端培训机构 web前端培训 web java python 天津web前端培训 天津web前端培训班 web前端培训机构 web python java 天津web前端培训 天津web前端培训班 web java python 天津web前端培训 天津web前端培训班 web java python 天津web前端培训 天津web前端培训哪家好
付*    2874 河北省秦皇岛市海港区 设计师杨冰是女孩 1996.**.**
本网站已在中国版权保护中心登记了美术作品著作权与软件著作权违者将依法追究责任,特此声明! | Copyright©2013-2022,zhuzuoji.com | 诚筑说培训学校(天津)有限公司内容支持 | 电话:400-026-7117 | 京ICP备17020986号-5