(最新原创毕设)Java个人网站/02.02(白嫖源码+演示录像)|可做计算机毕设Java、Python、PHP、小程序APP、C#、爬虫大数据、单片机、文案
个人网站的建设与实现
摘要
随着信息技术的快速发展,个人网站已成为个人展示、自我品牌建设和内容分享的重要工具。本项目基于SpringBoot框架,旨在设计和实现一个功能全面的个人网站,以满足用户展示个人信息、相册、博客文章及联系方式的需求。本文将详细介绍个人网站的建设过程,包括需求分析、系统设计、数据库管理等环节。
在需求分析阶段,明确了网站的主要功能模块,如首页、论坛、新闻、公告、留言板、博客、关于我、相册等。系统设计阶段重点关注网站架构与用户体验,以确保界面的友好性与操作的便捷性。
项目采用SpringBoot作为后端开发框架,利用其快速构建RESTful API的能力,实现用户请求的处理与数据交互。前端部分使用Thymeleaf模板引擎结合HTML、CSS和JavaScript,确保网站具有良好的响应式设计,适配各种设备。
数据库管理方面,使用MySQL进行数据存储,设计合理的数据表以存储用户信息、博客文章及留言内容。
最后,网站通过云服务器进行部署,并经过性能测试与安全性加固,确保网站的稳定性和数据安全性。项目的实施不仅展示了开发者的技术能力和项目管理能力,也为个人品牌的展示提供了有效的平台。
通过本项目的实践,个人网站的建设与实现过程得以全面展现,为今后的Web开发提供了有价值的参考和经验。
关键词: SpringBoot;个人网站的建设与实现
Personal website construction and implementation
Abstract
With the rapid development of information technology, personal websites have become an important tool for personal display, self-brand building and content sharing. Based on the SpringBoot framework, this project aims to design and implement a fully functional personal website to meet the needs of users to display personal information, photo albums, blog posts and contact information. This article will introduce the construction process of personal website in detail, including demand analysis, system design, database management and other links.
In the demand analysis stage, the main functional modules of the website are defined, such as home page, forum, news, announcement, message board, blog, about me, photo album, etc. The system design phase focuses on the website architecture and user experience to ensure the friendliness of the interface and the ease of operation.
The project adopts SpringBoot as a back-end development framework, and uses its ability to quickly build RESTful apis to realize user request processing and data interaction. The front end uses a Thymeleaf template engine combined with HTML, CSS, and JavaScript to ensure a responsive design for a wide range of devices.
In terms of database management, MySQL is used for data storage, and reasonable data tables are designed to store user information, blog posts and message content.
Finally, the website is deployed through the cloud server, and has undergone performance testing and security reinforcement to ensure the stability and data security of the website. The implementation of the project not only shows the technical ability and project management ability of the developer, but also provides an effective platform for the display of personal brand.
Through the practice of this project, the construction and realization process of personal website can be fully demonstrated, which provides valuable reference and experience for the future Web development.
Keywords:JavaWeb; SpringBoot; Personal health integrated early warning system
目 录
1 绪论
1.1 研究背景
1.2研究意义
1.3国内外研究现状
1.4论文结构与章节安排
1.5开发技术和开发特点
2 系统开发环境
2.1 Java技术
2.2 Mysql数据库
2.3 SpringBoot框架
3需求分析
3.1 可行性分析
3.1.1 技术可行性分析
3.1.2 经济可行性分析
3.1.3 操作可行性分析
3.2 功能需求分析
3.3 非功能性需求分析
4 个人网站概要设计
4.1系统体系结构
4.2总体功设计
5 个人网站数据库设计
5.1 数据库概念结构设计
5.2 数据库逻辑结构设计
6 个人网站详细设计与实现
6.1个人用户功能模块
6.1.1 首页界面
6.1.2 注册界面
6.1.3 登录界面
6.1.4 留言板界面
6.1.5 博客界面
6.1.6相册界面
6.1.7论坛界面
6.1.8个人中心界面
6.2管理端功能模块
6.2.1 系统管理界面
6.2.2留言管理界面
6.2.3 公告管理界面
6.2.4资源管理界面
6.2.5交流管理界面
7系统的测试
7.1测试的目的
7.2 系统测试用例
7.3 系统测试结果
结 论
参考文献
致谢
1 绪论
1.1研究背景
在当今数字化和信息化迅速发展的时代,个人网站作为个人品牌和专业形象展示的重要工具,越来越受到广泛关注。尤其是在社交媒体和在线平台盛行的背景下,个人网站为用户提供了一个独立空间,使他们能够自由地展示自己的相册、分享个人博客和经验,从而增强个人影响力和职业竞争力。
随着技术的进步,现代网站开发框架和工具的不断涌现,SpringBoot因其简化配置、快速开发和强大生态而成为Java社区中非常受欢迎的框架。它提供了易于使用的开发环境,使开发者能够快速构建和部署高效的Web应用程序。个人网站的开发正是结合了这种先进的技术背景,使得开发者能够在较短的时间内实现功能丰富且性能优良的网站。
此外,个人网站还能够为用户提供个性化的在线身份,成为其职业生涯的延伸。无论是求职、自由职业者的项目展示,还是学术研究的成果发布,个人网站都扮演着重要的角色。在这样一个信息泛滥的时代,拥有一个独立且专业的个人网站不仅可以帮助用户在众多竞争者中脱颖而出,还能建立起更为可信的在线形象。
因此,基于SpringBoot框架的个人网站建设研究,不仅具有技术上的创新价值,更在于其应用层面的实际意义。通过对个人网站的设计与实现进行深入探讨,可以为广大开发者和用户提供有益的参考,促进个人品牌的有效建设和推广。
1.2研究意义
在数字经济时代,个人品牌的建设已成为职场成功的重要因素。通过建设一个基于SpringBoot的个人网站,用户能够有效展示自己的专业技能、项目经验和个人风格,从而提升在求职和职业发展中的竞争力。此外,个人网站为用户提供了一个平台,用于分享知识、经验和创意,促进信息的交流与传播,增强用户之间的互动与合作。
本研究不仅有助于开发者掌握SpringBoot这一现代化开发框架的特性和优势,还提升了前端开发、数据库管理等综合能力。通过实践,开发者能够探索现代Web开发的最佳实践,包括敏捷开发、持续集成与部署、以及用户体验设计,为未来的研究与实践提供宝贵的经验和教训。同时,基于SpringBoot构建的个人网站具备良好的可扩展性和可维护性,能够适应用户需求的变化和功能扩展,确保网站的长期有效性。
综上所述,基于SpringBoot的个人网站建设研究不仅具有重要的理论意义,还具备实用价值,为个人用户、开发者以及相关领域的研究提供了有益的启示和指导,帮助用户适应在线展示和信息发布的趋势,提升其在快速变化的职场环境中的适应能力。
1.3国内外研究现状
在个人网站的研究与实践领域,国内外已有诸多学者和开发者进行了深入探讨,涉及网站建设的技术、设计、功能以及用户体验等方面。
在国外,个人网站的研究起步较早,许多学者和开发者关注于个人网站的设计原则和用户体验。随着Web2.0时代的到来,个人网站逐渐成为个人品牌建设和在线表达的重要工具。研究者们探讨了如何通过网站设计提升个人形象,包括界面设计、内容组织和互动体验等。此外,借助于现代开发框架(如Django、Ruby on Rails等),许多开源项目和模板使得个人网站的建设变得更加高效和灵活。研究还涉及SEO(搜索引擎优化)技术,以提高个人网站的可见性和访问量。
在国内,随着互联网的普及和个人品牌意识的提高,个人网站的建设逐渐受到重视。许多高校和研究机构开始开展相关研究,探讨如何利用现代技术构建个人网站。国内研究主要集中在网站建设的技术实现与用户需求分析上,尤其是基于常用技术栈(如Java、PHP等)的个人网站开发。同时,一些研究还关注于如何结合社交网络,增强个人网站的互动性和用户粘性。此外,国内也涌现出一些个人网站建设的平台和工具,如WordPress和Wix,为用户提供了便捷的建站解决方案。
总体来看,国内外对个人网站的研究在技术实现与用户体验方面都有所涉及,但仍存在一些不足之处。例如,关于如何结合现代开发框架(如SpringBoot)进行个人网站建设的系统性研究较少。此外,当前的研究多集中于技术实现,而对个人品牌建设、用户行为分析及其在社会交往中的角色等方面的探讨相对较少。因此,基于SpringBoot的个人网站建设研究不仅具有实践意义,也为后续研究提供了新的视角和切入点。
1.4论文结构与章节安排
本次写作的论文,在结构方面主要分为七大部分,每一部分都必不可少,共同组合形成一个完好的论文结构,具体的安排列出如下。
绪论部分,该部分讲述的是个人网站的开发背景,明确开发的意义以及系统的研究动态,并对系统的整个章节安排进行介绍。
系统分析部分,该部分首先从可行性入手进行分析,明确程序开发可行后,进而对程序的功能以及姓名需求进行分析。
系统概要设计,对系统前后台的功能分别进行设计,然后完成系统的总体功能以及各个子模块的设计。
系统数据库的设计,对系统的数据库实体以及数据库表进行设计
系统的实现部分,对系统每一角色主要实现的功能的页面来进行展示一下。
系统测试部分,介绍测试的测试目的,用例,完成对程序测试工作,让投入运行的程序减少出错的几率,力求最好。
总结部分,此刻所有的工作都已经完成了,在此进行总结,展望。
1.5开发技术和开发特点
本系统前端框架采用了比较流行的渐进式JavaScript框架Vue.js。使用Vue-Router和Vuex实现动态路由和全局状态管理,Ajax实现前后端通信,Element UI组件库使页面快速成型。后端部分:采用SpringBoot作为开发框架,同时集成MyBatis、Redis等相关技术。
2 系统开发环境
2.1 Java技术
Java语言是在二十世纪末由Sun公司发布的,而且公开源代码,这一优点吸引了许多世界各地优秀的编程爱好者,也使得他们开发出当时一款又一款经典好玩的小游戏。Java语言是纯面向对象语言之一,从发布初期到现今,可以说有将近20多年的历史,已发展成为人类计算机编程语言发展史上的一个深远影响。
Java语言具有非常多种的特性:(1)跨平台的无关性;(2)面向对象; (3)安全性得以保障;(4)支持多个任务;(5)多种编写方式,代码编写简单。对比其他的低级语言、高级语言,Java语言具有明显的显著优势以及未来开阔的前景,可以广泛的应用在个人笔记本电脑、大数据、大型游戏等等。
首先,Java语言具有面向对象的特性,并且易于理解。关于对象,其实可以理解成每一种事物都是一种对象,包括我们人类自身都是一种对象。利用面向对象语言的基本特征来解决软件开发中的实际问题,为有效软件开发提供了技术支持。
其次,Java 语言具有很好的跨平台无关性。所编写出来的应用程序是Java语言编写的,那么就无需再使用编译器来修改程序代码,可以直接在任何计算机系统中运行,Windows系统可以运行,在Linux系统中也可以,也就是经过一次编译,可以到处运行,所以Java语言具有卓越的可移植性,可以很好的跨平台实现。
2.2 Mysql数据库
Mysql是一个多用户、多线程的服务器,采用SQL的数据库,数据库管理系统是基于SQL的客户以及服务器模式的关系,它的优点有强大的功能、操作简单、管理方便、可靠安全、运行较快、多线程、跨平台性、完全网络化、稳定性等,非常适合Web站点或者其他应用软件,在数据库后端的开发。此外,利用许多语言,会员可以编写和访问Mysql数据库的程序。Mysql数据库也是开放源代码的,开发者越来越喜欢使用Mysql关系数据库,应用范围也被推而广之。这是由于速度快和易用性, Web站点或应用软件的数据库后端的开发也都在使用它。
mysql 数据库它有很多的优点,例如它在操作上能够让人通俗易懂、功能强大、信息储存量高等优点。所以被人们广泛应用,对于mysql数据库来说它一般主要是对数据进行编码和查询,而且在很多的设计当中都应用到了该数据库,在此过程当中我们可以对常规的数据进行查询和组合,所以我们在进行使用mysql数据库的时候只要对编写一小段的数据就能实现相应的功能。数据库,就是数据存储的储藏室,只不过数据是存储在计算机上的,而不是现实中的储藏室,数据的存放是按固定格式,而不是无序的,则定义就是 :长期有固定格式,可以共享的存储在计算机存储器上。数据库管理主要包括数据表的建立,数据存储、修改和增加数据,为了使数据库系统能够正常运行,相关人员进行的管理工作。数据表的建立,可以对数据表中的数据进行调整,数据的重新组合及重新构造,保证数据的安全性。
2.3 SpringBoot框架
Spring框架是Java平台上的一种开源应用框架,提供具有控制反转特性的容器。SpringBoot基于Spring4.0设计,不仅继承了Spring框架原有的优秀特性,而且还通过简化配置来进一步简化了Spring应用的整个搭建和开发过程。另外SpringBoot通过集成大量的框架使得依赖包的版本冲突,以及引用的不稳定性等问题得到了很好的解决。
SpringBoot所具备的特征有:
可以创建独立的Spring应用程序,并且基于其Maven或Gradle插件,可以创建可执行的JARs和WARs;
内嵌Tomcat或Jetty等Servlet容器;
提供自动配置的“starter”项目对象模型(POMS)以简化Maven配置;
尽可能自动配置Spring容器;
提供准备好的特性,如指标、健康检查和外部化配置;
绝对没有代码生成,不需要XML配置。
3 需求分析
3.1 可行性分析
可行性分析是系统分析的第一步,通过可行性分析我们可以得出系统是不是值得开发,如果系统的开发是不可信的,那么就没有必要再进行下面的操作,对于本个人网站在可行性方面进行了技术、经济以及操作的分析。
3.1.1 技术可行性分析
技术可行性分析的目的是确认该系统能否利用现有技术实现,并评估开发效率和完成情况。技术的可行性是指在当前的技术条件下,计算机软件和硬件的开发是否能够满足发展的要求。因为该系统的开发基于Java语言,所以开发该系统所需的软件和硬件条件可以在普通计算机上满足。因为它占用的内存相对较少,所以用Mysql数据库开发和设计软件理论上没有问题,因为它占用的内存太少。上述技术可以有效地保证系统的成功和高效开发。
3.1.2 经济可行性分析
开发个人网站并不需要投入太多,开发工具、服务器、数据库等,都可以通过网络搜索、下载、安装,只需要一台普通的计算机就可以完成操作,而且在系统功能规划上都是通过问卷调查了解用户需求,通过百度、知网库、学校图书馆查阅相关系统,了解它们对系统具体实现的功能需求,然后进行设计开发,不存在任何开销,因此系统的开发在经济方面是可行的。
3.1.3 操作可行性分析
个人网站的在开发的时候充分了解用户群体,对于没有学习过计算机的用户也进行考虑在内,在系统的开发中首页有醒目的导航栏,使得即使没有学习过计算机课程的用户,也可以根据导航栏的提示进行操作,非常方便,因此系统在操作上是可行的。
3.2 功能需求分析
个人网站分为分为个人用户和管理员两种角色,其主要功能如下:
(一)个人用户:
(1)注册登录:用户可以通过注册成为系统用户,注册后可以用账号密码登录系统。
(2)首页:当进入个人网站的时候,首先映入眼帘的是系统的导航栏,导航栏下面是首页、公告、论坛、新闻、留言板、博客、关于我、相册等功能。
(3)留言板:用户点击进入后,可点击”留言“按钮,输入标题、用户名和留言内容进行留言发布操作。
(4)博客:用户点击进入后可通过搜索标题、博客类别和用户姓名进行查看博客详情,包括标题、博客类别、发布人、相册链接点赞数等,同时可对感兴趣的博文进行点赞、收藏。
(5)关于我:用户点击进入后可通过搜索用户姓名进行查看个人信息详情,包括用户姓名、成就、爱好等,同时可进行点赞、收藏和评论。
(6)相册:用户点击进入后可通过搜索相册名称、相册类型和用户姓名进行查看相册详情,同时可对感兴趣的相册进行点赞、收藏和评论。
(7)我的账户:用户可以在个人账户中查看并管理自己的个人信息。包括个人资料、修改密码等;
(8)个人中心:个人中心包含多个功能模块,如个人首页、博客、关于我、相册、留言板和收藏。点击进入”博客“后,点击”添加“按钮,可添加个人博客信息,包括标题、博客类别、封面图、相册链接、博客内容、发布人和用户姓名;点击进入”关于我“后,点击”添加“按钮,可添加个人信息,包括个人照片、发布人、用户姓名、成就、爱好、成长经历、个人介绍、家乡介绍;点击进入”相册“后,点击”添加“按钮,可添加相册相关信息,包括相册名称、封面图、相册类型、主图、详情内容、发布人和用户姓名。点击进入”留言板“和”“收藏”时,可对留言信息和收藏信息进行删除。
(二)管理员
(1)登录:管理员账号密码由系统生成,可使用账号密码可进行登录系统后台,使用系统功能进行管理,并可对自己的个人信息和密码进行管控。
(2)系统用户:管理员可以查看系统用户(管理员、个人用户)列表中某个用户的详情,可以对用户信息进行查询、审核、添加和删除操作。
(3)博客管理:管理员点击可查看博客列表和博客添加;同时可对博客列表和博客添加进行查询、重置和删除。
(4)博客类别管理:管理员点击可查看博客类别列表和博客类别添加;同时可对博客类别列表和博客类别添加进行查询、重置和删除。
(5)关于我管理:管理员点击可查看关于我列表和关于我添加;同时可对关于我列表和关于我添加进行查询、重置和删除。
(6)相册管理:管理员点击可查看相册列表和相册添加;同时可对相册列表和相册添加进行查询、重置和删除。
(7)相册类型管理:管理员点击可查看相册类型列表和相册类型添加;同时可对相册类型列表和相册类型添加进行查询、重置和删除。
(8)系统管理:当管理员点击“系统管理”时,可查看轮播图管理; 如需添加新的轮播图,点击右侧“添加”按钮,上传图片,输入标题,点击“确认”按钮进行添加;同时可对轮播图进行增删改查。
(9)留言管理:管理员点击可查看留言板,同时可对用户留言进行回复。
(10)公告管理:当管理点击“公告管理”时,可查看公告;如需添加新的公告信息,点击右侧“添加”按钮,输入标题和正文,点击“确认”按钮进行添加。
(11)资源管理:管理员点击可查看新闻和新闻分类;如需添加新的新闻,点击右侧“添加”按钮,上传封面图,输入标题,选择分类,输入标题、描述和正文,点击“提交”按钮进行添加。界面图如下。
(12)交流管理:管理员点击可查看论坛和论坛分类,同时可对论坛和论坛分类进行加、编辑、删除操作。
3.3 非功能性需求分析
个人网站的性能性需求分析主要是分析本个人网站的安全性怎么样(是否会泄露用户个人信息),可靠性怎么样(用户操作的时候是不是能够根据实际操作显示信息),性能怎么样(运行是否操作流畅),可拓展性怎么样(功能能否继续拓展)等。具体可以表示在如下2-1表格中:
表2-1 个人网站非功能需求表
| 安全性 | 主要指个人网站数据库的安装,数据库的使用和密码的设定必须合乎规范。 |
| 可靠性 | 可靠性是指个人网站能够按照用户的指示进行操作,经过测试,可靠性90%以上。 |
| 性能 | 性能是影响个人网站占据市场的必要条件,所以性能最好要佳才好。 |
| 可扩展性 | 比如数据库预留多个属性,比如接口的使用等确保了系统的非功能性需求。 |
| 易用性 | 用户只要跟着个人网站的页面展示内容进行操作,就可以了。 |
| 可维护性 | 个人网站开发的可维护性是非常重要的,经过测试,可维护性没有问题 |
4 个人网站概要设计
4.1系统体系结构
系功能模块分成了管理员个人用户两个模块,每个模块登录进去对应相应的功能,具体的功能模块图如图4-1所示。

