内 容 摘 要
随着互联网技术的蓬勃发展，各大互联网技术公司给用户提供个性化、具有博客（Blog）功能的产品。通过“个人空间系统的设计与开发”让我们更好的学习和掌握此类产品所需要的技术。从而提高我们在JavaWeb应用技术（JSP、Servlet、JavaBean、JDBC）、Ajax技术 、MySQL数据库的使用以及在软件项目的需求分析、数据库应用能力、概要设计、详细设计能力。与此同时培养我们综合职业素质、培养团队工作的精神和应用软件开发的综合职业能力。使我们经历软件开发综合实训完整的工作过程。
关键字：JavaWeb；MySQL；个人空间系统；Ajax
Abstract
With the rapid development of Internet technology, major Internet technology companies provide users with personalized products with Blog functions. Through the "design and development of personal space system", we can better learn and master the technology needed for such products. In this way, we can cultivate our ability to use JavaWeb application technology (JSP, Servlet, JavaBean, JDBC), Ajax technology and requirements analysis, database application ability, profile design and detailed design ability in software projects. So that we experience the software development comprehensive practical training complete work process.
Key Words： javaweb; mysql; personal space systems; ajax
目 录
1 绪论 3
2 相关技术 4
2.1后端技术 4
2.1.1 MVC设计模式 4
2.1.2 Maven项目构建 4
2.1.3 阿里巴巴德鲁伊（Druid）数据库连接池 4
2.2前端框架 5
2.2.5 Jquery 5
2.2.6 Bootstrap 5
2.2.7 H-ui 5
2.3开源工具 5
2.3.1 Umeditor 5
2.3.2 Wangeditor 5
2.3.3 Echarts 5
3 需求分析与设计 6
3.1需求分析 6
3.1.1 网站功能描述 6
3.1.2 用例图 6
3.2 网站的总体功能设计 7
3.2.1网站的功能框图 8
3.2.2个人空间系统前台功能分析 9
3.2.3后台管理系统功能分析 9
3.3数据库设计 10
3.3.1 网站实体描述 10
3.3.2 实体关系的设计 14
3.3.3 数据库表的设计 15
4 详细设计 18
4.1 个人空间系统前台功能流程图 18
4.1.1 登陆、注册流程图 18
4.1.2 文章管理流程图 19
4.1.3 相册模块流程图 21
5 系统实现 22
5.1 前端系统的实现 22
5.1.1 登陆、注册功能实现 22
5.1.2 首页 23
5.1.3 公开文章推送实现 24
5.1.4 热门文章推送实现 24
5.1.5 阅读文章、评论文章、点赞文章实现 25
5.1.6 关于我页面个人信息和头像修改实现 26
5.1.7 相册页面实现 27
个人相册模块是用户通过上传图片按钮将放在磁盘中的图片上传到首页，用户所上传的图片将根据时间进行树形展示。 27
5.1.8 文章发布页面的实现 27
5.1.9 文章分类管理页面的实现 28
5.1.10 留言板留言和评论页面实现 29
5.2 后台管理系统实现 29
5.2.1 后台管理员登陆与注册功能实现 29
5.2.2 Echarts对网站统计的数据动态处理实现 30
5.2.5 后台日志管理（注册日志、用户操作日志）实现 31
6   个人实训总结和感悟 31