基于局域网IP的考勤系统设计与实现

基于局域网IP的考勤系统设计与实现

作者:不染心

时间:2022/7/2

源码地址: https://mbd.pub/o/author-aWaVlmpkYw==/work

一、项目总结

🍀 相关技术总结:

  • 前端vue+elementUI;

  • 后端java和springboot;

  • 数据库mysql+mybatis;

🍀 开发工具:

🍀 开发环境:


水印
管理端页面1
水印
管理端页面2

水印
移动端(学生签到页面)
水印
管理端(签到记录管理页面)

水印
系统详细设计文档(目录)
水印
系统详细设计文档(总图)

二、项目结构


水印
系统功能模块图
水印
项目后端框架图

🍀 后端

allApi文件夹为后端

整个项目包含controller、dao、entity、service、utils包

controller层:是用来与前端进行交互的桥梁,用于调用接口时相关的业务,通过调用controller层,将去调用相关的业务层代码并将数据放回给前端。

entity层:一般是数据库中每一张表对应一个实体。

dao层:数据持久化层,就是将数据库的访问具体化为代码的形式,使用的数据持久化框架时Mybatis。

service层时所有的内部业务逻辑都是放到该层处理。

utils层中包含一些常用的函数,包括跨域访问模块和拦截器模块。

🍀 前端

admin文件夹为前端

src.api文件夹中存放调用后端接口的请求方法

src.views文件夹中存放编写的前端界面,login为登录界面、nourishManage为培养目标管理页面、professionManage为专业管理界面、userManage为用户管理界面、subjectManage为用户管理界面。

三、后端


水印
后端代码结构

四、前端


水印
前端代码结构
水印
前端代码结构

五、数据库


水印
数据库表

六、项目部署

1. allApi是springboot 后端代码(按照以下方法2导入项目)
2. vue-admin-template-IPadministrator 管理端(按照以下方法3导入项目)
3. vueProMobileTemplate-master 移动端,学生签到端(按照以下方法3导入项目)
4. ipsign2.sql是数据库文件,存储了项目中的数据(按照以下方法1导入数据)

1、导入数据库文件

  • 直接在navicat中新建一个submanage的数据库

  • 然后再用记事本打开ipsign2.sql,复制其内容

  • 在该数据库中执行脚本文件中的内容

2、导入Java后端

  • 安装好IDEA
  • 直接用IDEA打开allApi文件夹

水印
直接用IDEA打开allApi文件夹

3、导入Vue前端

  • vscode打开admin项目文件夹
  • 新建terminal窗口
  • 在窗口中输入命令npm run dev

水印
直接用vscode打开admin文件夹

水印
输入命令即运行成功

水印
在浏览器中输入地址
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

不染心

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值