图4-1 个人网站功能结构图
4.2总体功设计
本个人网站分为个人用户和管理员两种角色,个人网站的总体用例图如图4-2所示

图4-2个人网站功能总体用例图
5 个人网站数据库设计
数据库设计一般包括需求分析、概念模型设计、数据库表建立三大过程,其中需求分析前面章节已经阐述,概念模型设计有概念模型和逻辑结构设计两部分。
5.1 数据库概念结构设计
下面是整个个人网站中主要的数据库表总E-R实体关系图。

图5-1 个人网站总E-R关系图
5.2 数据库逻辑结构设计
通过上一小节中个人网站中总E-R关系图上得出一共需要创建很多个数据表。在此我主要罗列几个主要的数据库表结构设计。
表about_me (关于我)
| 编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
| 1 | about_me_id | int | 10 | 0 | N | Y |
| 关于我ID |
| 2 | personal_photo | varchar | 255 | 0 | Y | N |
| 个人照片 |
| 3 | publisher | int | 10 | 0 | Y | N | 0 | 发布人 |
| 4 | user_name | varchar | 64 | 0 | Y | N |
| 用户姓名 |
| 5 | achievement | varchar | 64 | 0 | Y | N |
| 成就 |
| 6 | hobby | varchar | 64 | 0 | Y | N |
| 爱好 |
| 7 | growth_experience | text | 65535 | 0 | Y | N |
| 成长经历 |
| 8 | personal_introduction | text | 65535 | 0 | Y | N |
| 个人介绍 |
| 9 | hometown_introduction | text | 65535 | 0 | Y | N |
| 家乡介绍 |
| 10 | hits | int | 10 | 0 | N | N | 0 | 点击数 |
| 11 | praise_len | int | 10 | 0 | N | N | 0 | 点赞数 |
| 12 | create_time | datetime | 19 | 0 | N | N | CURRENT_TIMESTAMP | 创建时间 |
| 13 | update_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 更新时间 |
表access_token (登陆访问时长)
| 编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
| 1 | token_id | int | 10 | 0 | N | Y |
| 临时访问牌ID |
| 2 | token | varchar | 64 | 0 | Y | N |
| 临时访问牌 |
| 3 | info | text | 65535 | 0 | Y | N |
|
|
| 4 | maxage | int | 10 | 0 | N | N | 2 | 最大寿命:默认2小时 |
| 5 | create_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 创建时间: |
| 6 | update_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 更新时间: |
| 7 | user_id | int | 10 | 0 | N | N | 0 | 用户编号: |
表album (相册)
| 编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
| 1 | album_id | int | 10 | 0 | N | Y |
| 相册ID |
| 2 | album_name | varchar | 64 | 0 | Y | N |
| 相册名称 |
| 3 | cover_image | varchar | 255 | 0 | Y | N |
| 封面图 |
| 4 | album_type | varchar | 64 | 0 | Y | N |
| 相册类型 |
| 5 | picture_1 | varchar | 255 | 0 | Y | N |
| 图片一 |
| 6 | picture_2 | varchar | 255 | 0 | Y | N |
| 图片二 |
| 7 | picture_3 | varchar | 255 | 0 | Y | N |
| 图片三 |
| 8 | picture_4 | varchar | 255 | 0 | Y | N |
| 图片四 |
| 9 | picture_5 | varchar | 255 | 0 | Y | N |
| 图片五 |
| 10 | details_content | longtext | 2147483647 | 0 | Y | N |
| 详情内容 |
| 11 | publisher | int | 10 | 0 | Y | N | 0 | 发布人 |
| 12 | user_name | varchar | 64 | 0 | Y | N |
| 用户姓名 |
| 13 | hits | int | 10 | 0 | N | N | 0 | 点击数 |
| 14 | praise_len | int | 10 | 0 | N | N | 0 | 点赞数 |
| 15 | create_time | datetime | 19 | 0 | N | N | CURRENT_TIMESTAMP | 创建时间 |
| 16 | update_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 更新时间 |
表album_type (相册类型)
| 编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
| 1 | album_type_id | int | 10 | 0 | N | Y |
| 相册类型ID |
| 2 | album_type | varchar | 64 | 0 | Y | N |
| 相册类型 |
| 3 | create_time | datetime | 19 | 0 | N | N | CURRENT_TIMESTAMP | 创建时间 |
| 4 | update_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 更新时间 |
表article (文章:用于内容管理系统的文章)
| 编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
| 1 | article_id | mediumint | 8 | 0 | N | Y |
| 文章id:[0,8388607] |
| 2 | title | varchar | 125 | 0 | N | Y |
| 标题:[0,125]用于文章和html的title标签中 |
| 3 | type | varchar | 64 | 0 | N | N | 0 | 文章分类:[0,1000]用来搜索指定类型的文章 |
| 4 | hits | int | 10 | 0 | N | N | 0 | 点击数:[0,1000000000]访问这篇文章的人次 |
| 5 | praise_len | int | 10 | 0 | N | N | 0 | 点赞数 |
| 6 | create_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 创建时间: |
| 7 | update_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 更新时间: |
| 8 | source | varchar | 255 | 0 | Y | N |
| 来源:[0,255]文章的出处 |
| 9 | url | varchar | 255 | 0 | Y | N |
| 来源地址:[0,255]用于跳转到发布该文章的网站 |
| 10 | tag | varchar | 255 | 0 | Y | N |
| 标签:[0,255]用于标注文章所属相关内容,多个标签用空格隔开 |
| 11 | content | longtext | 2147483647 | 0 | Y | N |
| 正文:文章的主体内容 |
| 12 | img | varchar | 255 | 0 | Y | N |
| 封面图 |
| 13 | description | text | 65535 | 0 | Y | N |
| 文章描述 |
表article_type (文章分类)
| 编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
| 1 | type_id | smallint | 5 | 0 | N | Y |
| 分类ID:[0,10000] |
| 2 | display | smallint | 5 | 0 | N | N | 100 | 显示顺序:[0,1000]决定分类显示的先后顺序 |
| 3 | name | varchar | 16 | 0 | N | N |
| 分类名称:[2,16] |
| 4 | father_id | smallint | 5 | 0 | N | N | 0 | 上级分类ID:[0,32767] |
| 5 | description | varchar | 255 | 0 | Y | N |
| 描述:[0,255]描述该分类的作用 |
| 6 | icon | text | 65535 | 0 | Y | N |
| 分类图标: |
| 7 | url | varchar | 255 | 0 | Y | N |
| 外链地址:[0,255]如果该分类是跳转到其他网站的情况下,就在该URL上设置 |
| 8 | create_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 创建时间: |
| 9 | update_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 更新时间: |
表auth (用户权限管理)
| 编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
| 1 | auth_id | int | 10 | 0 | N | Y |
| 授权ID: |
| 2 | user_group | varchar | 64 | 0 | Y | N |
| 用户组: |
| 3 | mod_name | varchar | 64 | 0 | Y | N |
| 模块名: |
| 4 | table_name | varchar | 64 | 0 | Y | N |
| 表名: |
| 5 | page_title | varchar | 255 | 0 | Y | N |
| 页面标题: |
| 6 | path | varchar | 255 | 0 | Y | N |
| 路由路径: |
| 7 | parent | varchar | 64 | 0 | Y | N |
| 父级菜单 |
| 8 | parent_sort | int | 10 | 0 | N | N | 0 | 父级菜单排序 |
| 9 | position | varchar | 32 | 0 | Y | N |
| 位置: |
| 10 | mode | varchar | 32 | 0 | N | N | _blank | 跳转方式: |
| 11 | add | tinyint | 3 | 0 | N | N | 1 | 是否可增加: |
| 12 | del | tinyint | 3 | 0 | N | N | 1 | 是否可删除: |
| 13 | set | tinyint | 3 | 0 | N | N | 1 | 是否可修改: |
| 14 | get | tinyint | 3 | 0 | N | N | 1 | 是否可查看: |
| 15 | field_add | text | 65535 | 0 | Y | N |
| 添加字段: |
| 16 | field_set | text | 65535 | 0 | Y | N |
| 修改字段: |
| 17 | field_get | text | 65535 | 0 | Y | N |
| 查询字段: |
| 18 | table_nav_name | varchar | 500 | 0 | Y | N |
| 跨表导航名称: |
| 19 | table_nav | varchar | 500 | 0 | Y | N |
| 跨表导航: |
| 20 | option | text | 65535 | 0 | Y | N |
| 配置: |
| 21 | create_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 创建时间: |
| 22 | update_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 更新时间: |
表blog (博客)
| 编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
| 1 | blog_id | int | 10 | 0 | N | Y |
| 博客ID |
| 2 | title | varchar | 64 | 0 | Y | N |
| 标题 |
| 3 | blog_category | varchar | 64 | 0 | Y | N |
| 博客类别 |
| 4 | cover_image | varchar | 255 | 0 | Y | N |
| 封面图 |
| 5 | album_link | varchar | 255 | 0 | Y | N |
| 相册链接 |
| 6 | blog_content | longtext | 2147483647 | 0 | Y | N |
| 博客内容 |
| 7 | publisher | int | 10 | 0 | Y | N | 0 | 发布人 |
| 8 | user_name | varchar | 64 | 0 | Y | N |
| 用户姓名 |
| 9 | hits | int | 10 | 0 | N | N | 0 | 点击数 |
| 10 | praise_len | int | 10 | 0 | N | N | 0 | 点赞数 |
| 11 | recommend | int | 10 | 0 | N | N | 0 | 智能推荐 |
| 12 | create_time | datetime | 19 | 0 | N | N | CURRENT_TIMESTAMP | 创建时间 |
| 13 | update_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 更新时间 |
表blog_category (博客类别)
| 编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
| 1 | blog_category_id | int | 10 | 0 | N | Y |
| 博客类别ID |
| 2 | blog_category | varchar | 64 | 0 | Y | N |
| 博客类别 |
| 3 | create_time | datetime | 19 | 0 | N | N | CURRENT_TIMESTAMP | 创建时间 |
| 4 | update_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 更新时间 |
表code_token
| 编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
| 1 | code_token_id | int | 10 | 0 | N | Y |
|
|
| 2 | token | varchar | 255 | 0 | Y | N |
|
|
| 3 | code | varchar | 255 | 0 | Y | N |
| 验证码 |
| 4 | expire_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 失效时间 |
| 5 | create_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 创建时间 |
| 6 | update_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 更新时间: |
表collect (收藏)
| 编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
| 1 | collect_id | int | 10 | 0 | N | Y |
| 收藏ID: |
| 2 | user_id | int | 10 | 0 | N | N | 0 | 收藏人ID: |
| 3 | source_table | varchar | 255 | 0 | Y | N |
| 来源表: |
| 4 | source_field | varchar | 255 | 0 | Y | N |
| 来源字段: |
| 5 | source_id | int | 10 | 0 | N | N | 0 | 来源ID: |
| 6 | title | varchar | 255 | 0 | Y | N |
| 标题: |
| 7 | img | varchar | 255 | 0 | Y | N |
| 封面: |
| 8 | create_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 创建时间: |
| 9 | update_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 更新时间: |
表comment (评论)
| 编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
| 1 | comment_id | int | 10 | 0 | N | Y |
| 评论ID: |
| 2 | user_id | int | 10 | 0 | N | N | 0 | 评论人ID: |
| 3 | reply_to_id | int | 10 | 0 | N | N | 0 | 回复评论ID:空为0 |
| 4 | content | longtext | 2147483647 | 0 | Y | N |
| 内容: |
| 5 | nickname | varchar | 255 | 0 | Y | N |
| 昵称: |
| 6 | avatar | varchar | 255 | 0 | Y | N |
| 头像地址:[0,255] |
| 7 | create_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 创建时间: |
| 8 | update_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 更新时间: |
| 9 | source_table | varchar | 255 | 0 | Y | N |
| 来源表: |
| 10 | source_field | varchar | 255 | 0 | Y | N |
| 来源字段: |
| 11 | source_id | int | 10 | 0 | N | N | 0 | 来源ID: |
表forum (论坛)
| 编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
| 1 | forum_id | mediumint | 8 | 0 | N | Y |
| 论坛id |
| 2 | display | smallint | 5 | 0 | N | N | 100 | 排序 |
| 3 | user_id | mediumint | 8 | 0 | N | N | 0 | 用户ID |
| 4 | nickname | varchar | 16 | 0 | Y | N |
| 昵称:[0,16] |
| 5 | praise_len | int | 10 | 0 | Y | N | 0 | 点赞数 |
| 6 | hits | int | 10 | 0 | N | N | 0 | 访问数 |
| 7 | title | varchar | 125 | 0 | N | N |
| 标题 |
| 8 | keywords | varchar | 125 | 0 | Y | N |
| 关键词 |
| 9 | description | varchar | 255 | 0 | Y | N |
| 描述 |
| 10 | url | varchar | 255 | 0 | Y | N |
| 来源地址 |
| 11 | tag | varchar | 255 | 0 | Y | N |
| 标签 |
| 12 | img | text | 65535 | 0 | Y | N |
| 封面图 |
| 13 | content | longtext | 2147483647 | 0 | Y | N |
| 正文 |
| 14 | create_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 创建时间: |
| 15 | update_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 更新时间: |
| 16 | avatar | varchar | 255 | 0 | Y | N |
| 发帖人头像: |
| 17 | type | varchar | 64 | 0 | N | N | 0 | 论坛分类:[0,1000]用来搜索指定类型的论坛帖 |
表forum_type (论坛分类)
| 编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
| 1 | type_id | smallint | 5 | 0 | N | Y |
| 分类ID:[0,10000] |
| 2 | name | varchar | 16 | 0 | N | N |
| 分类名称:[2,16] |
| 3 | description | varchar | 255 | 0 | Y | N |
| 描述:[0,255]描述该分类的作用 |
| 4 | url | varchar | 255 | 0 | Y | N |
| 外链地址:[0,255]如果该分类是跳转到其他网站的情况下,就在该URL上设置 |
| 5 | father_id | smallint | 5 | 0 | N | N | 0 | 上级分类ID:[0,32767] |
| 6 | icon | varchar | 255 | 0 | Y | N |
| 分类图标: |
| 7 | create_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 创建时间: |
| 8 | update_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 更新时间: |
表hits (用户点击)
| 编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
| 1 | hits_id | int | 10 | 0 | N | Y |
| 点赞ID: |
| 2 | user_id | int | 10 | 0 | N | N | 0 | 点赞人: |
| 3 | create_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 创建时间: |
| 4 | update_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 更新时间: |
| 5 | source_table | varchar | 255 | 0 | Y | N |
| 来源表: |
| 6 | source_field | varchar | 255 | 0 | Y | N |
| 来源字段: |
| 7 | source_id | int | 10 | 0 | N | N | 0 | 来源ID: |
表individual_users (个人用户)
| 编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
| 1 | individual_users_id | int | 10 | 0 | N | Y |
| 个人用户ID |
| 2 | user_name | varchar | 64 | 0 | Y | N |
| 用户姓名 |
| 3 | gender | varchar | 64 | 0 | Y | N |
| 性别 |
| 4 | examine_state | varchar | 16 | 0 | N | N | 已通过 | 审核状态 |
| 5 | user_id | int | 10 | 0 | N | N | 0 | 用户ID |
| 6 | create_time | datetime | 19 | 0 | N | N | CURRENT_TIMESTAMP | 创建时间 |
| 7 | update_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 更新时间 |
表message (留言板)
| 编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
| 1 | message_id | int | 10 | 0 | N | Y |
| 留言板ID: |
| 2 | user_id | int | 10 | 0 | N | N | 0 | 用户ID: |
| 3 | title | varchar | 64 | 0 | Y | N |
| 标题: |
| 4 | content | longtext | 2147483647 | 0 | N | N |
| 内容: |
| 5 | nickname | varchar | 32 | 0 | N | N |
| 昵称: |
| 6 | avatar | varchar | 255 | 0 | Y | N |
| 头像: |
| 7 | | varchar | 125 | 0 | Y | N |
| 留言者邮箱 |
| 8 | phone | varchar | 11 | 0 | Y | N |
| 留言者手机号码 |
| 9 | create_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 创建时间: |
| 10 | update_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 更新时间: |
| 11 | reply | longtext | 2147483647 | 0 | Y | N |
| 回复 |
| 12 | reply_state | tinyint | 4 | 0 | Y | N | 0 | 回复状态 |
表notice (公告)
| 编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
| 1 | notice_id | mediumint | 8 | 0 | N | Y |
| 公告id: |
| 2 | title | varchar | 125 | 0 | N | N |
| 标题: |
| 3 | content | longtext | 2147483647 | 0 | Y | N |
| 正文: |
| 4 | create_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 创建时间: |
| 5 | update_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 更新时间: |
表praise (点赞)
| 编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
| 1 | praise_id | int | 10 | 0 | N | Y |
| 点赞ID: |
| 2 | user_id | int | 10 | 0 | N | N | 0 | 点赞人: |
| 3 | create_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 创建时间: |
| 4 | update_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 更新时间: |
| 5 | source_table | varchar | 255 | 0 | Y | N |
| 来源表: |
| 6 | source_field | varchar | 255 | 0 | Y | N |
| 来源字段: |
| 7 | source_id | int | 10 | 0 | N | N | 0 | 来源ID: |
| 8 | status | bit | 1 | 0 | N | N | 1 | 点赞状态:1为点赞,0已取消 |
表score (评分)
| 编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
| 1 | score_id | int | 10 | 0 | N | Y |
| 评分ID: |
| 2 | user_id | int | 10 | 0 | N | N | 0 | 评分人: |
| 3 | nickname | varchar | 64 | 0 | Y | N |
| 昵称: |
| 4 | score_num | double | 5 | 2 | N | N | 0.00 | 评分: |
| 5 | create_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 创建时间: |
| 6 | update_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 更新时间: |
| 7 | source_table | varchar | 255 | 0 | Y | N |
| 来源表: |
| 8 | source_field | varchar | 255 | 0 | Y | N |
| 来源字段: |
| 9 | source_id | int | 10 | 0 | N | N | 0 | 来源ID: |
表slides (轮播图)
| 编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
| 1 | slides_id | int | 10 | 0 | N | Y |
| 轮播图ID: |
| 2 | title | varchar | 64 | 0 | Y | N |
| 标题: |
| 3 | content | varchar | 255 | 0 | Y | N |
| 内容: |
| 4 | url | varchar | 255 | 0 | Y | N |
| 链接: |
| 5 | img | varchar | 255 | 0 | Y | N |
| 轮播图: |
| 6 | hits | int | 10 | 0 | N | N | 0 | 点击量: |
| 7 | create_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 创建时间: |
| 8 | update_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 更新时间: |
表upload (文件上传)
| 编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
| 1 | upload_id | int | 10 | 0 | N | Y |
| 上传ID |
| 2 | name | varchar | 64 | 0 | Y | N |
| 文件名 |
| 3 | path | varchar | 255 | 0 | Y | N |
| 访问路径 |
| 4 | file | varchar | 255 | 0 | Y | N |
| 文件路径 |
| 5 | display | varchar | 255 | 0 | Y | N |
| 显示顺序 |
| 6 | father_id | int | 10 | 0 | Y | N | 0 | 父级ID |
| 7 | dir | varchar | 255 | 0 | Y | N |
| 文件夹 |
| 8 | type | varchar | 32 | 0 | Y | N |
| 文件类型 |
表user (用户账户:用于保存用户登录信息)
| 编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
| 1 | user_id | mediumint | 8 | 0 | N | Y |
| 用户ID:[0,8388607]用户获取其他与用户相关的数据 |
| 2 | state | smallint | 5 | 0 | N | N | 1 | 账户状态:[0,10](1可用|2异常|3已冻结|4已注销) |
| 3 | user_group | varchar | 32 | 0 | Y | N |
| 所在用户组:[0,32767]决定用户身份和权限 |
| 4 | login_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 上次登录时间: |
| 5 | phone | varchar | 11 | 0 | Y | N |
| 手机号码:[0,11]用户的手机号码,用于找回密码时或登录时 |
| 6 | phone_state | smallint | 5 | 0 | N | N | 0 | 手机认证:[0,1](0未认证|1审核中|2已认证) |
| 7 | username | varchar | 16 | 0 | N | N |
| 用户名:[0,16]用户登录时所用的账户名称 |
| 8 | nickname | varchar | 16 | 0 | Y | N |
| 昵称:[0,16] |
| 9 | password | varchar | 64 | 0 | N | N |
| 密码:[0,32]用户登录所需的密码,由6-16位数字或英文组成 |
| 10 | | varchar | 64 | 0 | Y | N |
| 邮箱:[0,64]用户的邮箱,用于找回密码时或登录时 |
| 11 | email_state | smallint | 5 | 0 | N | N | 0 | 邮箱认证:[0,1](0未认证|1审核中|2已认证) |
| 12 | avatar | varchar | 255 | 0 | Y | N |
| 头像地址:[0,255] |
| 13 | open_id | varchar | 255 | 0 | Y | N |
| 针对获取用户信息字段 |
| 14 | create_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 创建时间: |
表user_group (用户组:用于用户前端身份和鉴权)
| 编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
| 1 | group_id | mediumint | 8 | 0 | N | Y |
| 用户组ID:[0,8388607] |
| 2 | display | smallint | 5 | 0 | N | N | 100 | 显示顺序:[0,1000] |
| 3 | name | varchar | 16 | 0 | N | N |
| 名称:[0,16] |
| 4 | description | varchar | 255 | 0 | Y | N |
| 描述:[0,255]描述该用户组的特点或权限范围 |
| 5 | source_table | varchar | 255 | 0 | Y | N |
| 来源表: |
| 6 | source_field | varchar | 255 | 0 | Y | N |
| 来源字段: |
| 7 | source_id | int | 10 | 0 | N | N | 0 | 来源ID: |
| 8 | register | smallint | 5 | 0 | Y | N | 0 | 注册位置: |
| 9 | create_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 创建时间: |
| 10 | update_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 更新时间: |
6 个人网站详细设计与实现
6.1个人用户功能模块
6.1.1 首页界面
当进入个人网站的时候,首先映入眼帘的是系统的导航栏,导航栏下面是首页、留言板、博客、关于我、相册等功能,其主界面展示如下图6-1所示。

