/ICRS

智慧物联网教室预约系统-后台系统,前后端分离的教室预约和查看系统项目,能够实现以教室为单位活动的预约和取消,能够以视图形式显示,能够以RFID读卡的 形式验证用户是否有即将召开或者正在召开的活动。附带图书馆和公告管理器功能,还有使用摄像头对人数进行统计的功能。

Primary LanguageJava

智慧物联网教室预约系统-后台系统

license release Build Status

项目简介:

这是一个前后端分离的教室预约和查看系统项目,能够实现以教室为单位活动的预约和取消,能够以视图形式显示,能够以RFID读卡的 形式验证用户是否有即将召开或者正在召开的活动。附带图书馆和公告管理器功能,还有使用摄像头对人数进行统计的功能。 主要采用Vue.js+SpringBoot 技术栈开发

  • 使用技术点

  • 前端:VueElementUIaxiosEchartjQurey

  • 后端:SpringBootSpring Data + JPAhibernateMySQLShiroRedis

  • 硬件:树莓派3B+RC522模块USB摄像头RC200U(读卡器)

使用说明:

  1. 克隆项目到本地,使用GitHub客户端或者使用 git clone https://github.com/shencang/ICRS.git

  2. 在mysql数据库中创建数据库testmeeting行项目,将自动注入数据。如需关闭此功能,请将 application.properties 中的 spring.datasource.initialization-mode=always 代码注释。同样,可以通过使用项目sql目录下testmeeting直接导入数 据库数据结构与内容,可根据需要自行使用。Redis 端口为 6379(默认端口),密码为空。

  3. 数据库配置在后端项目的 src\main\resources 目录下的application.properties 文件中,mysql 版本为 8.0以上版本 。

  4. 在IntelliJ IDEA中运行后端项目,为了保证项目成功运行,可以右键点击 pom.xml 选择 maven -> reimport ,并重启项目。 至此,服务端就启动成功了,同时,运行前端项目,访问 http://localhost:8080 ,即可进入登录页面,默认账号是 admin,密码是 123

  5. 项目使用了虹软公司的人脸识别SDK与百度的人体分析SDk:

    • 虹软的SDK请自行前往官网获取,获取后建议将SDK导入到src/main/resources/lib-sdk目录下,然后在src/main/java/utils目录下新建SdkParameter.java文件,填入appId和key以及引擎和算法等文件位置。

    • 百度人体分析SDk已在maven中引用,但是app_id等请前往百度云AI开发者平台自行获取,该项目中表示位置为SdkParameter.java文件。

    • 以上内容不必要,可以删除并注释对应接口与服务即可。


二次开发请注意:

  • 进入前端项目根目录中,在命令行依次输入如下命令:
# 安装依赖
npm install

# 在 localhost:8080 启动项目
npm run dev
  • 由于在前端项目中已经配置了端口转发,将数据转发到SpringBoot上,因此项目启动之后,在浏览器中输入 http://localhost:8080 就可以访问我们的前端项目了,所有的请求通过端口转发将数据传到 SpringBoot 中(注意此时不要关闭 SpringBoot 项目)。

  • 最后可以用 IDEA / WebStorm 等工具打开前端项目,继续开发,开发完成后,当项目要上线时,依然进入到 wj-vue 目录,然后执行如下命令:

npm run build
  • 该命令执行成功之后,前端项目目录下生成一个 dist 文件夹,可以将该文件夹中的两个文件staticindex.html 拷贝到前端项目中 resources/static/ 目录下,然后直接运行前端项目,访问 http://localhost:8443 , 实际上是把前端打包后作为静态文件,但不推荐使用这种方式。

前端项目地址

效果截图

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png