个人博客项目
文章平均质量分 92
springboot+thymeleaf+druid+kaptcha
初夏那片海
这个作者很懒,什么都没留下…
展开
-
个人博客-1(登录功能模块实现)
前言前端页面基于 AdminLTE3 模板进行开发的。下载地址:https://github.com/ColorlibHQ/AdminLTE/releases用到的技术springbootthymeleaflombokajaxkaptcha(验证码功能)AdminLTE3 模板整合新建一个springboot项目添加web启动器和thymeleaf启动器及lombok后续需要其他功能了再添加对应的依赖<dependency> <groupId&g原创 2021-03-08 16:41:10 · 1500 阅读 · 0 评论 -
个人博客-2(用户信息修改)
用户信息修改修改登录名和昵称先从session中获取已登录用户的登录名和昵称显示在输入框中用户可以根据原信息进行修改使用ajax异步交互profile.html<form role="form" id="userNameForm"> <div class="form-group col-sm-8"> <div class="alert alert-danger" id="updateUserName-info" style="原创 2021-03-08 16:43:55 · 724 阅读 · 0 评论 -
个人博客-3(分类功能实现)
分类功能使用技术jqgridbootstrapajax分类介绍在博客系统中,分类模块的设计是不可缺少的,我们在各大博客网站中都能够看到这个模块设计,在浏览文章的过程中,我们也会挑选出我们感兴趣类别中的文章进行阅读,比如你偏爱前端类别下的内容,那就可以针对性的浏览所有前端类别下的文章,因此对博文进行归类是十分必要的。表结构设计首先将表结构确定下来,每篇文章都会被归类到一个类别下,一个类别下会有多篇文章,分类实体与文章实体的关系是一对多的关系,因此在表结构设计时,在文章表中设置一个分类原创 2021-03-08 16:48:41 · 1986 阅读 · 0 评论 -
个人博客-4(标签功能实现)
标签模块简介标签是一种更为灵活、更有趣的分类方式,在书写博客时可以为每篇文章添加一个或多个标签,在博客系统中,文章的标签设计被广泛应用,我们可以看到大部分的博客网站中都会有标签设计,因此,在设计 personal-blog 这个项目时,也将标签运用了进来。标签作用标签最明显的作用有如下两点:一是传统意义上分类的作用,类似分类名称二是对文章内容进行一定程度的描述,类似于关键词标签和分类的区别虽然与分类设计类似,但是标签和分类还有一些细区别:同一篇文章标签可以用多个,但通常只能属于一个分类原创 2021-03-08 20:00:50 · 3426 阅读 · 0 评论 -
个人博客-5(文章编辑功能)
什么是富文本编辑器?富文本编辑器,是一种可内嵌于浏览器,所见即所得的文本编辑器。 富文本编辑器不同于文本编辑器(如 textarea 标签、input 标签),也可以叫做图文编辑器,在富文本编辑器里可以编辑非常丰富的内容,如文字、图片、表情、代码……应有尽有,满足你的大部分需求。 像一些新闻排版,基本是以图文排版为主,而淘宝京东这些电商的商品详情页,基本都是多张已经排版好的设计图拼接而来的,富文本编辑器可以很完美的支持者两种需求。目前的富文本编辑器主要有 markdown 版本和非 markdo原创 2021-03-11 10:34:53 · 1475 阅读 · 0 评论 -
个人博客-6(文章功能模块实现)
接口文章内容显示文章修改文章删除页面sidber.html<li class="nav-item"> <a th:href="@{/admin/blogs}" th:class="${path}=='blogs'?'nav-link active':'nav-link'"> <i class="fa fa-list-alt nav-icon" aria-hidden="true"></i> <p&g原创 2021-03-11 19:56:25 · 1581 阅读 · 0 评论 -
个人博客-7(网站首页制作)
前面一些实验讲解的都是博客后台管理系统相关内容,这个后台管理系统通常只是网站拥有者去查看和使用,而博客页面则与此有较大的不同,博客相关页面涉及到的用户操作大多是查看,就是把后台管理系统中添加和编辑的数据通过博客页面呈现给用户,这些页面更多的偏重于展示功能,包括文章内容、网站信息、文章归类等等信息的查看,相较于后台管理系统来说,博客相关页面的开发和制作在编码逻辑、功能实现上会更简单一些,因为涉及到的操作只是数据查询和数据聚合,这不代表开发难度就降低了,这些页面往往更加注重页面观感和元素设计,如果用户觉得第一眼原创 2021-03-16 12:05:53 · 2789 阅读 · 0 评论 -
个人博客-8(首页内容渲染)
博客标题展示数据格式定义这里以点击最多为例,后端返回一个 List 格式的对象,展示的数据仅仅为博客标题,即哪些博客是点击量比较高的,同理,最新发布栏目中即为哪些博客是发布时间较新的。定义实体类虽然好像我们只需要一个博客标题字段就可以了,但是这里通常会设计成可跳转的形式,即点击标题后会跳转到对应的博客详情页面中,因此还需要一个博客实体的 id 字段。SimpleBlogListVo//查询点击最多的博客列表(在博客表中查询)@Datapublic class SimpleBlogListV原创 2021-03-17 18:48:54 · 461 阅读 · 0 评论