图6-1 首页界面图
6.1.2 注册界面
不是个人网站中正式会员的是可以在线进行注册的,当用户点击“注册”按钮,填写上自己的账号+密码+确认密码+昵称等,再点击“注册”按钮后将会先验证输入的有没有空数据,再次验证密码和确认密码是否是一样的,最后验证输入的账户名和数据库表中已经注册的账户名是否重复,只有都验证没问题后即可会员注册成功。其用注册流程图如图6-2所示,注册界面展示如下图6-3所示。

图6-2注册流程图

图6-3 注册界面图
注册代码如下:
/**
* 注册
* @return
*/
@PostMapping("register")
public Map
// 查询用户
Map
Map
query.put("username",String.valueOf(map.get("username")));
List list = service.selectBaseList(service.select(query, new HashMap<>()));
if (list.size()>0){
return error(30000, "用户已存在");
}
map.put("password",service.encryption(String.valueOf(map.get("password"))));
service.insert(map);
return success(1);
}
public Map
BufferedReader br = null;
StringBuilder sb = new StringBuilder("");
try{
br = reader;
String str;
while ((str = br.readLine()) != null){
sb.append(str);
}
br.close();
String json = sb.toString();
return JSONObject.parseObject(json, Map.class);
}catch (IOException e){
e.printStackTrace();
}finally{
if (null != br){
try{
br.close();
}catch (IOException e){
e.printStackTrace();
}
}
}
return null;
}
public void insert(Map
E entity = JSON.parseObject(JSON.toJSONString(body),eClass);
baseMapper.insert(entity);
log.info("[{}] - 插入操作:{}",entity);
}
6.1.3 登录界面
个人网站中上注册后的用户是可以通过自己的账户名和密码进行登录的,当用户输入完整的自己的账户名和密码信息并通过滑动验证通过后,点击“登录”按钮后,将会首先验证输入的有没有空数据,再次验证输入的账户名+密码和数据库中当前保存的用户信息是否一致,只有在一致后将会登录成功并自动跳转到个人网站的首页中;否则将会提示相应错误信息,用户登录流程如图6-4所示,登录界面如下图6-6所示。

