“全映苏应校园说”校园博客系统的研发

童松铅 杨艳红

摘要：“全映苏应校园说”博客系统诣在将传统的博客系统融人校园风格，突出校园特色，方便在校师生生活和工作学习上的沟通交流。系统可自适应不同设备，研发过程采用bootstrap兼容设备分辨率，采用echarts實现数据可视化。

关键词：博客校园化;spfingMVC;ssm;bootstrap;echarts

中图分类号：TP393 文献标识码：A

文章编号：1009-3044（2020）14-01 18-02

从2007年以来，博客开始渗透进社会的方方面面，然而对于校园领域的博客却很少有涉及。在互联网上能够找到的校园博客网站寥寥无几，并且当中的大多数页面不够美观，开发方式老旧，理念落后，流程烦琐，并且在无法兼容移动端的样式。“全映苏应校园说”校园博客系统很好地解决了这些问题，在保留博客核心功能的基础上，面向校园文化，添加在校师生喜闻乐见的校园本土化内容，由于完全兼容移动端样式，使得彼此之间的沟通交流更加方便。

1系统设计

校园博客运用Java和bootstrap技术，使得项目具有很强的跨平台性，开发和部署成本低。学生和教师都可以实时获取校园中的热点消息，随时随地在手机或其他设备上发表和记录自己的看方观点。

1.1体系结构设计

校园博客系统采用B/S三层体系结构，用户无需安装专门的客户端，不局限于使用设备的分辨率，在浏览器输入域名和项目对外开发的80端口即可访问。系统的三层体系结构由浏览器、tomcat服务器、mysql数据库组成，主要利用了java，sql，ht-m1语言，spring、jquery框架，jdbc等技术，三层结构利于系统的后期维护和升级，如图1所示。

1.2系统模块设计

校园博客系统分为注册模块、登录模块、个人信息管理模块、博客模块、评论模块、收藏夹模块、浏览记录模块、校园导航模块，具体如下。

1）登录模块。登录模块验证了用户信息的合法性，在用户登录成功时往浏览器写回一个cookie实现3天免登录的功能。

2）注册模块。用户注册时输入的非法数据会被拦截，输入密码时显示当前密码强度、需要输入随机验证码完成人机校验、通过smtp协议来向填写的邮箱发送验证码，并将邮箱与当前账号完成绑定。注册成功后10秒自动跳转至登录页面。

3）个人信息模块。用户可以修改自己的个人信息、上传自己的个性封面主图。

4）博客管理模块模块。本项目博客划分为4个种类型：普通博客、失物招领模块、闲置物品模块、趣味投票模块。该模块可实现博客的浏览、博客的批量管理、博客的点赞和收藏。

5）评论模块。用户可以评论文章也可以回复用户的评论、点赞或踩其他用户的评论。

6）收藏夹模块。用户可以管理收藏夹内容、编辑收藏夹名称、添加收藏夹备注。

7）浏览记录模块。系统自动记录用户一周内的文章浏览情况。用户可以手动清理这些记录。

8）校园导航模块，该模块可细分为二级学院导航、校园美食导航、校园美景展示、校园交通导航。

具体模块结构及功能如图2所示。

2系统研发关键部分

2.1 ajax异步数据传输

传统的web开发模式采用前后端高度耦合的jsp技术，使得在提交表单数据时，导致页面整体刷新，即便有时只需要让页面的部分数据刷新，频繁地刷新页面会导致用户体验下降。ajax是解决这一问题的有效手段，由于是浏览器内核的机制，底层依然走http协议，使得Web应用程序更为迅捷地响应用户交互，并避免了在网络上发送那些没有改变的信息。

2.2 ckeditor富文本编辑器

博客开发中选择一款功能强大可扩展性高的富文本编辑器是必由之路。ckeditor富文本编辑器作为一款国外的开源程序，不仅功能强大，界面美观，还有大量的第三方插件支撑，能为用户提供更丰富的编辑元素和更友好的编辑体验。

2.3 ssm框架

ssm框架是JavaEE开发常用的一款轻量级框架。通过Spring的IOC和AOP特性，将对象之间的依赖关系交给了spring控制，方便解耦，简化了开发，使得实现事务、日志、权限的控制更加容易。此外，它还提供了灵活的数据验证，格式化，数据绑定机制。

3总结

“全映苏应校园说”博客系统页面美观，开发方式主流，理念前卫，综合运用了前后端的主流框架，因地制宜，给校园师生提供了交互友好、功能全面、内容丰富、页面响应式、类型多元化、具有校园特色的在线博客系统。该系统开发和部署成本低，有较强的应用需求，能够很好地在校园推广使用。