舒克、舒克-CSDN博客

原创 SpringBoot开发一个小而美的个人博客（六）博客管理

博客管理分两个页面，一个编辑博客页面，一个列表展示页面。编辑博客页面整个页面分为几个模块，分别是选择博客创造类型是原创还是转载，博客内容，博客分类及标签，博客描述，博客图片地址（目前没有支持本地文件上传，并且只能选择一张作为展示图，博客内容中可以有多张图片），是否打开推荐/转载声明/赞赏/留言功能，保存草稿还是直接发布。前端核心代码HTML代码<div class="m-container-big m-padded-tn-big"> <div cl

2022-03-03 20:55:49 934 1

原创 SpringBoot开发一个小而美的个人博客（五）分类、标签管理

分类管理和标签管理的功能和页面都很相似，都是两个页面，一个新增页面，一个列表显示页面。新增、编辑页面列表显示页面新增、编辑新增和编辑都是在一个页面实现，可以通过是否有id，判断是进行新增操作还是修改操作。前端核心代码html代码<div class="m-container-big m-padded-tn-big"> <div class="ui container"> <form action="#

2022-02-28 17:34:42 754 3

原创 SpringBoot开发一个小而美的个人博客（四）实体类构建、使用JPA建数据库表，实现后台登录

搭建实体类博客 Blog、博客分类 Type、博客标签 Tag、博客评论 Comment、用户 User（这里其实只有一个用户就是自己。也是管理员）确定实体类之间的关系，通过JPA直接生成数据库表结构。首先在使用JPA之前需要在application.yml中配置一下，这里开发环境的配置如下：spring: jpa: hibernate: ddl-auto: update show-sql: true配置自动建表：updata:如果没有表的话则新建，..

2022-02-27 15:49:18 575

原创 SpringBoot开发一个小而美的个人博客（三）框架搭建

环境搭建在idea中新建一个SpringBoot项目，添加web 、themeleaf 、JPA、Mysql、DevTools这些依赖。配置文件：将生产环境和开发环境分开，application.yml用来配置themeleaf和选择用那个环境。application-dev.yml和application-pro.yml只有端口号不同，其他都一样。这里我们用开发环境然后用切面实现日志功能，方便排错的时候快速定位。/** * * @className LogAesp..

2021-12-24 17:27:10 726

原创 SpringBoot开发一个小而美的个人博客（二）前端页面（二）

页面插件集成引入MarkDown文本编辑器下载地址：Editor.md - 开源在线 Markdown 编辑器下载解压后将这几个文件拖到项目里面然后在发布博客页面引入css和js文件用法可以参照simple.html根据id进行绑定就可以了。如果编辑器有部分区域被页面其他元素遮挡。可以加一个样式， <div id="md-content" style="z-index: 1 !important;">这个表示放在最上层。内容排版..

2021-12-22 20:48:36 1010 2

原创 SpringBoot开发一个小而美的个人博客（一）前端页面（一）

从飞老公众号看到的项目，感觉很棒。好多大佬都是一直在维护升级，我也想做一个。视频地址SpringBoot开发一个小而美的个人博客_哔哩哔哩_bilibili 感觉老师声音还蛮好听的hhhh技术组合：后端：SpringBoot、JPA 、Thymeleaf 数据库：Mysql 前端UI：Sementic UI环境和工具：IDEA、Maven3、JDK8、Axure RP8（我没用这个）、VsCode页面：前端展...

2021-12-21 21:01:20 1578 1

原创正则匹配正则表达式在线工具

今天收到的任务是给字段加校验，不允许用特殊符号，防止有攻击脚本信息。设定最大长度什么的。看了很多博客才找到我要的正则表达式。一个一个的试，难受的一批。。????。最后还是在一篇博客的评论下面看到好心人分享了一个在线工具，真心感谢哈哈哈Regex正则表达式在线测试、生成、解析工具 - GoRegex.cn这里面应该可以找到大部分的正则表达式（反正我用过的都在里面找到了????）而且可以直接测试是不是自己要找的。比如2020-02-02的日期格式我贴几个出来校验数字m-n位的数

2021-12-16 19:01:09 1582 2

原创单向链表头插法尾插法

链表链表（Linked list）是一种常见的基础数据结构，是一种线性表，但是并不会按线性的顺序存储数据，而是在每一个结点里存到下一个结点的地址。链表在存储数据结构的内存中有两块区域。一块区域用来存储数据，即数据域。一块区域用来记录下一个数据存在哪里，即指针域（指向下一个数据的指针）。所以单向链表的最后一个结点是指向NULL的。相比数组的优缺点：优点：在创建的时候不需要规定大小，创建就是动态的。内存不是连续的，可以充分利用一些碎片空间。链表在插...

2021-12-13 19:25:03 892

原创偏向锁、轻量级锁、重量级锁的理解及适用场景

对象头：synchronized用的锁是存在Java对象头里的。Java对象头里的Mark Word里默认存储对象的HashCode、分代年龄和锁标记位，主要用来表示对象的线程锁状态。栈帧：也叫过程活动记录，是编译器用来实现过程/函数调用的一种数据结构。（我只能浅显的理解为是记录信息的，看了很多文章还是说不清楚）锁会随着线程的竞争情况逐渐升级，偏向锁 => 轻量级锁 => 重量级锁。锁可以升级但是不能降级。升级的目的是为了提高获得锁和释放锁的效率。偏向锁当一个线程访问同步块获.

2021-12-10 20:19:38 4024 3

原创栈的几个常用方法

创建一个栈Stack<Object> stack=new Stack<>();栈中进行插入和删除的一端称为栈顶，而另一端就称为栈底。push()push( Object element) 入栈操作，将元素加入到栈中，需要参数。向栈中添加元素stack.push(1);stack.push(2);stack.push(3);打印结果： [1, 2, 3]peek() 查看栈顶元素，不需要参数，返回栈顶元素。System.out...

2021-12-07 23:45:00 717

原创 Vue 新手入门项目在线翻译

用的有道的API，最后效果是这样的需要两个组件，一个是需要翻译的内容和目标语言TranslateFrom.vue，还有一个是翻译成功显示的内容TranslateText.vue项目结构是这样的HelloWorld.vue是懒得删，这个没用到。TranslateFrom.vue<template> <div>  <!-- <form v-on:submit...

2021-11-16 19:28:51 1604 2

原创 VScode启动vue项目遇到的坑（一）

一、Missing binding C:\\project\\JavaPDMVue\\node_modules\\node-sass\\vendor\\win32-x64-83\\binding.nodeNode Sass could not find a binding for your current environment: Windows 64-bit with Node.js 14.x解决方案：npm rebuild node-sass 多运行几次，原理是什么不是很清楚，反正要是...

2021-11-01 18:59:06 1988 1

舒克、舒克的博客