图6-4 登录流程图

图6-6用户登录界面图
登陆代码如下:
/**
* 登录
* @param data
* @param httpServletRequest
* @return
*/
@PostMapping("login")
public Map
log.info("[执行登录接口]");
String username = data.get("username");
String email = data.get("email");
String phone = data.get("phone");
String password = data.get("password");
List resultList = null;
QueryWrapper wrapper = new QueryWrapper
Map
if(username != null && "".equals(username) == false){
map.put("username", username);
resultList = service.selectBaseList(service.select(map, new HashMap<>()));
}
else if(email != null && "".equals(email) == false){
map.put("email", email);
resultList = service.selectBaseList(service.select(map, new HashMap<>()));
}
else if(phone != null && "".equals(phone) == false){
map.put("phone", phone);
resultList = service.selectBaseList(service.select(map, new HashMap<>()));
}else{
return error(30000, "账号或密码不能为空");
}
if (resultList == null || password == null) {
return error(30000, "账号或密码不能为空");
}
//判断是否有这个用户
if (resultList.size()<=0){
return error(30000,"用户不存在");
}
User byUsername = (User) resultList.get(0);
Map
groupMap.put("name",byUsername.getUserGroup());
List groupList = userGroupService.selectBaseList(userGroupService.select(groupMap, new HashMap<>()));
if (groupList.size()<1){
return error(30000,"用户组不存在");
}
UserGroup userGroup = (UserGroup) groupList.get(0);
//查询用户审核状态
if (!StringUtils.isEmpty(userGroup.getSourceTable())){
String res = service.selectExamineState(userGroup.getSourceTable(),byUsername.getUserId());
if (res==null){
return error(30000,"用户不存在");
}
if (!res.equals("已通过")){
return error(30000,"该用户审核未通过");
}
}
//查询用户状态
if (byUsername.getState()!=1){
return error(30000,"用户非可用状态,不能登录");
}
String md5password = service.encryption(password);
if (byUsername.getPassword().equals(md5password)) {
// 存储Token到数据库
AccessToken accessToken = new AccessToken();
accessToken.setToken(UUID.randomUUID().toString().replaceAll("-", ""));
accessToken.setUser_id(byUsername.getUserId());
tokenService.save(accessToken);
// 返回用户信息
JSONObject user = JSONObject.parseObject(JSONObject.toJSONString(byUsername));
user.put("token", accessToken.getToken());
JSONObject ret = new JSONObject();
ret.put("obj",user);
return success(ret);
} else {
return error(30000, "账号或密码不正确");
}
}
public String select(Map
StringBuffer sql = new StringBuffer("select ");
sql.append(config.get(FindConfig.FIELD) == null || "".equals(config.get(FindConfig.FIELD)) ? "*" : config.get(FindConfig.FIELD)).append(" ");
sql.append("from ").append("`").append(table).append("`").append(toWhereSql(query, "0".equals(config.get(FindConfig.LIKE))));
if (config.get(FindConfig.GROUP_BY) != null && !"".equals(config.get(FindConfig.GROUP_BY))){
sql.append("group by ").append(config.get(FindConfig.GROUP_BY)).append(" ");
}
if (config.get(FindConfig.ORDER_BY) != null && !"".equals(config.get(FindConfig.ORDER_BY))){
sql.append("order by ").append(config.get(FindConfig.ORDER_BY)).append(" ");
}
if (config.get(FindConfig.PAGE) != null && !"".equals(config.get(FindConfig.PAGE))){
int page = config.get(FindConfig.PAGE) != null && !"".equals(config.get(FindConfig.PAGE)) ? Integer.parseInt(config.get(FindConfig.PAGE)) : 1;
int limit = config.get(FindConfig.SIZE) != null && !"".equals(config.get(FindConfig.SIZE)) ? Integer.parseInt(config.get(FindConfig.SIZE)) : 10;
sql.append(" limit ").append( (page-1)*limit ).append(" , ").append(limit);
}
log.info("[{}] - 查询操作,sql: {}",table,sql);
return sql.toString();
}
public List selectBaseList(String select) {
List
List
for (Map
list.add(JSON.parseObject(JSON.toJSONString(map),eClass));
}
return list;
}
6.1.4 留言板界面
留言板:用户点击进入后,可点击”留言“按钮,输入标题、用户名和留言内容进行留言发布操作。界面如下图所示。

