基于SSM的JavaWeb项目——智能写作分析系统

小鱼儿 2021-12-05 00:47 425阅读 0赞

# 一、系统简介： #

围绕一英文写作分析API开发的一个web应用，基于SSM（Spring,SprintMVC,MyBatis）。

核心模块介绍如下：

写作反馈模块：写作与自动反馈、评分存档

报表模块：查询历史写作存档、评分可视化

社区模块：发布帖子、查询帖子、评论帖子、查看消息

其他：更新日志、网站访问量统计、CSS动画等

# 二、整体架构： #

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMzMTg3MTM2_size_16_color_FFFFFF_t_70][]

# 三、开发技术： #

该系统的功能模块采用前端驱动后端开发的方式，先开发整个网站系统的框架，然后逐个添加功能模块，严格按照需求开发。该系统构建为一个Maven项目，web服务采用RESTful架构，前端使用jQuery，ajax，layui等技术，后端使用SpringMVC实现请求解耦，使用Spring整合Mybatis操作MySQL数据库并开启Mybatis/Redis二级缓存，使用Shiro实现登陆验证，使用Nginx反向代理Tomcat实现动态资源和静态资源分离，使用log4j日志功能输出SQL语句，使用Git实现版本控制。

# 四、运行截图： #

## 登录界面 ##

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMzMTg3MTM2_size_16_color_FFFFFF_t_70 1][]

## 写作界面 ##

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMzMTg3MTM2_size_16_color_FFFFFF_t_70 2][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMzMTg3MTM2_size_16_color_FFFFFF_t_70 3][]

## 报表界面 ##

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMzMTg3MTM2_size_16_color_FFFFFF_t_70 4][]

## 社区界面 ##

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMzMTg3MTM2_size_16_color_FFFFFF_t_70 5][]

# 五、开发历程： #

最开始我是没有使用任何前端和后端框架，纯用J2EE的技术开发（因为框架还不太熟）。

1.所以刚开始只是做了一个带有文本输入框和提交按钮的页面，功能就是输入英文文章段落，点击提交后，调用API并在页面下方空白处展示返回内容。这个时候是没有做任何处理的，调用API返回的JSON数据是啥就打印在网页上显示出来。

2.然后前端开始用css样式优化使得更美观一些，后端把json处理一下使该显示的显示出来（而不是一串json数据）。

3.再然后开始添加功能，比如使用百度的ECHARTS可视化一些数据显得网页不那么单调。最开始是把每一次HTTP请求都拦截下来放在图表里统计，用饼图显示请求的频率。后来发现这个功能是硬凑上去的跟系统主题无关，就把每次保存的英文写作存起来用图表显示（标题、时间、评分等）。

4.与此同时，前端用了框架layui，一下子提升了网页的美观度和用户体验。后端也开始优化代码结构，用springMVC、spring、mybatis等框架，一下子代码简洁了起来，web服务采用RESTFUL架构实现行为与资源分离，代码注释使用javadoc风格等等。

5.后来部署项目的时候想试试外网访问的效率如何，就用自己的电脑作服务器使用花生壳实现了外网穿透，然后发现页面加载略慢（原因是静态资源太大，多是js和图片，免费的带宽太小tomcat解析也比较慢），于是开启了nginx反向代理，把静态资源过滤出来给nginx处理，http动态请求给tomcat解析，这样就提升了网页加载速率。

6.最后跑项目的时候是用docker跑的，创建好镜像（比如tomcat，mysql）之后，每次启动docker只需把镜像启动就能访问项目了。这样的好处是只要把war包挂载到docker的tomcat镜像的webapp目录下，当换了电脑时，即便没有Java环境、没有tomcat、没有mysql数据库、没有idea集成开发环境，只要有docker也一样能跑起来项目。

# 总结： #

一整套开发下来，前端和后端以及中间件都可以学到一些知识，不过技术发展是很快的，还是要保持学习啊。

# **源码：** #

[github][]

[gitee][]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMzMTg3MTM2_size_16_color_FFFFFF_t_70]: /images/20211205/8f2214d32ce34376aa55af36adc564d5.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMzMTg3MTM2_size_16_color_FFFFFF_t_70 1]: /images/20211205/e1aa51cd4ab54a6a98887ab8b0c6f798.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMzMTg3MTM2_size_16_color_FFFFFF_t_70 2]: /images/20211205/c763852ca49b4708af33aaeb49c557f6.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMzMTg3MTM2_size_16_color_FFFFFF_t_70 3]: https://img-blog.csdnimg.cn/20190717160539116.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMzMTg3MTM2,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMzMTg3MTM2_size_16_color_FFFFFF_t_70 4]: https://img-blog.csdnimg.cn/2019071716055923.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMzMTg3MTM2,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMzMTg3MTM2_size_16_color_FFFFFF_t_70 5]: https://img-blog.csdnimg.cn/20190717160643953.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMzMTg3MTM2,size_16,color_FFFFFF,t_70
[github]: https://github.com/lerry-lee/simple-writer
[gitee]: https://gitee.com/lerry-lee/simple-writer