实习记录小程序

一、技术路线：

开发语言：Java

使用框架：spring boot

前端技术：JavaScript、VUE.js（2.X）、css3

数据库：MySQL 5.7

数据库管理工具：Navicat或sqlyog

开发工具：IDEA或Ecplise

二、项目介绍：

https://www.bilibili.com/video/BV1Tw411S7kH?t=28.6

三、运行截图：

本系统使用了java和mysql结合的结构开发了实习记录应用，系统中所有和数据库有关系的操作都通过一个通用类来实现，大大提高了代码的耦合性，当数据库类型等信息变化后直接修改类文件就可以了，不再需要每个页面都修改。另外本系统解决了中文的问题，也是在配置文件中添加了编码方式的形式解决的，本系统另外一个大的特点是系统对数据库的操作都单独的写在了一个类里，这样对系统的所有数据库操作都只访问这个类就可以了，不要每个页面都去写数据库的操作，提高了系统的集成性。

3.1学生前端功能模块

学生登录，在学生登录页面填写账号、密码进行登录如图3-1所示。

图3-1学生登录界面图

学生登录到实习记录可以查看首页、实习公告、我的等内容，如图3-2所示。

图3-2首页功能界面图

实习公告，在实习公告页面可以填写公告标题、发布时间、发布人、封面等信息进行提交，如图3-3所示。

图3-3实习公告界面图

在实习信息页面可以填写学号、学生姓名、专业、班级、手机号、教师工号、教师姓名、单位名称、单位地址、联系电话、岗位、指导人、实习时间等信息，并可根据需要进行提交，如图3-4所示。

图3-4实习信息界面图

在学生打卡页面可以填写学号、学生姓名、教师工号、教师姓名、打卡时间、打卡图片 、备注等信息，并可根据需要对学生打卡进行提交，如图3-5所示。

图3-5学生打卡界面图

在实习日记页面可以填写日记编号、添加时间、学号、学生姓名、日记标题、今日体会、今日收获等信息，并可根据需要对实习日记进行提交，如图3-6所示。

图3-6实习日记界面图

3.2教师前端功能模块

教师登录，在教师登录页面填写账号、密码进行登录如图3-7所示。

图3-7教师登录界面图

教师登录到实习记录可以查看首页、实习公告、我的等内容，如图3-8所示。

图3-8首页功能界面图

实习信息，在实习信息页面可以填写学号、学生姓名、专业、班级、手机号、教师工号、教师姓名、单位名称、单位地址、联系电话、岗位、指导人、实习时间、审核回复等信息进行审核，如图3-9所示。

图3-9实习信息界面图

在学生打卡页面可以填写学号、学生姓名、教师工号、教师姓名、打卡时间、备注等信息，并可根据需要进行提交，如图3-10所示。

图3-10学生打卡界面图

在打卡记录页面可以填写打卡编号、时间、教师工号、教师姓名、打卡人数、未打卡人数、备注等信息，并可根据需要对打卡记录进行提交，如图3-11所示。

图3-11打卡记录界面图

3.3管理员后端功能界面

管理员通过填写用户名、密码、角色进行登录如图3-12所示。

图3.12管理员登录界面图

学生管理，通过填写学号、密码、学生姓名、性别、学院、专业、班级、手机号、照片、教师工号、教师姓名等信息进行详情、修改操作，如图3-13所示。

图3.13学生管理界面图

教师管理，通过填写教师工号、密码、教师姓名、性别、照片、职称、联系电话、教师邮箱等信息进行详情、修改、删除操作，如图3-14所示。

图3-14教师管理界面图

实习公告管理，通过填写公告标题、发布时间、发布人、封面等信息进行详情、修改、删除操作，如图3-15所示。

图3-15实习公告管理如图所示。

学院信息管理，通过填写学院等信息进行详情、修改、删除操作，如图3-16所示。

图3-16学院信息管理如图所示。

实习信息管理，通过填写学号、学生姓名、专业、班级、手机号、教师工号、教师姓名、单位名称、单位地址、联系电话、岗位、指导人、实习时间、审核回复、审核状态等信息进行详情、修改、删除操作，如图3-17所示。

图3-17实习信息管理如图所示。

学生打卡管理，通过填写学号、学生姓名、教师工号、教师姓名、打卡时间、打卡图片 、备注等信息进行详情、修改、删除操作，如图3-18所示。

图3-18学生打卡管理如图所示。

打卡记录管理，通过填写打卡编号、时间、教师工号、教师姓名、打卡人数、未打卡人数、备注等信息进行详情、修改、删除操作，如图3-19所示。

图3-19打卡记录管理如图所示。