图6-6 留言板界面图
6.1.5 博客界面
博客:用户点击进入后可通过搜索标题、博客类别和用户姓名进行查看博客详情,包括标题、博客类别、发布人、相册链接点赞数等,同时可对感兴趣的博文进行点赞、收藏。如下图所示。

图6-7博客页面图
6.1.6相册界面
相册:用户点击进入后可通过搜索相册名称、相册类型和用户姓名进行查看相册详情,同时可对感兴趣的相册进行点赞、收藏和评论。界面如下图所示。

图6-8博客界面图
6.1.7论坛界面
论坛:用户点击可查看论坛帖子列表,同时可对论坛帖子进行评论;也可点击“发布新帖”按钮,输入标题、类型和内容进行发布论坛帖子。界面如下图所示。

图6-9论坛界面图
6.1.8个人中心界面
个人中心:个人中心包含多个功能模块,如个人首页、博客、关于我、相册、留言板和收藏。界面如下图所示。

图6-10个人中心界面图
(一)点击进入”博客“后,点击”添加“按钮,可添加个人博客信息,包括标题、博客类别、封面图、相册链接、博客内容、发布人和用户姓名;界面图如下。

图6-11博客添加界面图
(二)点击进入”关于我“后,点击”添加“按钮,可添加个人信息,包括个人照片、发布人、用户姓名、成就、爱好、成长经历、个人介绍、家乡介绍;界面图如下。

