实习项目心得--springboot网站项目--培训网站--2021年4月

本文介绍了一个基于SSM框架和SpringBoot的实习项目，实现了前端HTML/CSS和后端数据交互。项目包括用户端和管理端，具备文章展示、分页、报名功能及后台管理如文章增删改查。技术栈包括IDEA2020.3、MySQL、HTML5、CSS、FreeMarker和MyBatis-plus。存在的问题是管理端操作不够便捷，查询功能有限。

第一个实习项目，利用SSM框架，整合Springoot，Freemaker渲染数据，前端使用最简单的HTML和CSS，外加一点点的JS和JQuery。前后端不分离，全部完成。

一、项目需求及设计

完成一个具有功能完整的培训网站系统，包括页面端和管理端。

网站页面功能：提交报名信息、展示滚动条、展示图片集、分页展示文章列表、展示文章标题作者及内容等。

后台管理页面功能：管理员登录、更新滚动条、查询文章、上传文章（使用富文本框）、更新文章（使用富文本框）、删除文章、添加后台管理员等。

页面端分为header、bodys、footer三部分，header包括网站名称及菜单栏，bodys则为ifream框架，通过点击不同菜单栏跳转至各分栏页面内容，footer则为底部超链接栏，包括友情链接及后台登录链接、培训学校地址联系人以及网站所有权。页面端无需登录，管理端需点击页面端底部“后台管理”超链接跳转至后台登录页面，输入管理员账号及密码进行登录后进入。点击菜单栏进入相应文章栏页面后，显示该分类下的文章列表，主要显示文章标题及发表时间。可点击相应文章标题进入文章内容，显示文章标题、文章作者来源发表时间以及文章内容。点击在线报名进入报名页面，输入姓名等报名信息，点击提交，则将报名信息提交至数据库。分页则通过MyBatis-plus的Ipage进行分页。

管理端分为header和bodys两部分，header包括后台名称，bodys包括左侧菜单栏以及右侧内容栏。登录后，进入后台，滚动条部分用<maquer>标签更改滚动条信息内容。进入查询文章后，先选择文章分类后再进行查询，跳转显示相应类文章列表。进入上传文章时，填写具体文章信息，并通过富文本编辑器上传图片、文件等，并将富文本内容存储至数据库。进入更新文章时，输入对应文章ID对文章进行编辑，不需要更改的信息不填写。进入删除文章后，输入文章ID对文章进行删除操作。进入后台管理员页面后，输入用户名及密码，点击添加，仅管理员可添加新用户。

二、项目主要技术

开发环境：IDEA 2020.3

数据库:My SQL

前端技术：HTML5+CSS+FreeMaker

后端技术：基于Spring Boot的SSM框架

三、项目总结

第一个独立完成的实习项目，运用技术较简单，页面端问题可正常显示，管理员端存在无法修改管理员个人信息、对文章进行删、查、改时需要单独进入操作页面，输入文章ID找到文章，操作复杂，且查询文章时只能按文章分类显示，不能进行模糊查询等，功能较为鸡肋。由于页面端所用技术都为原生技术，在一定程度上加大了工作量。