codeChenStu-CSDN博客

原创通过配置文件绑定属性值（@ConfigurationProperties 和 @Value）

通过配置文件绑定属性值（@ConfigurationProperties 和 @Value）最近在做微信支付，做的过程需要将微信appId、secret、商户号等等很多参数通过实体类注入到配置类中，有两种方式，这里都写一下。一共有两种，一种是写properties配置文件，一种是通过yaml文件绑定，最后对比一下@ConfigurationProperties和@Value的区别。1. properties配置文件绑定新建一个微信支付参数实体类 WCPConfigParams@Datapublic

2020-09-02 15:24:30 1648

原创 Spring boot开源项目之个人博客（16）—分类、标签、归档、关于我页展示（结）

Spring boot开源项目之个人博客（16）—分类、标签、归档、关于我页展示（结）这是这个开源项目最后一部分了，还剩四个页面需要处理：按特定分类或标签分页展示博客列表、按年份对博客进行归档、关于我页的跳转。1. 分类页页面原型之前都做好了，这部分也没有数据的提交，基本思路就是通过typeId查博客列表controller层@GetMapping("/types/{typeId}")public String typeShow(@PageableDefault(size = 6, sort =

2020-08-28 10:00:36 496

原创 Spring boot开源项目之个人博客（15）—博客详情页面展示

Spring boot开源项目之个人博客（15）—博客详情页面展示博客详情页分为两个部分，一个是博客详情信息的渲染，一个是评论功能。在这之前，做了一个全局搜索的功能。1. 全局搜索在导航栏有一个搜索框，定义搜索的功能是输入字段查找标题和内容中包含字段的博客，然后把符合条件的博客分页展示。简单处理一下页面，粘贴之前博客列表中的div，就省去了再写theamleaf去渲染了，主要内容是根据搜索字段查找符合条件的博客。从前端开始看<form action="#" name="search" th:

2020-08-28 10:00:18 734 4

原创 Spring boot开源项目之个人博客（14）—博客列表展示

Spring boot开源项目之个人博客（14）—博客列表展示这是一个前端的展示页面，整体流程就是在dao、service层定义拿到的需要的数据的方法，在controller层把数据传给前端，前端使用theamleaf渲染，将数据展示在模板上。1. 后台从数据库拿数据博客列表的展示一共需要4类数据：带分页的博客列表、6个以所含博客数量由大到小的排序的分类、10个以所含博客数量由大到小的排序的标签、按更新时间排序的博客列表。带分页的博客列表是很好处理的，之前定义过带搜索条件的博客分页列表方法，现在把搜

2020-08-28 09:59:57 343 3

原创 Spring boot开源项目之个人博客（13）—博客管理

Spring boot开源项目之个人博客（13）—博客管理1. 分页展示这部分一共两个内容，一个带条件查询动态分页展示，一个是ajax页面局部动态更新。带条件查询动态分页展示博客管理比分类要复杂一些，需要根据高级查询条件筛选文章进行分页展示，在流程上是差不多的。首先是把查询条件封装成一个对象BlogQuery@Datapublic class BlogQuery { private String title; private Long typeId; privat

2020-08-28 09:59:42 595

原创 Spring boot开源项目之个人博客（12）—分类（标签）管理

Spring boot开源项目之个人博客（12）—分类（标签）管理分类、标签管理功能高度重合，就只记录分类管理。分类管理主要涉及到了增删查改和前端分页展示的功能，还有一些零碎的非空验证、重复验证等。1. 分页展示前端是有两个页面，一个用来分页展示，并提供新增、编辑、删除等功能，分类、标签的管理不做条件查询，条件查询会在博客管理做；另一个是新增、编辑共用的表单提交页。分页展示页面套用了之前做好的博客管理的分页展示页模板，这里主要记录如何用theamleaf和springboot的Pageable实现前

2020-08-28 09:59:27 558 2

原创 Spring boot开源项目之个人博客（11）—登录功能实现

Spring boot开源项目之个人博客（11）—登录功能实现这部分就把一下重要的点记录一下。前端表单非空验证<script> $('.ui.form').form({ fields:{ username:{ identifier: 'username', rules:[{ type: 'empty',

2020-08-28 09:59:08 240

原创 Spring boot开源项目之个人博客（10）—使用JPA建数据库表

Spring boot开源项目之个人博客（10）—使用JPA实现对数据库的操作1. 建立实体类，建表JPA所需要的依赖在搭建框架的时候就完成了，在使用之前，还要在application.yml中配置一下。spring: jpa: hibernate: ddl-auto: update show-sql: true这里配置了自动建表：updata表示没有表新建，有表更新操作；控制台显示建表语句。项目把实体类分成了五个：博客、评论、标签、类型、用户。一般来说在建表之前

2020-08-27 12:17:51 415

原创 Spring boot开源项目之个人博客（9）—使用themleaf调整前端模板文件

Spring boot开源项目之个人博客（9）—使用themleaf调整前端模板文件这个前端模板目前是分为两大块，一个是前端展示，一个是后台管理。把项目迁移到idea之后，一些本地的静态文件路径都是有问题的，而目前在head、导航和页脚部分相似度是很高的，而本地文件的引入基本也都是在head中，所以用themleaf模板的fragment特性来做就非常合适。跟着视频做了一下，前端的修修改改也很复杂，没必要把每个步骤全记下来，这里就针对一点来记录下fragments的使用方式，以后用的时候回头来看这篇文章能

2020-08-27 12:16:36 620

原创 Spring boot开源项目之个人博客（8）—框架搭建

Spring boot开源项目之个人博客（8）—框架搭建项目使用idea作为开发IDE，接下来先新建一个springboot项目。1. 新建项目，引入springboot模块打开idea，点击新建项目选中spring initializer这个选项，这是idea为我们提供的一个springboot自定义初始化工具，设置如上图所示，然后点击next。填写好项目的信息，type选择maven project，其他的都是自动配置好的，点击next。这个开源项目需要引入web、Thymeleaf、

2020-08-27 12:15:08 371

原创 Spring boot开源项目之个人博客（7）—搭建博客后端管理界面

Spring boot开源项目之个人博客（7）—搭建博客后端管理界面后端管理页面主要包括博客管理页和博客发布页。内容不多，主要是模板做好之后需要集成一下插件。1. 博客管理页面导航栏的变化主要在右边，把搜索框换成了用户头像和用户名，并且加了一个dropdown的效果，在点击它的时候会弹出一个有注销用户的下拉菜单。这一块的实现使用了semantic的dropdown效果<div class="ui dropdown item">  &l

2020-08-27 12:12:12 426

原创 Spring boot开源项目之个人博客（6）—搭建博客其余前端展示页面

Spring boot开源项目之个人博客（6）—搭建博客其余前端展示页面前端展示页面还剩标签页、分类页、归档页和关于我页没有做，通过之前做首页和详情页的学习，对Semantic框架的使用已经有了基本的认识，而后面这几个页面基本大同小异，都比较简单，也没有用到新的东西，在这里就不一个一个的去写怎么做的了。导航栏还有一个变化当希望高亮此时打开的页面时，我们可以对menu中的item加上active，就能实现高亮显示了。当这些完成后我还进行了一项工作，就是把这些日子敲的代码git到GitHub仓库上去，

2020-08-27 12:10:22 165

原创 Spring boot开源项目之个人博客（5）—搭建博客详情页（1）

Spring boot开源项目之个人博客（5）—搭建博客详情页一个页面做好后，其他页面做起来就慢慢有感觉了，详情页主要进行博客内容的展示和用户的评论，整体排版比较简单，导航栏和页脚直接沿用于首页，主体主要是由几个segment包裹，下面主要写一下主体的构成。头部和图片区域头部和图片区域都比较容易，头部直接把之前的拿过来用就行![详情主体1](D:\note\target\Springboot博客开源项目笔记\一些截图\详情主体1.png)<div class="ui horizontal

2020-08-27 12:05:44 296

原创 Spring boot开源项目之个人博客（4）—搭建页面首页（3）

Spring boot开源项目之个人博客（4）—搭建页面首页（3）首页的最后一部分就是让它能与手机屏幕适配，在Semantic中也有相应的方法。第一个用到的是stackable，这是一个可以应用于menu和grid等标签的class，效果是当屏幕宽度变窄时，自动将元素向下堆叠，以导航栏来说，我们希望达到以下效果：之前做好的导航栏是这样的：到了手机端时，把菜单栏隐藏起来，加一个按钮，点击则显示被隐藏的菜单栏：当点击右上方的按钮时，菜单栏被隐藏/显示。这部分的实现主要是由写css完成的。首先给me

2020-08-27 11:58:04 248

原创 Spring boot开源项目之个人博客（3）—搭建页面首页（2）

Spring boot开源项目之个人博客（3）—搭建页面首页（2）本篇是做首页的主体内容。主页分为了两个部分（博客列表和标签分类），所以我们可以用grid分别做这两部分，semantic中的grid和bootstrap还有点区别，bootstrap是将页面分为了12份，而semantic是将页面分为了16份，这里左半边博客列表分了11份，右边分类标签栏分了5份。博客列表：分为上下两部分，上部是一个列表头，下部是文章列表。这半边可以用segment来做。头部由一个segment包裹，划分两列gr

2020-08-27 11:56:47 256

原创 Spring boot开源项目之个人博客（2）—搭建页面首页（1）

Spring boot开源项目之个人博客（2）—搭建页面首页（1）上一篇把项目大体情况进行了说明，从这篇开始就慢慢跟着视频一步一步做下去，页面设计就跳过了，有兴趣的话可以试着自己设计一下，我是直接跟着视频，直接去做页面，H5页面是用Webstorm写的，我这边正好有这个软件，也就用这个，没有的用idea也完全可以实现。首页布局首先，新建项目，项目目录最好和springboot的目录保持一致，方便后面整合。index.html文件就作为我们的首页页面，首先要把Semantic UI框架的css、js

2020-08-27 11:54:26 367

原创 Spring boot开源项目之个人博客（1）—序

Spring boot开源项目之个人博客（1）—序最近在网上找了一个不错的开源项目，有配套视频教程，决定学习一下，开个专题记录自己学习的过程。1. 项目简介先上源码及视频：源码：点击here提取码：cgjm视频教程技术组合：后端：Spring Boot + JPA + thymeleaf模板数据库：MySQL前端UI：Semantic UI框架工具与环境IDEAMavenJDK 8WebstormAxure RP 82. 整体实现思路这是个全栈项目，前端并不是草草

2020-08-27 11:51:29 374 1

qq369392973的博客