实习项目心得--springboot网站项目--工地日志管理系统--2021年4月

设计并实现基于Spring Boot的SSM框架的工地日志管理系统，前端采用VUE及Element UI技术，在admin-template基础上完成，前后端分离实现，通过axios进行前后端交互。

一、项目需求与设计

完成一个具有完整功能的工地日志系统，该系统分为普通用户和管理员两个角色，在登陆后根据角色权限不同，动态路由加载渲染出不同的菜单栏。

普通用户：查看、修改个人信息、上传日志、个人日志（删查改）、查看项目列表。

管理员：查看、修改个人信息、上传日志、个人日志（删查改）、项目管理（增删查改）、用户管理（增删查改）、日志管理（增删查改）

用户登录后，后端产生token并将token及用户ID等信息返回前端，登录后进入首页，管理系统页面主要分为上侧信息栏Navbar、左侧菜单栏Sidebar以及右侧内容栏Mainbar。首页显示个人信息，且可以点击修改按钮对个人信息进行修改。点击上传日志，选择项目并填写具体日志信息后，可上传工地日志，该用户上传后的日志可在个人日志中查看，点击对应日志的修改按钮可弹出dialogue对话页，进行日志信息的修改。点击删除可以删除对应日志，如需批量删除，可勾选方框并点击批量删除按钮。输入要模糊查询的信息，点击查询可查询出对应日志。前端通过element的分页控件进行分页操作，后端通过Mybatis-plus的Ipage进行分页查询。点击项目管理，项目管理页面中的“项目添加”、“批量删除”、“编辑”、“删除”按钮使用v-if进行控制，如为普通用户角色则隐藏，如为管理员角色则显示。点击项目添加按钮弹出dialogue对话框，可输入项目信息并点击提交，进行项目添加。其余删查改功能与个人日志类似。用户管理、日志管理的增删查改功能与项目管理类似，与个人日志不同，日志管理显示全部用户上传的日志。

二、项目主要技术

开发环境：IDEA 2020.3

数据库：My SQL

前端：Vue、ElementUI

后端：基于Spring Boot的SSM框架

三、项目总结

第一次使用vue与elementUI进行前端开发，边学边做，困难较大，但一定程度上提高了开发效率。同时第一次使用前后端分离开发，前后端分离开发较适合两人或多人配合完成项目开发。