图6-12关于我添加界面图
(三)点击进入”相册“后,点击”添加“按钮,可添加相册相关信息,包括相册名称、封面图、相册类型、主图、详情内容、发布人和用户姓名。界面图如下。
图6-13相册添加界面图
6.2管理端功能模块
6.2.1 系统管理界面
系统管理:当管理员点击“系统管理”时,可查看轮播图管理; 如需添加新的轮播图,点击右侧“添加”按钮,上传图片,输入标题,点击“确认”按钮进行添加;同时可对轮播图进行增删改查。界面如下图所示。

图6-14 系统管理界面图
6.2.2留言管理界面
留言管理:管理员点击可查看留言板,同时可对用户留言进行回复。界面如下图所示。

图6-15留言管理界面图
6.2.3 公告管理界面
公告管理:当管理点击“公告管理”时,可查看公告;如需添加新的公告信息,点击右侧“添加”按钮,输入标题和正文,点击“确认”按钮进行添加。界面如下图所示。

图6-16 公告管理界面图
6.2.4资源管理界面
资源管理:管理员点击可查看新闻和新闻分类;如需添加新的新闻,点击右侧“添加”按钮,上传封面图,输入标题,选择分类,输入标题、描述和正文,点击“提交”按钮进行添加。界面图如下。界面图如下。

图6-17 资源管理界面图
6.2.5交流管理界面
交流管理:管理员点击可查看论坛和论坛分类,同时可对论坛和论坛分类进行加、编辑、删除操作。界面图如下。

图6-18 交流管理界面图
7 系统的测试
7.1测试的目的
系统的前台、后台、数据库完成以后,这个系统才算是完成了一半,我们在这之后要对系统进行最后的一个阶段,那就是测试了,测试对一个系统来说是非常重要的,有的时候开发完一个系统,如果测试不合格的话,这个系统是没有办法进行投入使用的,所有我们要用测试对系统的功能进行检验,把不完善的功能尽量完善,把出现的bug解决掉,然后给用户呈现出一个完美的系统。通过对系统最后一步的测试,使得开发人员对自己的系统更加有信心,更加积极的为后期的系统版本的更新提供支持。
7.2 系统测试用例
用户登录功能测试:
表7-1 用户登录功能测试表
| 用例名称 | 用户登录系统 |
| 目的 | 测试用户通过正确的用户名和密码可否登录功能 |
| 前提 | 未登录的情况下 |
| 测试流程 | 1) 进入登录页面 2) 输入正确的用户名和密码 |
| 预期结果 | 用户名和密码正确的时候,跳转到登录成功界面,反之则显示错误信息,提示重新输入 |
| 实际结果 | 实际结果与预期结果一致 |
博客查看功能测试:
表7-2博客查看功能测试表
| 用例名称 | 博客查看 |
| 目的 | 测试博客查看功能 |
| 前提 | 用户登录 |
| 测试流程 | 点击博客列表 |
| 预期结果 | 可以查看到所有博客信息 |
| 实际结果 | 实际结果与预期结果一致 |
管理员添加公告界面测试:
表7-3 管理员添加公告界面测试表
| 用例名称 | 公告布测试用例 |
| 目的 | 测试公告发布功能 |
| 前提 | 管理员用户正常登录情况下 |
| 测试流程 | 1)管理员点击公告管理,然后点击添加后并填写信息。 2)点击进行提交。 |
| 预期结果 | 提交以后,页面首页会显示新的公告 |
| 实际结果 | 实际结果与预期结果一致 |
密码修改搜索功能测试:
表7-4 密码修改功能测试表
| 用例名称 | 密码修改测试用例 |
| 目的 | 测试管理员密码修改功能 |
| 前提 | 管理员用户正常登录情况下 |
| 测试流程 | 1)管理员密码修改并完成填写。 2)点击进行提交。 |
| 预期结果 | 使用新的密码可以登录 |
| 实际结果 | 实际结果与预期结果一致 |
7.3 系统测试结果
通过编写个人网站的测试用例,已经检测完毕一上功能模块的测试,通过这4大模块为个人网站的后期推广运营提供了强力的技术支撑。
结 论
本研究围绕基于SpringBoot的个人网站的建设与实现进行了系统的探讨与分析,旨在为个人用户提供一个高效、便捷的在线展示平台。通过对个人网站的需求分析、系统设计、前后端开发及数据库管理等环节的深入研究,本文不仅展示了现代Web开发技术的应用,还强调了用户体验和信息共享的重要性。同时,基于SpringBoot的开发方式,简化了开发流程,提高了网站的可维护性和可扩展性,为用户后续的功能增强提供了良好的基础。
虽然本研究取得了一定的成果,但也存在一些局限性。未来的研究可以进一步探索如何结合更多前沿技术来提升个人网站的功能与智能化水平。此外,深入研究用户行为与需求将有助于不断优化网站的设计与内容,使其更好地服务于个人用户及其社会交往需求。
参考文献
[1]柯灵.Java编程语言在计算机软件开发中的应用与问题处理探析[J].电脑知识与技术,2024,20(27):45-47.DOI:10.14004/j.cnki.ckt.2024.1389.
[2]庄丽君,汤海林.基于Java Web技术的校园论坛网页的设计与实现[J].现代信息科技,2024,8(15):74-77.DOI:10.19850/j.cnki.2096-4706.2024.15.016.
[3]周亮.计算机软件开发中Java编程语言的应用研究[J].科技资讯,2024,22(13):39-41.DOI:10.16661/j.cnki.1672-3791.2403-5042-6019.
[4]莫文东,李呈彩,梁彬,等.基于Spring Boot技术的个人博客平台的研究与应用[J].科技风,2024,(14):94-96.DOI:10.19392/j.cnki.1671-7341.202414032.
[5]李程,胡五音.Java编程语言在计算机软件开发中的应用[J].电子技术,2024,53(03):66-67.
[6]丁福江.基于Spring Boot和Vue技术的访客管理系统设计与实现[J].电脑编程技巧与维护,2023,(12):82-87.DOI:10.16184/j.cnki.comprg.2023.12.012.
[7]鹿德源,杨蕾,王浩震.在线笔记与交流平台设计与实现[J].现代信息科技,2023,7(09):22-25.DOI:10.19850/j.cnki.2096-4706.2023.09.005.
[8]闵亮,薛格格,张玉欣,等.基于Node.JS博客系统的设计与实现[J].电子设计工程,2022,30(07):37-41.DOI:10.14022/j.issn1674-6236.2022.07.008.
[9]施鹭.基于大数据技术的博客系统研究与开发[J].北京印刷学院学报,2021,29(12):168-170.DOI:10.19461/j.cnki.1004-8626.2021.12.051.
[10]卢云霞.浅谈个人博客网站的设计与实现[J].内蒙古科技与经济,2021,(17):78-79+81.
[11]魏智文,李双梅.大学生信息交流平台系统的设计与实现[J].江苏科技信息,2021,38(22):50-52.
[12]杨秀璋,武帅,于小民,等.基于LDA模型和社交网络的个人技术博客文本挖掘[J].信息技术与信息化,2021,(06):7-12.
[13]刘子凡,郭昱君.基于SpringBoot+Mybatis的个人博客系统设计与实现[J].现代信息科技,2021,5(08):104-107+111.DOI:10.19850/j.cnki.2096-4706.2021.08.029.
[14]钟怡旸,郭昱君.基于Springboot的博客管理系统设计与实现[J].现代信息科技,2021,5(07):18-20+24.DOI:10.19850/j.cnki.2096-4706.2021.07.005.
[15]常佳宁,李阳齐.基于Django的个人博客系统设计开发[J].中国科技信息,2021,(02):75-77.
[16]顾武雄.博客文章管理[J].网络安全和信息化,2020,(12):57-58.
[17]熊回香,李建玲.基于质性分析的学术社交网站用户持续使用行为研究[J].现代情报,2020,40(08):60-70.
[18]王金麟,方滨兴,于海宁,等.面向Web新闻与博客的内容提取方法[J].智能计算机与应用,2020,10(07):1-4+10.
[19]涂远杰,郑剑.基于Flask的博客网站设计与实现[J].电脑知识与技术,2020,16(15):109-111.DOI:10.14004/j.cnki.ckt.2020.1762.
[20]王芳,汪新久.高校图书馆应用学科博客创新服务模式研究[J].四川图书馆学报,2020,(01):64-67.
致谢
通过这样设计与开发这样一个系统,首先向我们老师、同学和朋友表达真诚的感谢。没有指导老师的指导和平日子的教导,我也不能够学到如此多的专业知识。另外,也佩服老师兢兢业业的工作态度,给我们做好了表率。系统开发技术要学习的东西很多,前台框架、后台框架、业务流程、数据结构、操作系统等各种知识非常的丰富,都需要慢慢的专研。在这里,首先感谢老师细心的教导,我只想说一句:“老师,谢谢您,您辛苦了!有您在,大学生活才更加的充实。”另外,我要感谢我的室友,由于知识掌握得不够产生各种问题,正因为有了你们的帮忙,给我提出很多很好的建议,才能更好的解决系统开发问题。同时,我也应该感谢那些计算机专业的先哲们,正是由于有这么一群人,才能把这样的专业研究得如此透彻,才能助力新世界的诞生。你们的理论,是我们一生学习的内容,你们的成就,是我们一生追求的目标。
最后,也希望自己在未来的道路上能够走得更远,不辜负在大学的学习,以及老师们的细致的教导。
免费领取项目源码,请关注❤点赞收藏并私信博主,谢谢-








