yushangwl/mx-community
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Compare commits

merge into: yushangwl:mx-community-ddd
Branches Tags
yushangwl:master
yushangwl:mx-community-ddd
yushangwl:demo-restful
...
pull from: yushangwl:master
Branches Tags
yushangwl:master
yushangwl:mx-community-ddd
yushangwl:demo-restful

11 Commits
mx-communi ... master

Author SHA1 Message Date
yushangwl
5db789dffd 更新 '.drone.yaml'
Some checks reported errors
continuous-integration/drone/push Build encountered an error
Details
2021-07-31 17:11:45 +08:00
yushangwl
56aea528ca 更新 '.drone.yaml'
Some checks reported errors
continuous-integration/drone/push Build encountered an error
Details
2021-07-31 17:11:27 +08:00
yushangwl
76fabdb461 更新 '.drone.yaml'
Some checks reported errors
continuous-integration/drone/push Build encountered an error
Details
2021-07-31 17:11:11 +08:00
yushangwl
6c225308c3 更新 '.drone.yaml'
Some checks reported errors
continuous-integration/drone/push Build encountered an error
Details
2021-07-31 14:12:23 +08:00
yushangwl
33de72c9df 更新 '.drone.yaml'
Some checks reported errors
continuous-integration/drone/push Build encountered an error
Details
2021-07-31 14:11:20 +08:00
yushangwl
a08e17ad9c 更新 '.drone.yaml'
All checks were successful
continuous-integration/drone/push Build is passing
Details
2021-07-31 13:47:30 +08:00
yushangwl
eda3f11ca2 更新 '.drone.yaml'
Some checks failed
continuous-integration/drone/push Build is failing
Details
2021-07-31 13:35:29 +08:00
yushangwl
35de2ad9ca 更新 '.drone.yml'
Some checks failed
continuous-integration/drone/push Build is failing
Details
2021-07-31 01:39:45 +08:00
浅枫沐雪
c94bee58ae 添加 '.drone.yaml' 2021-07-31 00:41:34 +08:00
josxy
28e7e8d97c 项目END 2021-07-04 03:39:13 +08:00
josxy
a14767d48b add: 切换线上数据库 2021-06-10 00:18:46 +08:00
63 changed files with 3065 additions and 2824 deletions
Show Stats Expand all files Collapse all files

21
.drone.yaml Normal file
View File

@ -0,0 +1,21 @@
kind: pipeline
type: docker
name: mx-community
steps:
- name: build
image: maven:3-jdk-8
pull: if-not-exists
volumes:
- name: maven
path: /root/.m2
commands:
- mvn clean package -DskipTests
- ls -h
when:
event:
- push
volumes:
- name: maven
host:
path: /opt/ci/maven/

5
src/main/java/cn/allms/aspect/LogAspectOld.java
View File

@ -23,13 +23,15 @@ public class LogAspectOld {
* 切点：cn.allms.controller * 切点：cn.allms.controller
*/ */
//@Pointcut("execution(* cn.allms.controller.*.*(..))") //@Pointcut("execution(* cn.allms.controller.*.*(..))")
public void log(){} public void log() {
}
// @Before("log()") // @Before("log()")
public void doBefore(JoinPoint joinPoint) { public void doBefore(JoinPoint joinPoint) {
// 获取request对象 // 获取request对象
ServletRequestAttributes attributes = (ServletRequestAttributes) RequestContextHolder.getRequestAttributes(); ServletRequestAttributes attributes = (ServletRequestAttributes) RequestContextHolder.getRequestAttributes();
assert attributes != null;
HttpServletRequest request = attributes.getRequest(); HttpServletRequest request = attributes.getRequest();
// URL // URL
String url = request.getRequestURL().toString(); String url = request.getRequestURL().toString();
@ -49,7 +51,6 @@ public class LogAspectOld {
// logger.info("-------doafter-----------"); // logger.info("-------doafter-----------");
} }
//@AfterReturning(returning = "result",pointcut = "log()")
public void doAfterReturn(Object result) { public void doAfterReturn(Object result) {
logger.info("控制器方法名称Result : {}", result); logger.info("控制器方法名称Result : {}", result);
} }

3
src/main/java/cn/allms/config/LogAspect.java
View File

@ -25,7 +25,8 @@ import javax.servlet.http.HttpServletRequest;
@Aspect @Aspect
public class LogAspect { public class LogAspect {
@Pointcut("execution(* cn.allms.controller.*.*(..))") @Pointcut("execution(* cn.allms.controller.*.*(..))")
public void webLog(){} public void webLog() {
}
@Before("webLog()") @Before("webLog()")
public void doBefore(JoinPoint joinPoint) { public void doBefore(JoinPoint joinPoint) {

1
src/main/java/cn/allms/config/RandomPicturesConfig.java
View File

@ -19,6 +19,7 @@ public class RandomPicturesConfig {
/** /**
* TODO * TODO
* 随机获取一种图片 * 随机获取一种图片
*
* @return * @return
*/ */
public String getRandomPicAddr() { public String getRandomPicAddr() {

2
src/main/java/cn/allms/controller/CommentController.java
View File

@ -35,6 +35,7 @@ public class CommentController {
/** /**
* 显示评论列表 * 显示评论列表
*
* @param blogId * @param blogId
* @param model * @param model
* @return * @return
@ -47,6 +48,7 @@ public class CommentController {
/** /**
* 提交评论 * 提交评论
*
* @param comment * @param comment
* @return * @return
*/ */

4
src/main/java/cn/allms/controller/IndexController.java
View File

@ -31,6 +31,7 @@ public class IndexController {
/** /**
* 首页面显示 * 首页面显示
*
* @param model * @param model
* @param pageable * @param pageable
* @return * @return
@ -51,9 +52,10 @@ public class IndexController {
/** /**
* 导航栏中的搜索功能实现 * 导航栏中的搜索功能实现
*
* @param pageable * @param pageable
* @return
* @param model * @param model
* @return
*/ */
@PostMapping("/search") @PostMapping("/search")
public String search(@PageableDefault(size = 8, sort = {"updateTime"}, direction = Sort.Direction.DESC) Pageable pageable, public String search(@PageableDefault(size = 8, sort = {"updateTime"}, direction = Sort.Direction.DESC) Pageable pageable,

2
src/main/java/cn/allms/controller/TagShowController.java
View File

@ -1,8 +1,6 @@
package cn.allms.controller; package cn.allms.controller;
import cn.allms.po.Tag; import cn.allms.po.Tag;
import cn.allms.service.TagService; import cn.allms.service.TagService;
import cn.allms.vo.BlogQuery; import cn.allms.vo.BlogQuery;

6
src/main/java/cn/allms/controller/admin/BlogController.java
View File

@ -61,6 +61,7 @@ public class BlogController {
/** /**
* 分页显示博客列表 * 分页显示博客列表
*
* @param model * @param model
* @param pageable * @param pageable
* @param blog * @param blog
@ -75,6 +76,7 @@ public class BlogController {
/** /**
* 联合查询博客列表 * 联合查询博客列表
*
* @param model * @param model
* @param pageable * @param pageable
* @param blog * @param blog
@ -89,6 +91,7 @@ public class BlogController {
/** /**
* 新增博客页面 * 新增博客页面
*
* @param model * @param model
* @return * @return
*/ */
@ -102,6 +105,7 @@ public class BlogController {
/** /**
* 提交博客 * 提交博客
*
* @param blog * @param blog
* @param attributes * @param attributes
* @param session * @param session
@ -133,6 +137,7 @@ public class BlogController {
/** /**
* 删除博客 * 删除博客
*
* @param id * @param id
* @return * @return
*/ */
@ -144,6 +149,7 @@ public class BlogController {
/** /**
* 修改博客页面 * 修改博客页面
*
* @param model * @param model
* @return * @return
*/ */

3
src/main/java/cn/allms/controller/admin/LoginController.java
View File

@ -27,6 +27,7 @@ public class LoginController {
/** /**
* 显示用户登录页面 * 显示用户登录页面
*
* @return * @return
*/ */
@GetMapping @GetMapping
@ -36,6 +37,7 @@ public class LoginController {
/** /**
* 用户登录 * 用户登录
*
* @param username * @param username
* @param password * @param password
* @param session * @param session
@ -60,6 +62,7 @@ public class LoginController {
/** /**
* 用户注销 * 用户注销
*
* @param session * @param session
* @return * @return
*/ */

7
src/main/java/cn/allms/controller/admin/TagController.java
View File

@ -30,6 +30,7 @@ public class TagController {
/** /**
* 分页查询标签列表 * 分页查询标签列表
*
* @return * @return
*/ */
@GetMapping("/tags") @GetMapping("/tags")
@ -41,6 +42,7 @@ public class TagController {
/** /**
* 显示添加标签页面 * 显示添加标签页面
*
* @param model * @param model
* @return * @return
*/ */
@ -52,6 +54,7 @@ public class TagController {
/** /**
* 新增标签 * 新增标签
*
* @param tag * @param tag
* @param result * @param result
* @param attributes * @param attributes
@ -75,8 +78,10 @@ public class TagController {
return "redirect:/admin/tags"; return "redirect:/admin/tags";
} }
/** /**
* 显示添加标签页面 * 显示添加标签页面
*
* @param model * @param model
* @return * @return
*/ */
@ -88,6 +93,7 @@ public class TagController {
/** /**
* 修改标签名 * 修改标签名
*
* @param tag * @param tag
* @param result * @param result
* @param id * @param id
@ -114,6 +120,7 @@ public class TagController {
/** /**
* 删除功能 * 删除功能
*
* @param id * @param id
* @param attributes * @param attributes
* @return * @return

4
src/main/java/cn/allms/controller/admin/TypeController.java
View File

@ -32,6 +32,7 @@ public class TypeController {
/** /**
* 分页查询分类列表 * 分页查询分类列表
*
* @return * @return
*/ */
@GetMapping("/types") @GetMapping("/types")
@ -54,6 +55,7 @@ public class TypeController {
/** /**
* 新增分类 * 新增分类
*
* @return * @return
*/ */
@ -79,6 +81,7 @@ public class TypeController {
/** /**
* 跳转到修改分类页面 * 跳转到修改分类页面
*
* @param id * @param id
* @param model * @param model
* @return * @return
@ -92,6 +95,7 @@ public class TypeController {
/** /**
* 修改分类 * 修改分类
*
* @return * @return
*/ */

1
src/main/java/cn/allms/dao/TypeRepository.java
View File

@ -20,6 +20,7 @@ public interface TypeRepository extends JpaRepository<Type,Long>{
/** /**
* 查询type按照分页的方式 * 查询type按照分页的方式
*
* @param pageable * @param pageable
* @return * @return
*/ */

1
src/main/java/cn/allms/dao/UserRepository.java
View File

@ -12,6 +12,7 @@ import org.springframework.data.jpa.repository.JpaRepository;
public interface UserRepository extends JpaRepository<User, Long> { public interface UserRepository extends JpaRepository<User, Long> {
/** /**
* 通过用户名和密码查询用户 * 通过用户名和密码查询用户
*
* @param username * @param username
* @param password * @param password
* @return * @return

2
src/main/java/cn/allms/handler/ControllerExceptionHandler.java
View File

@ -14,8 +14,10 @@ import javax.servlet.http.HttpServletRequest;
public class ControllerExceptionHandler { public class ControllerExceptionHandler {
private final Logger logger = LoggerFactory.getLogger(ControllerExceptionHandler.class); private final Logger logger = LoggerFactory.getLogger(ControllerExceptionHandler.class);
/** /**
* 异常处理 * 异常处理
*
* @param request * @param request
* @param e * @param e
* @return * @return

13
src/main/java/cn/allms/service/BlogService.java
View File

@ -17,6 +17,7 @@ import java.util.Map;
public interface BlogService { public interface BlogService {
/** /**
* 通过id查询单条博客 * 通过id查询单条博客
*
* @param id * @param id
* @return * @return
*/ */
@ -24,6 +25,7 @@ public interface BlogService {
/** /**
* 通过id查询单条博客（前端使用） * 通过id查询单条博客（前端使用）
*
* @param id * @param id
* @return * @return
*/ */
@ -32,6 +34,7 @@ public interface BlogService {
/** /**
* 分页查询博客 * 分页查询博客
*
* @param pageable * @param pageable
* @param blog * @param blog
* @return * @return
@ -40,6 +43,7 @@ public interface BlogService {
/** /**
* 分页查询显示博客列表 * 分页查询显示博客列表
*
* @param pageable * @param pageable
* @return * @return
*/ */
@ -50,6 +54,7 @@ public interface BlogService {
/** /**
* 模糊查询分页显示博客列表 * 模糊查询分页显示博客列表
*
* @param pageable * @param pageable
* @param query * @param query
* @return * @return
@ -58,20 +63,24 @@ public interface BlogService {
/** /**
* 显示推荐的博客列表 * 显示推荐的博客列表
*
* @return * @return
*/ */
List<Blog> listRecommendBlogTop(Integer size); List<Blog> listRecommendBlogTop(Integer size);
/** /**
* 显示归档信息 * 显示归档信息
*
* @return * @return
*/ */
Map<String, List<Blog>> archiveBlog(); Map<String, List<Blog>> archiveBlog();
Long countBlog(); Long countBlog();
/** /**
* 修改 * 修改
*
* @param blog * @param blog
* @return * @return
*/ */
@ -79,6 +88,7 @@ public interface BlogService {
/** /**
* 修改 * 修改
*
* @param id * @param id
* @param blog * @param blog
* @return * @return
@ -87,11 +97,10 @@ public interface BlogService {
/** /**
* 删除 * 删除
*
* @param id * @param id
*/ */
void deleteBlog(Long id); void deleteBlog(Long id);
} }

2
src/main/java/cn/allms/service/CommentService.java
View File

@ -12,6 +12,7 @@ public interface CommentService {
/** /**
* 通过id查询评论列表 * 通过id查询评论列表
*
* @param blogId * @param blogId
* @return * @return
*/ */
@ -19,6 +20,7 @@ public interface CommentService {
/** /**
* 保存评论信息 * 保存评论信息
*
* @param comment * @param comment
* @return * @return
*/ */

7
src/main/java/cn/allms/service/TagService.java
View File

@ -13,6 +13,7 @@ public interface TagService {
/** /**
* 新增 * 新增
*
* @return * @return
*/ */
Tag saveTag(Tag tag); Tag saveTag(Tag tag);
@ -20,6 +21,7 @@ public interface TagService {
/** /**
* 单个查询 * 单个查询
*
* @param id * @param id
* @return * @return
*/ */
@ -27,6 +29,7 @@ public interface TagService {
/** /**
* 分页查询 * 分页查询
*
* @param pageable * @param pageable
* @return * @return
*/ */
@ -37,6 +40,7 @@ public interface TagService {
/** /**
* 查询所有标签 * 查询所有标签
*
* @return * @return
*/ */
List<Tag> ListTag(); List<Tag> ListTag();
@ -45,6 +49,7 @@ public interface TagService {
/** /**
* 修改 * 修改
*
* @param id * @param id
* @param tag * @param tag
* @return * @return
@ -53,12 +58,14 @@ public interface TagService {
/** /**
* 删除 * 删除
*
* @param id * @param id
*/ */
void deleteTag(Long id); void deleteTag(Long id);
/** /**
* 通过分类名称 * 通过分类名称
*
* @return * @return
*/ */
Tag getTagByName(String name); Tag getTagByName(String name);

7
src/main/java/cn/allms/service/TypeService.java
View File

@ -13,6 +13,7 @@ public interface TypeService {
/** /**
* 新增 * 新增
*
* @return * @return
*/ */
Type saveType(Type type); Type saveType(Type type);
@ -20,6 +21,7 @@ public interface TypeService {
/** /**
* 单个查询 * 单个查询
*
* @param id * @param id
* @return * @return
*/ */
@ -27,6 +29,7 @@ public interface TypeService {
/** /**
* 分页查询 * 分页查询
*
* @param pageable * @param pageable
* @return * @return
*/ */
@ -34,6 +37,7 @@ public interface TypeService {
/** /**
* 查询所有分类 * 查询所有分类
*
* @return * @return
*/ */
List<Type> listType(); List<Type> listType();
@ -43,6 +47,7 @@ public interface TypeService {
/** /**
* 修改 * 修改
*
* @param id * @param id
* @param type * @param type
* @return * @return
@ -51,12 +56,14 @@ public interface TypeService {
/** /**
* 删除 * 删除
*
* @param id * @param id
*/ */
void deleteType(Long id); void deleteType(Long id);
/** /**
* 通过分类名称查询分类 * 通过分类名称查询分类
*
* @return * @return
*/ */
Type getTypeByName(String name); Type getTypeByName(String name);

1
src/main/java/cn/allms/service/Userservice.java
View File

@ -12,6 +12,7 @@ public interface Userservice {
/** /**
* 用户登录检测 * 用户登录检测
*
* @param * @param
* @return * @return
*/ */

5
src/main/java/cn/allms/service/impl/BlogServiceImpl.java
View File

@ -28,8 +28,7 @@ import java.util.*;
* @version: 1.0 * @version: 1.0
*/ */
@Service @Service
public class BlogServiceImpl implements BlogService public class BlogServiceImpl implements BlogService {
{
@Autowired @Autowired
private BlogRepository blogRepository; private BlogRepository blogRepository;
@ -129,6 +128,7 @@ public class BlogServiceImpl implements BlogService
* 发布博客 * 发布博客
* (如何是新增博客,需要添加创建时间和修改时间、以及初始化浏览量view = 0) * (如何是新增博客,需要添加创建时间和修改时间、以及初始化浏览量view = 0)
* (如果是修改博客,需要添加修改时间) * (如果是修改博客,需要添加修改时间)
*
* @param blog * @param blog
* @return * @return
*/ */
@ -141,6 +141,7 @@ public class BlogServiceImpl implements BlogService
/** /**
* 所谓的修改其实是查询+保存 * 所谓的修改其实是查询+保存
*
* @param id * @param id
* @param blog * @param blog
* @return * @return

5
src/main/java/cn/allms/util/CommentUtil.java
View File

@ -12,6 +12,7 @@ import java.util.List;
public class CommentUtil { public class CommentUtil {
/** /**
* 循环每个顶级的评论节点 * 循环每个顶级的评论节点
*
* @param comments * @param comments
* @return * @return
*/ */
@ -28,7 +29,6 @@ public class CommentUtil {
} }
/** /**
*
* @param comments root根节点，blog不为空的对象集合 * @param comments root根节点，blog不为空的对象集合
* @return * @return
*/ */
@ -46,10 +46,13 @@ public class CommentUtil {
tempReplys = new ArrayList<>(); tempReplys = new ArrayList<>();
} }
} }
//存放迭代找出的所有子代的集合 //存放迭代找出的所有子代的集合
public static List<Comment> tempReplys = new ArrayList<>(); public static List<Comment> tempReplys = new ArrayList<>();
/** /**
* 递归迭代，剥洋葱 * 递归迭代，剥洋葱
*
* @param comment 被迭代的对象 * @param comment 被迭代的对象
* @return * @return
*/ */

1
src/main/java/cn/allms/util/MD5Utils.java
View File

@ -10,6 +10,7 @@ public class MD5Utils {
/** /**
* MD5加密类 * MD5加密类
*
* @param str 要加密的字符串 * @param str 要加密的字符串
* @return 加密后的字符串 * @return 加密后的字符串
*/ */

2
src/main/java/cn/allms/util/MarkdownUtils.java
View File

@ -21,6 +21,7 @@ public class MarkdownUtils {
/** /**
* markdown格式转换成HTML格式 * markdown格式转换成HTML格式
*
* @param markdown * @param markdown
* @return * @return
*/ */
@ -34,6 +35,7 @@ public class MarkdownUtils {
/** /**
* 增加扩展[标题锚点，表格生成] * 增加扩展[标题锚点，表格生成]
* Markdown转换成HTML * Markdown转换成HTML
*
* @param markdown * @param markdown
* @return * @return
*/ */

1
src/main/java/cn/allms/util/MyBeanUtils.java
View File

@ -15,6 +15,7 @@ public class MyBeanUtils {
/** /**
* 获取所有的属性值为空属性名数组 * 获取所有的属性值为空属性名数组
*
* @param source * @param source
* @return * @return
*/ */

20
src/main/resources/application-dev.yml
View File

@ -1,20 +1,24 @@
# 项目端口
server:
port: 9420
#数据库驱动mysql #数据库驱动mysql
spring: spring:
datasource: datasource:
driver-class-name: com.mysql.jdbc.Driver driver-class-name: com.mysql.cj.jdbc.Driver
url: jdbc:mysql://127.0.0.1:3306/mx-blog?useUnicode=true&characterEncoding=utf-8&useSSL=false url: jdbc:mysql://127.0.0.1:3306/mx-blog?useUnicode=true&characterEncoding=utf-8&useSSL=false
username: root username: root
password: josxy password: 123456
jpa: jpa:
hibernate: hibernate:
ddl-auto: update ddl-auto: create
show-sql: true show-sql: false
#日志打印 #日志打印
logging: logging:
level: level:
root: info root: info
com.yrp: debug cn.allms: debug
file: log/blog-dev.log file:
server: name: log/blog-dev.log
port: 9420 path: classpath:logback/logback-spring.xml

3
src/main/resources/application-pro.yml
View File

@ -15,7 +15,8 @@ logging:
level: level:
root: warn root: warn
com.yrp: info com.yrp: info
file: log/-blogpro.log file:
name: log/-blogpro.log
# 服务端口 # 服务端口
server: server:

4
src/main/resources/i18n/message.properties
View File

@ -5,14 +5,10 @@ index.type=\u5206\u7C7B
index.tag=\u6807\u7B7E index.tag=\u6807\u7B7E
index.archive=\u5F52\u6863 index.archive=\u5F52\u6863
index.aboutme=\u7AD9\u957F\u4FE1\u606F index.aboutme=\u7AD9\u957F\u4FE1\u606F
#\u5E95\u90E8\u5BFC\u822A\u680F\u4FE1\u606F #\u5E95\u90E8\u5BFC\u822A\u680F\u4FE1\u606F
index.email=\u90AE\u7BB1:qfmx520@163.com index.email=\u90AE\u7BB1:qfmx520@163.com
index.qq=QQ:745719461 index.qq=QQ:745719461
index.about=\u4F5C\u8005\u662F\u4E00\u540Dspringboot\u7231\u597D\u8005,\u662F\u4E00\u540D\u6B63\u5728\u52AA\u529B\u594B\u6597\u7684\u5B66\u751F,\u4E3B\u8981\u5B66\u4E60JavaEE\u5F00\u53D1,Web\u524D\u7AEF\u7B49\u6280\u672F.\u4F5C\u8005\u662F\u4E2A\u559C\u6B22\u65C5\u884C\u7684\u5B69\u5B50,\u76EE\u6807\u662F\u6E38\u904D\u5168\u4E16\u754C\uFF01 index.about=\u4F5C\u8005\u662F\u4E00\u540Dspringboot\u7231\u597D\u8005,\u662F\u4E00\u540D\u6B63\u5728\u52AA\u529B\u594B\u6597\u7684\u5B66\u751F,\u4E3B\u8981\u5B66\u4E60JavaEE\u5F00\u53D1,Web\u524D\u7AEF\u7B49\u6280\u672F.\u4F5C\u8005\u662F\u4E2A\u559C\u6B22\u65C5\u884C\u7684\u5B69\u5B50,\u76EE\u6807\u662F\u6E38\u904D\u5168\u4E16\u754C\uFF01
index.copyright=copy @ 2020 - 2021 \u4f5c\u8005:\u6d45\u67ab\u6c90\u96ea \u6b64\u7ad9\u4ec5\u4f9b\u4e2a\u4eba\u6240\u6709 \u5982\u6709\u7591\u95ee\u8054\u7cfb\u4f5c\u8005 index.copyright=copy @ 2020 - 2021 \u4f5c\u8005:\u6d45\u67ab\u6c90\u96ea \u6b64\u7ad9\u4ec5\u4f9b\u4e2a\u4eba\u6240\u6709 \u5982\u6709\u7591\u95ee\u8054\u7cfb\u4f5c\u8005
#\u4E8C\u7EF4\u7801\u626B\u7801\u9605\u8BFB\u5730\u5740 #\u4E8C\u7EF4\u7801\u626B\u7801\u9605\u8BFB\u5730\u5740
blog.serurl=127.0.0.1:80 blog.serurl=127.0.0.1:80

6
src/main/resources/i18n/message_en_US.properties
View File

@ -5,16 +5,10 @@ index.type=Type
index.tag=Tag index.tag=Tag
index.archive=Archive index.archive=Archive
index.aboutme=About Me index.aboutme=About Me
#\u5E95\u90E8\u5BFC\u822A\u680F\u4FE1\u606F #\u5E95\u90E8\u5BFC\u822A\u680F\u4FE1\u606F
index.email=Email:qfmx520@163.com index.email=Email:qfmx520@163.com
index.qq=QQ:745719461 index.qq=QQ:745719461
index.about=The author is a springboot enthusiast, a struggling student who mainly studies JavaEE development,Web front end and other technologies. index.about=The author is a springboot enthusiast, a struggling student who mainly studies JavaEE development,Web front end and other technologies.
index.copyright=copy @ 2020 - 2021 \u4f5c\u8005:\u6d45\u67ab\u6c90\u96ea \u6b64\u7ad9\u4ec5\u4f9b\u4e2a\u4eba\u6240\u6709 \u5982\u6709\u7591\u95ee\u8054\u7cfb\u4f5c\u8005 index.copyright=copy @ 2020 - 2021 \u4f5c\u8005:\u6d45\u67ab\u6c90\u96ea \u6b64\u7ad9\u4ec5\u4f9b\u4e2a\u4eba\u6240\u6709 \u5982\u6709\u7591\u95ee\u8054\u7cfb\u4f5c\u8005
#\u4E8C\u7EF4\u7801\u626B\u7801\u9605\u8BFB\u5730\u5740 #\u4E8C\u7EF4\u7801\u626B\u7801\u9605\u8BFB\u5730\u5740
blog.serurl=172.20.10.6:8080 blog.serurl=172.20.10.6:8080

3
src/main/resources/i18n/message_zh_CN.properties
View File

@ -5,13 +5,10 @@ index.type=\u5206\u7C7B
index.tag=\u6807\u7B7E index.tag=\u6807\u7B7E
index.archive=\u5F52\u6863 index.archive=\u5F52\u6863
index.aboutme=\u7AD9\u957F\u4FE1\u606F index.aboutme=\u7AD9\u957F\u4FE1\u606F
#\u5E95\u90E8\u5BFC\u822A\u680F\u4FE1\u606F #\u5E95\u90E8\u5BFC\u822A\u680F\u4FE1\u606F
index.email=\u90AE\u7BB1:qfmx520@163.com index.email=\u90AE\u7BB1:qfmx520@163.com
index.qq=QQ:745719461 index.qq=QQ:745719461
index.about=\u4F5C\u8005\u662F\u4E00\u540Dspringboot\u7231\u597D\u8005,\u662F\u4E00\u540D\u6B63\u5728\u52AA\u529B\u594B\u6597\u7684\u5B66\u751F,\u4E3B\u8981\u5B66\u4E60JavaEE\u5F00\u53D1,Web\u524D\u7AEF\u7B49\u6280\u672F.\u4F5C\u8005\u662F\u4E2A\u559C\u6B22\u65C5\u884C\u7684\u5B69\u5B50,\u76EE\u6807\u662F\u6E38\u904D\u5168\u4E16\u754C\uFF01 index.about=\u4F5C\u8005\u662F\u4E00\u540Dspringboot\u7231\u597D\u8005,\u662F\u4E00\u540D\u6B63\u5728\u52AA\u529B\u594B\u6597\u7684\u5B66\u751F,\u4E3B\u8981\u5B66\u4E60JavaEE\u5F00\u53D1,Web\u524D\u7AEF\u7B49\u6280\u672F.\u4F5C\u8005\u662F\u4E2A\u559C\u6B22\u65C5\u884C\u7684\u5B69\u5B50,\u76EE\u6807\u662F\u6E38\u904D\u5168\u4E16\u754C\uFF01
index.copyright=copy @ 2020 - 2021 \u4f5c\u8005:\u6d45\u67ab\u6c90\u96ea \u6b64\u7ad9\u4ec5\u4f9b\u4e2a\u4eba\u6240\u6709 \u5982\u6709\u7591\u95ee\u8054\u7cfb\u4f5c\u8005 index.copyright=copy @ 2020 - 2021 \u4f5c\u8005:\u6d45\u67ab\u6c90\u96ea \u6b64\u7ad9\u4ec5\u4f9b\u4e2a\u4eba\u6240\u6709 \u5982\u6709\u7591\u95ee\u8054\u7cfb\u4f5c\u8005
#\u4E8C\u7EF4\u7801\u626B\u7801\u9605\u8BFB\u5730\u5740 #\u4E8C\u7EF4\u7801\u626B\u7801\u9605\u8BFB\u5730\u5740
blog.serurl=172.20.10.6:8080 blog.serurl=172.20.10.6:8080

0
src/main/resources/logback-spring.xml → src/main/resources/logback/logback-spring.xml
View File

0
src/main/resources/favicon.ico → src/main/resources/static/favicon.ico
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.2 KiB

After

Width:  |  Height:  |  Size: 4.2 KiB

73
src/main/resources/templates/_fragments.html
View File

@ -7,7 +7,9 @@
<meta name="viewport" content="device-width, initial-scale=1.0"> <meta name="viewport" content="device-width, initial-scale=1.0">
<title th:replace="${title}">博客详情</title> <title th:replace="${title}">博客详情</title>
<!--引入semantic-ui框架--> <!--引入semantic-ui框架-->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/semantic-ui/2.2.4/semantic.min.css"> <link rel="stylesheet"
href="https://cdn.jsdelivr.net/semantic-ui/2.2.4/semantic.min.css"
/>
<!--引入页面排版CSS--> <!--引入页面排版CSS-->
<link rel="stylesheet" href="../static/css/typo.css" th:href="@{/css/typo.css}"> <link rel="stylesheet" href="../static/css/typo.css" th:href="@{/css/typo.css}">
<!--引入动画插件CSS--> <!--引入动画插件CSS-->
@ -19,8 +21,8 @@
<!--引入自定义CSS--> <!--引入自定义CSS-->
<link rel="stylesheet" href="../static/css/me.css" th:href="@{/css/me.css}"> <link rel="stylesheet" href="../static/css/me.css" th:href="@{/css/me.css}">
<!--图标部署--> <!--图标部署-->
<link rel="shortcut icon" href="/favicon.ico" /> <link rel="shortcut icon" href="../static/favicon.ico" th:href="@{/favicon.ico}"/>
<link rel="bookmark" href="/favicon.ico" type="image/x-icon"/> <link rel="bookmark" href="../static/favicon.ico" type="image/x-icon" th:href="@{/favicon.ico}"/>
<style type="text/css"> <style type="text/css">
.m-padded-tb-massive { .m-padded-tb-massive {
padding-top: 2em !important; padding-top: 2em !important;
@ -34,11 +36,16 @@
<div class="ui container"> <div class="ui container">
<div class="ui inverted secondary stackable menu"> <div class="ui inverted secondary stackable menu">
<h2 class="ui teal header item">浅枫沐雪</h2> <h2 class="ui teal header item">浅枫沐雪</h2>
<a href="#" th:href="@{/}" class="m-item item m-mobile-hide" th:classappend="${n==1}? 'active'"><i class="small home icon"></i><span th:text="#{index.home}">首页</span></a> <a href="#" th:href="@{/}" class="m-item item m-mobile-hide" th:classappend="${n==1}? 'active'"><i
<a href="#" th:href="@{/types/-1}" class="m-item item m-mobile-hide" th:classappend="${n==2}? 'active'"><i class="small idea icon"></i><span th:text="#{index.type}"分类></span></a> class="small home icon"></i><span th:text="#{index.home}">首页</span></a>
<a href="#" th:href="@{/tags/-1}" class="m-item item m-mobile-hide" th:classappend="${n==3}? 'active'" ><i class="small tags icon" ></i><span th:text="#{index.tag}">标签</span></a> <a href="#" th:href="@{/types/-1}" class="m-item item m-mobile-hide" th:classappend="${n==2}? 'active'"><i
<a href="#" th:href="@{/archives}" class="m-item item m-mobile-hide" th:classappend="${n==4}? 'active'" ><i class="small clone icon" ></i><span th:text="#{index.archive}">归档</span></a> class="small idea icon"></i><span th:text="#{index.type}" 分类></span></a>
<a href="#" th:href="@{/about}" class="m-item item m-mobile-hide" th:classappend="${n==5}? 'active'"><i class="small info icon"></i><span th:text="#{index.aboutme}">站长信息</span></a> <a href="#" th:href="@{/tags/-1}" class="m-item item m-mobile-hide" th:classappend="${n==3}? 'active'"><i
class="small tags icon"></i><span th:text="#{index.tag}">标签</span></a>
<a href="#" th:href="@{/archives}" class="m-item item m-mobile-hide" th:classappend="${n==4}? 'active'"><i
class="small clone icon"></i><span th:text="#{index.archive}">归档</span></a>
<a href="#" th:href="@{/about}" class="m-item item m-mobile-hide" th:classappend="${n==5}? 'active'"><i
class="small info icon"></i><span th:text="#{index.aboutme}">站长信息</span></a>
<div class="right m-item item m-mobile-hide"> <div class="right m-item item m-mobile-hide">
<form name="search" action="" th:action="@{/search}" target="_blank" method="post"> <form name="search" action="" th:action="@{/search}" target="_blank" method="post">
<div class="ui icon inverted input"> <div class="ui icon inverted input">
@ -58,47 +65,14 @@
<!--底部footer--> <!--底部footer-->
<footer th:fragment="footer" class="ui inverted vertical segment m-padded-tb-massive "> <footer th:fragment="footer" class="ui inverted vertical segment m-padded-tb-massive ">
<div class="ui center aligned container " style="color: #4183c4"> <div class="ui center aligned container " style="color: #4183c4">
<div id="yiyan" class="ui m-text-thin m-text-spaced m-opacity-tiny center aligned" style="padding-bottom: 5px"></div> <div id="yiyan" class="ui m-text-thin m-text-spaced m-opacity-tiny center aligned"
<!-- <div class="three wide column">--> style="padding-bottom: 5px"></div>
<!-- <div class="ui inverted link list">-->
<!-- <h4 class="ui inverted header m-opacity-min">站长QQ</h4>-->
<!-- <div class="item">-->
<!-- <img src="../static/images/WeChat.jpg" th:src="@{/images/QQ.png}" CLASS="ui rounded image" alt="" style="width:110px">-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="three wide column">-->
<!-- <h4 class="ui inverted header m-opacity-min">最新动态</h4>-->
<!-- <div id="newblog-container">-->
<!-- <div class="ui inverted link list" th:fragment="newblogList">-->
<!-- <a href="#" th:href="@{/blog/{id}(id=${blog.id})}" target="_blank" class="item" th:each="blog : ${newblogs}" th:text="${blog.title}">我在等你2021年</a>-->
<!-- &lt;!&ndash;/*&ndash;&gt;-->
<!-- <a href="#" class="item">idea的操作笔记</a>-->
<!-- <a href="#" class="item">SpringBoot学习计划</a>-->
<!-- &lt;!&ndash;*/&ndash;&gt;-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="three wide column">-->
<!-- <h4 class="ui inverted header m-opacity-min">联系作者</h4>-->
<!-- <div class="ui inverted link list">-->
<!-- <a href="https://space.bilibili.com/424210875" class="item" target="_blank">我的B站</a>-->
<!-- <a href="#" class="item">Q Q: 754719461</a>-->
<!-- <a href="#" class="item">邮箱: qfmx520@163.com</a>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="seven wide column">-->
<!-- <h4 class="ui inverted header m-opacity-min">作者寄语</h4>-->
<!-- <p class="m-text-thin m-text-spaced m-opacity-min m-text-lined">-->
<!-- 相遇，心绪如白云飘飘;拥有，心花如雨露纷飞;错过，心灵如流沙肆虐。回首，幽情如蓝静夜清。白茶清欢无别事,我在等风也等你！-->
<!-- </p>-->
<!-- </div>-->
<p class="m-text-thin m-text-spaced m-opacity-tiny">©2021 浅枫沐雪</p> <p class="m-text-thin m-text-spaced m-opacity-tiny">©2021 浅枫沐雪</p>
<a href="https://www.foreverblog.cn/" class="d-inline-block text-muted" target="_blank"><img src="https://resource.upcdn.rainss.cn/2019/11/3368312888.png" th:src="@{/images/forever.png}" alt="" style="width:auto;height:16px;"> </a> <a href="https://www.foreverblog.cn/" class="d-inline-block text-muted" target="_blank"><img
src="https://resource.upcdn.rainss.cn/2019/11/3368312888.png" th:src="@{/images/forever.png}" alt=""
style="width:auto;height:16px;"> </a>
<p class="m-text-thin m-text-spaced m-opacity-tiny"> <p class="m-text-thin m-text-spaced m-opacity-tiny">
Process by <a href="http://start.spring.io" target="_blank">BOOT</a> · Theme is <a href="https://josxy.cn" target="_blank">MX</a> process by · xieyajun
</p> </p>
<!--分割线--> <!--分割线-->
<div class="ui inverted section divider"></div> <div class="ui inverted section divider"></div>
@ -120,15 +94,16 @@
<!--引入二维码生成插件 JS--> <!--引入二维码生成插件 JS-->
<script src="../static/lib/qrcode/qrcode.min.js" th:src="@{/lib/qrcode/qrcode.min.js}"></script> <script src="../static/lib/qrcode/qrcode.min.js" th:src="@{/lib/qrcode/qrcode.min.js}"></script>
<!--引入waypoints插件滚动条--> <!--引入waypoints插件滚动条-->
<script src="../static/lib/waypoints/jquery.waypoints.min.js" th:src="@{/lib/waypoints/jquery.waypoints.min.js}"></script> <script src="../static/lib/waypoints/jquery.waypoints.min.js"
th:src="@{/lib/waypoints/jquery.waypoints.min.js}"></script>
<script> <script>
$('#newblog-container').load(/*[[@{/footer/newblog}]]*/"/footer/newblog"); $('#newblog-container').load(/*[[@{/footer/newblog}]]*/"/footer/newblog");
</script> </script>
<script> <script>
let yiyan_url = "https://v1.hitokoto.cn/?c=f&encode=text"; let yiyan_url = "https://v1.hitokoto.cn/?c=f&encode=text";
$.get(yiyan_url, null, function (data) { $.get(yiyan_url, null, function (data) {
// 一言接口
$("#yiyan").text(data); $("#yiyan").text(data);
console.log(data);
}) })
</script> </script>
</th:block> </th:block>

16
src/main/resources/templates/about.html
View File

@ -80,10 +80,14 @@
<div class="ui teal basic left pointing label m-margin-tb-tiny">blockChain</div> <div class="ui teal basic left pointing label m-margin-tb-tiny">blockChain</div>
</div> </div>
<div class="ui bottom attached segment"> <div class="ui bottom attached segment">
<a href="https://github.com/qfmx" class="ui circular icon button m-margin-left-big" target="_blank"><i class="github icon"></i></a> <a href="https://github.com/qfmx" class="ui circular icon button m-margin-left-big" target="_blank"><i
class="github icon"></i></a>
<a href="#" class="ui wc circular icon button" target="_blank"><i class="weixin icon"></i></a> <a href="#" class="ui wc circular icon button" target="_blank"><i class="weixin icon"></i></a>
<a href="#" class="ui circular icon button" target="_blank"><i class="qq icon" data-content="745719461" data-position="bottom center"></i></a> <a href="#" class="ui circular icon button" target="_blank"><i class="qq icon"
<a href="https://space.bilibili.com/424210875" class="ui circular icon button" target="_blank"><i class=" icon">B</i></a> data-content="745719461"
data-position="bottom center"></i></a>
<a href="https://space.bilibili.com/424210875" class="ui circular icon button" target="_blank"><i
class=" icon">B</i></a>
</div> </div>
</div> </div>
</div> </div>
@ -101,7 +105,8 @@
<div class="ui inverted link list"> <div class="ui inverted link list">
<h4 class="ui inverted header m-opacity-min">站长微信</h4> <h4 class="ui inverted header m-opacity-min">站长微信</h4>
<div class="item"> <div class="item">
<img src="../static/images/WeChat.jpg" th:src="@{/images/WeChat.jpg}" CLASS="ui rounded image" alt="" style="width:110px"> <img src="../static/images/WeChat.jpg" th:src="@{/images/WeChat.jpg}" CLASS="ui rounded image"
alt="" style="width:110px">
</div> </div>
</div> </div>
</div> </div>
@ -124,7 +129,8 @@
</div> </div>
<div class="seven wide column"> <div class="seven wide column">
<h4 class="ui inverted header m-opacity-min">关于作者</h4> <h4 class="ui inverted header m-opacity-min">关于作者</h4>
<p class="m-text-thin m-text-spaced m-opacity-min m-text-lined">作者是一名springboot爱好者,是一名正在努力奋斗的学生,主要学习JavaEE开发,Web前端等技术.作者是个喜欢旅行的孩子,目标是游遍全世界！</p> <p class="m-text-thin m-text-spaced m-opacity-min m-text-lined">
作者是一名springboot爱好者,是一名正在努力奋斗的学生,主要学习JavaEE开发,Web前端等技术.作者是个喜欢旅行的孩子,目标是游遍全世界！</p>
</div> </div>
</div> </div>
<!--分割线--> <!--分割线-->

25
src/main/resources/templates/admin/_fragments.html
View File

@ -6,11 +6,12 @@
<meta name="viewport" content="device-width, initial-scale=1.0"> <meta name="viewport" content="device-width, initial-scale=1.0">
<title th:replace="${title}">博客详情</title> <title th:replace="${title}">博客详情</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/semantic-ui/2.2.4/semantic.min.css"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/semantic-ui/2.2.4/semantic.min.css">
<link rel="stylesheet" href="../../static/lib/editormd/css/editormd.min.css" th:href="@{/lib/editormd/css/editormd.min.css}"> <link rel="stylesheet" href="../../static/lib/editormd/css/editormd.min.css"
th:href="@{/lib/editormd/css/editormd.min.css}">
<link rel="stylesheet" href="../static/css/me.css" th:href="@{/css/me.css}"> <link rel="stylesheet" href="../static/css/me.css" th:href="@{/css/me.css}">
<!--图标部署--> <!--图标部署-->
<link rel="shortcut icon" href="/favicon.ico" /> <link rel="shortcut icon" href="/static/favicon.ico"/>
<link rel="bookmark" href="/favicon.ico" type="image/x-icon"/> <link rel="bookmark" href="/static/favicon.ico" type="image/x-icon"/>
</head> </head>
<body> <body>
@ -19,14 +20,19 @@
<div class="ui container"> <div class="ui container">
<div class="ui inverted secondary stackable menu"> <div class="ui inverted secondary stackable menu">
<h2 class="ui teal header item">浅枫沐雪</h2> <h2 class="ui teal header item">浅枫沐雪</h2>
<a href="#" th:href="@{/admin/blogs}" class="m-item item m-mobile-hide" th:classappend="${n==1}? 'active'"><i class="small home icon"></i>博客管理</a> <a href="#" th:href="@{/admin/blogs}" class="m-item item m-mobile-hide"
<a href="#" th:href="@{/admin/types}" class="m-item item m-mobile-hide" th:classappend="${n==2}? 'active'"><i class="small idea icon"></i>分类管理</a> th:classappend="${n==1}? 'active'"><i class="small home icon"></i>博客管理</a>
<a href="#" th:href="@{/admin/tags}" class="m-item item m-mobile-hide" th:classappend="${n==3}? 'active'" ><i class="small tags icon"></i>标签管理</a> <a href="#" th:href="@{/admin/types}" class="m-item item m-mobile-hide" th:classappend="${n==2}? 'active'"><i
<a href="#" th:href="@{/}" target="_blank" class="m-item item m-mobile-hide" th:classappend="${n==4}? 'active'" ><i class="small idea icon"></i>网站</a> class="small idea icon"></i>分类管理</a>
<a href="#" th:href="@{/admin/tags}" class="m-item item m-mobile-hide" th:classappend="${n==3}? 'active'"><i
class="small tags icon"></i>标签管理</a>
<a href="#" th:href="@{/}" target="_blank" class="m-item item m-mobile-hide"
th:classappend="${n==4}? 'active'"><i class="small idea icon"></i>网站</a>
<div class="right m-item m-mobile-hide menu"> <div class="right m-item m-mobile-hide menu">
<div class="ui dropdown item"> <div class="ui dropdown item">
<div class="text "> <div class="text ">
<img class="ui avatar image" src="https://picsum.photos/id/1011/100/100" th:src="${session.user.avatar}"> <img class="ui avatar image" src="https://picsum.photos/id/1011/100/100"
th:src="${session.user.avatar}">
<span th:text="${session.user.nickname}"></span> <span th:text="${session.user.nickname}"></span>
</div> </div>
<i class="dropdown icon"></i> <i class="dropdown icon"></i>
@ -52,7 +58,8 @@
</div> </div>
<!--分割线--> <!--分割线-->
<div class="ui inverted section divider"></div> <div class="ui inverted section divider"></div>
<p class="m-text-thin m-text-spaced m-opacity-tiny" th:text="#{index.copyright}">Copy © 2020 - 2021 作者:浅枫沐雪 此站仅供个人所有 如有疑问联系作者</p> <p class="m-text-thin m-text-spaced m-opacity-tiny" th:text="#{index.copyright}">Copy © 2020 - 2021 作者:浅枫沐雪
此站仅供个人所有 如有疑问联系作者</p>
</div> </div>
</footer> </footer>

42
src/main/resources/templates/admin/blogs-input.html
View File

@ -14,7 +14,8 @@
</head> </head>
<body> <body>
<!--导航--> <!--导航-->
<nav th:replace="admin/_fragments :: menu(1)"class="ui inverted attached segment segment m-padded-tb-mini m-shadow-small"> <nav th:replace="admin/_fragments :: menu(1)"
class="ui inverted attached segment segment m-padded-tb-mini m-shadow-small">
<div class="ui container"> <div class="ui container">
<div class="ui inverted secondary stackable menu"> <div class="ui inverted secondary stackable menu">
<h2 class="ui teal header item">后台管理</h2> <h2 class="ui teal header item">后台管理</h2>
@ -91,7 +92,9 @@
<i class="dropdown icon"></i> <i class="dropdown icon"></i>
<div class="default text">分类</div> <div class="default text">分类</div>
<div class="menu"> <div class="menu">
<div th:each="type : ${types}" class="item" data-value="1" th:data-value="${type.id}" th:text="${type.name}">分类1</div> <div th:each="type : ${types}" class="item" data-value="1" th:data-value="${type.id}"
th:text="${type.name}">分类1
</div>
<!--/*--> <!--/*-->
<div class="item" data-value="2">分类2</div> <div class="item" data-value="2">分类2</div>
<div class="item" data-value="3">分類3</div> <div class="item" data-value="3">分類3</div>
@ -108,7 +111,9 @@
<i class="dropdown icon"></i> <i class="dropdown icon"></i>
<div class="default text">标签</div> <div class="default text">标签</div>
<div class="menu"> <div class="menu">
<div th:each="tag : ${tags}" class="item" data-value="1" th:data-value="${tag.id}" th:text="${tag.name}">标签1</div> <div th:each="tag : ${tags}" class="item" data-value="1" th:data-value="${tag.id}"
th:text="${tag.name}">标签1
</div>
<!--/*--> <!--/*-->
<div class="item" data-value="2">标签2</div> <div class="item" data-value="2">标签2</div>
<div class="item" data-value="3">标签3</div> <div class="item" data-value="3">标签3</div>
@ -118,13 +123,23 @@
</div> </div>
</div> </div>
</div> </div>
<div class="two fields">
<div class="field"> <div class="field">
<div class="ui left labeled input"> <div class="ui left labeled input">
<label class="ui teal basic label">首图</label> <label class="ui teal basic label">首圖</label>
<input type="text" name="firstPicture" placeholder="首图引用地址" th:value="${firstPicture}"> <input type="text" name="firstPicture" placeholder="首图引用地址" th:value="${firstPicture}">
</div> </div>
</div> </div>
<div class="field">
<div class="ui left labeled input">
<label class="ui teal basic label">隨機首圖</label>
<div class="ui toggle checkbox" style="margin: 10px">
<input type="checkbox" name="tyu" tabindex="0" class="hidden"/>
</div>
</div>
</div>
</div>
<!--博客描述文本域--> <!--博客描述文本域-->
<div class="required field"> <div class="required field">
<textarea name="description" th:text="*{description}" placeholder="博客描述..." maxlength="200"></textarea> <textarea name="description" th:text="*{description}" placeholder="博客描述..." maxlength="200"></textarea>
@ -133,25 +148,29 @@
<div class="field"> <div class="field">
<div class="ui checkbox"> <div class="ui checkbox">
<!--hidden表示默认未选中--> <!--hidden表示默认未选中-->
<input type="checkbox" id="recommend" name="recommend" checked class="hidden" th:checked="*{recommend}"> <input type="checkbox" id="recommend" name="recommend" checked class="hidden"
th:checked="*{recommend}">
<label for="recommend">推荐</label> <label for="recommend">推荐</label>
</div> </div>
</div> </div>
<div class="field"> <div class="field">
<div class="ui checkbox"> <div class="ui checkbox">
<input type="checkbox" id="shareStatement" name="shareStatement" class="hidden" th:checked="*{shareStatement}"> <input type="checkbox" id="shareStatement" name="shareStatement" class="hidden"
th:checked="*{shareStatement}">
<label for="shareStatement">转载声明</label> <label for="shareStatement">转载声明</label>
</div> </div>
</div> </div>
<div class="field"> <div class="field">
<div class="ui checkbox"> <div class="ui checkbox">
<input type="checkbox" id="appreciation" name="appreciation" class="hidden" th:checked="*{appreciation}"> <input type="checkbox" id="appreciation" name="appreciation" class="hidden"
th:checked="*{appreciation}">
<label for="appreciation">赞赏</label> <label for="appreciation">赞赏</label>
</div> </div>
</div> </div>
<div class="field"> <div class="field">
<div class="ui checkbox"> <div class="ui checkbox">
<input type="checkbox" id="commentabled" name="commentabled" class="hidden" th:checked="*{commentabled}"> <input type="checkbox" id="commentabled" name="commentabled" class="hidden"
th:checked="*{commentabled}">
<label for="commentabled">评论</label> <label for="commentabled">评论</label>
</div> </div>
</div> </div>
@ -206,7 +225,8 @@
</div> </div>
<div class="seven wide column"> <div class="seven wide column">
<h4 class="ui inverted header m-opacity-min">关于作者</h4> <h4 class="ui inverted header m-opacity-min">关于作者</h4>
<p class="m-text-thin m-text-spaced m-opacity-min m-text-lined">作者是一名springboot爱好者,是一名正在努力奋斗的学生,主要学习JavaEE开发,Web前端等技术.作者是个喜欢旅行的孩子,目标是游遍全世界！</p> <p class="m-text-thin m-text-spaced m-opacity-min m-text-lined">
作者是一名springboot爱好者,是一名正在努力奋斗的学生,主要学习JavaEE开发,Web前端等技术.作者是个喜欢旅行的孩子,目标是游遍全世界！</p>
</div> </div>
</div> </div>
<!--分割线--> <!--分割线-->
@ -261,6 +281,8 @@
$('#blog-form').submit(); $('#blog-form').submit();
}); });
$('.ui.checkbox').checkbox();
/*表单校验*/ /*表单校验*/
$('.ui.form').form({ $('.ui.form').form({
fields: { fields: {

26
src/main/resources/templates/admin/blogs.html
View File

@ -12,7 +12,8 @@
</head> </head>
<body> <body>
<!--导航--> <!--导航-->
<nav th:replace="admin/_fragments :: menu(1)" class="ui inverted attached segment segment m-padded-tb-mini m-shadow-small"> <nav th:replace="admin/_fragments :: menu(1)"
class="ui inverted attached segment segment m-padded-tb-mini m-shadow-small">
<div class="ui container"> <div class="ui container">
<div class="ui inverted secondary stackable menu"> <div class="ui inverted secondary stackable menu">
<h2 class="ui teal header item">后台管理</h2> <h2 class="ui teal header item">后台管理</h2>
@ -66,7 +67,9 @@
<i class="dropdown icon"></i> <i class="dropdown icon"></i>
<div class="default text">分类</div> <div class="default text">分类</div>
<div class="menu"> <div class="menu">
<div th:each="type : ${types}" class="item" data-value="1" th:data-value="${type.id}" th:text="${type.name}">旅行</div> <div th:each="type : ${types}" class="item" data-value="1" th:data-value="${type.id}"
th:text="${type.name}">旅行
</div>
<!--/*--> <!--/*-->
<div class="item" data-value="2">生活</div> <div class="item" data-value="2">生活</div>
<div class="item" data-value="3">Spring</div> <div class="item" data-value="3">Spring</div>
@ -87,7 +90,8 @@
</div> </div>
<div class="field"> <div class="field">
<!--搜索--> <!--搜索-->
<button type="button" id="search-btn" class="ui tiny teal button"><i class="search icon"></i>搜索</button> <button type="button" id="search-btn" class="ui tiny teal button"><i class="search icon"></i>搜索
</button>
</div> </div>
</div> </div>
</div> </div>
@ -113,8 +117,10 @@
<td th:text="${blog.published} ? '发布' :'草稿'">推荐</td> <td th:text="${blog.published} ? '发布' :'草稿'">推荐</td>
<td th:text="${blog.updateTime}">2018-7-12</td> <td th:text="${blog.updateTime}">2018-7-12</td>
<td data-label="make"> <td data-label="make">
<a href="#" th:href="@{/admin/blogs/{id}/input(id=${blog.id})}" class="ui m-margin-right tiny teal button">修改</a> <a href="#" th:href="@{/admin/blogs/{id}/input(id=${blog.id})}"
<a href="#" th:href="@{/admin/blogs/{id}/delete(id=${blog.id})}" class="ui m-margin-right tiny red button">删除</a> class="ui m-margin-right tiny teal button">修改</a>
<a href="#" th:href="@{/admin/blogs/{id}/delete(id=${blog.id})}"
class="ui m-margin-right tiny red button">删除</a>
</td> </td>
</tr> </tr>
</tbody> </tbody>
@ -122,8 +128,10 @@
<!--分页组件--> <!--分页组件-->
<th colspan="7"> <th colspan="7">
<div class="ui mini pagination menu" th:if="${page.totalPages}>1"> <div class="ui mini pagination menu" th:if="${page.totalPages}>1">
<a onclick="page(this)" th:attr="data-page=${page.number}-1" class="item" th:unless="${page.first}">上一页</a> <a onclick="page(this)" th:attr="data-page=${page.number}-1" class="item"
<a onclick="page(this)" th:attr="data-page=${page.number}+1" class=" item" th:unless="${page.last}">下一页</a> th:unless="${page.first}">上一页</a>
<a onclick="page(this)" th:attr="data-page=${page.number}+1" class=" item"
th:unless="${page.last}">下一页</a>
</div> </div>
<a href="#" th:href="@{/admin/blogs/input}" class="ui tiny orange right floated button">新增</a> <a href="#" th:href="@{/admin/blogs/input}" class="ui tiny orange right floated button">新增</a>
</th> </th>
@ -170,7 +178,8 @@
</div> </div>
<div class="seven wide column"> <div class="seven wide column">
<h4 class="ui inverted header m-opacity-min">关于作者</h4> <h4 class="ui inverted header m-opacity-min">关于作者</h4>
<p class="m-text-thin m-text-spaced m-opacity-min m-text-lined">作者是一名springboot爱好者,是一名正在努力奋斗的学生,主要学习JavaEE开发,Web前端等技术.作者是个喜欢旅行的孩子,目标是游遍全世界！</p> <p class="m-text-thin m-text-spaced m-opacity-min m-text-lined">
作者是一名springboot爱好者,是一名正在努力奋斗的学生,主要学习JavaEE开发,Web前端等技术.作者是个喜欢旅行的孩子,目标是游遍全世界！</p>
</div> </div>
</div> </div>
<!--分割线--> <!--分割线-->
@ -193,6 +202,7 @@
$('.ui.dropdown').dropdown({ $('.ui.dropdown').dropdown({
on: 'hover' on: 'hover'
}); });
/*分页*/ /*分页*/
function page(obj) { function page(obj) {
$("[name='page']").val($(obj).data("page")); $("[name='page']").val($(obj).data("page"));

9
src/main/resources/templates/admin/index.html
View File

@ -12,7 +12,8 @@
</head> </head>
<body> <body>
<!--导航--> <!--导航-->
<nav th:replace="admin/_fragments :: menu(1)" class="ui inverted attached segment segment m-padded-tb-mini m-shadow-small"> <nav th:replace="admin/_fragments :: menu(1)"
class="ui inverted attached segment segment m-padded-tb-mini m-shadow-small">
<div class="ui container"> <div class="ui container">
<div class="ui inverted secondary stackable menu"> <div class="ui inverted secondary stackable menu">
<h2 class="ui teal header item">后台管理</h2> <h2 class="ui teal header item">后台管理</h2>
@ -57,7 +58,8 @@
<h3>浅枫沐雪</h3> <h3>浅枫沐雪</h3>
<p>欢迎登录, 疾风大神！</p> <p>欢迎登录, 疾风大神！</p>
</div> </div>
<img src="../../static/images/mvp.jpg" th:src="@{/images/mvp.jpg}" alt="" class="ui rounded bordered fluid image"> <img src="../../static/images/mvp.jpg" th:src="@{/images/mvp.jpg}" alt=""
class="ui rounded bordered fluid image">
</div> </div>
</div> </div>
<br> <br>
@ -92,7 +94,8 @@
</div> </div>
<div class="seven wide column"> <div class="seven wide column">
<h4 class="ui inverted header m-opacity-min">关于作者</h4> <h4 class="ui inverted header m-opacity-min">关于作者</h4>
<p class="m-text-thin m-text-spaced m-opacity-min m-text-lined">作者是一名springboot爱好者,是一名正在努力奋斗的学生,主要学习JavaEE开发,Web前端等技术.作者是个喜欢旅行的孩子,目标是游遍全世界！</p> <p class="m-text-thin m-text-spaced m-opacity-min m-text-lined">
作者是一名springboot爱好者,是一名正在努力奋斗的学生,主要学习JavaEE开发,Web前端等技术.作者是个喜欢旅行的孩子,目标是游遍全世界！</p>
</div> </div>
</div> </div>
<!--分割线--> <!--分割线-->

3
src/main/resources/templates/admin/login.html
View File

@ -43,7 +43,8 @@
</div> </div>
<div class="ui error mini message"></div> <div class="ui error mini message"></div>
<div class="ui mini negative message" th:unless="${#strings.isEmpty(message)}" th:text="${message}"></div> <div class="ui mini negative message" th:unless="${#strings.isEmpty(message)}"
th:text="${message}"></div>
</form> </form>
</div> </div>

9
src/main/resources/templates/admin/tags-input.html
View File

@ -14,7 +14,8 @@
</head> </head>
<body> <body>
<!--导航--> <!--导航-->
<nav th:replace="admin/_fragments :: menu(3)" class="ui inverted attached segment segment m-padded-tb-mini m-shadow-small"> <nav th:replace="admin/_fragments :: menu(3)"
class="ui inverted attached segment segment m-padded-tb-mini m-shadow-small">
<div class="ui container"> <div class="ui container">
<div class="ui inverted secondary stackable menu"> <div class="ui inverted secondary stackable menu">
<h2 class="ui teal header item">后台管理</h2> <h2 class="ui teal header item">后台管理</h2>
@ -57,7 +58,8 @@
<div class="m-container-small m-padded-tb-big"> <div class="m-container-small m-padded-tb-big">
<!--适应移动端手机--> <!--适应移动端手机-->
<div class="ui container"> <div class="ui container">
<form action="#" method="post" th:object="${tag}" th:action="*{id}==null ? @{/admin/tags} : @{/admin/tags/{id}(id=*{id})} " class="ui form"> <form action="#" method="post" th:object="${tag}"
th:action="*{id}==null ? @{/admin/tags} : @{/admin/tags/{id}(id=*{id})} " class="ui form">
<div class="required field"> <div class="required field">
<input type="hidden" name="id" th:value="*{id}"> <input type="hidden" name="id" th:value="*{id}">
<div class="ui left labeled input"> <div class="ui left labeled input">
@ -125,7 +127,8 @@
</div> </div>
<div class="seven wide column"> <div class="seven wide column">
<h4 class="ui inverted header m-opacity-min">关于作者</h4> <h4 class="ui inverted header m-opacity-min">关于作者</h4>
<p class="m-text-thin m-text-spaced m-opacity-min m-text-lined">作者是一名springboot爱好者,是一名正在努力奋斗的学生,主要学习JavaEE开发,Web前端等技术.作者是个喜欢旅行的孩子,目标是游遍全世界！</p> <p class="m-text-thin m-text-spaced m-opacity-min m-text-lined">
作者是一名springboot爱好者,是一名正在努力奋斗的学生,主要学习JavaEE开发,Web前端等技术.作者是个喜欢旅行的孩子,目标是游遍全世界！</p>
</div> </div>
</div> </div>
<!--分割线--> <!--分割线-->

12
src/main/resources/templates/admin/tags.html
View File

@ -12,7 +12,8 @@
</head> </head>
<body> <body>
<!--导航--> <!--导航-->
<nav th:replace="admin/_fragments :: menu(3)" class="ui inverted attached segment segment m-padded-tb-mini m-shadow-small"> <nav th:replace="admin/_fragments :: menu(3)"
class="ui inverted attached segment segment m-padded-tb-mini m-shadow-small">
<div class="ui container"> <div class="ui container">
<div class="ui inverted secondary stackable menu"> <div class="ui inverted secondary stackable menu">
<h2 class="ui teal header item">后台管理</h2> <h2 class="ui teal header item">后台管理</h2>
@ -73,8 +74,10 @@
<td th:text="${iterStat.count}">1</td> <td th:text="${iterStat.count}">1</td>
<td data-label="name" th:text="${tag.name}">学习</td> <td data-label="name" th:text="${tag.name}">学习</td>
<td data-label="right make"> <td data-label="right make">
<a href="#" th:href="@{/admin/tags/{id}/input(id=${tag.id})}" class="ui m-margin-right tiny teal button">修改</a> <a href="#" th:href="@{/admin/tags/{id}/input(id=${tag.id})}"
<a href="#" th:href="@{/admin/tags/{id}/delete(id=${tag.id})}" class="ui m-margin-right tiny red button">删除</a> class="ui m-margin-right tiny teal button">修改</a>
<a href="#" th:href="@{/admin/tags/{id}/delete(id=${tag.id})}"
class="ui m-margin-right tiny red button">删除</a>
</td> </td>
</tr> </tr>
@ -126,7 +129,8 @@
</div> </div>
<div class="seven wide column"> <div class="seven wide column">
<h4 class="ui inverted header m-opacity-min">关于作者</h4> <h4 class="ui inverted header m-opacity-min">关于作者</h4>
<p class="m-text-thin m-text-spaced m-opacity-min m-text-lined">作者是一名springboot爱好者,是一名正在努力奋斗的学生,主要学习JavaEE开发,Web前端等技术.作者是个喜欢旅行的孩子,目标是游遍全世界！</p> <p class="m-text-thin m-text-spaced m-opacity-min m-text-lined">
作者是一名springboot爱好者,是一名正在努力奋斗的学生,主要学习JavaEE开发,Web前端等技术.作者是个喜欢旅行的孩子,目标是游遍全世界！</p>
</div> </div>
</div> </div>
<!--分割线--> <!--分割线-->

9
src/main/resources/templates/admin/types-input.html
View File

@ -14,7 +14,8 @@
</head> </head>
<body> <body>
<!--导航--> <!--导航-->
<nav th:replace="admin/_fragments :: menu(2)" class="ui inverted attached segment segment m-padded-tb-mini m-shadow-small"> <nav th:replace="admin/_fragments :: menu(2)"
class="ui inverted attached segment segment m-padded-tb-mini m-shadow-small">
<div class="ui container"> <div class="ui container">
<div class="ui inverted secondary stackable menu"> <div class="ui inverted secondary stackable menu">
<h2 class="ui teal header item">后台管理</h2> <h2 class="ui teal header item">后台管理</h2>
@ -57,7 +58,8 @@
<div class="m-container-small m-padded-tb-big"> <div class="m-container-small m-padded-tb-big">
<!--适应移动端手机--> <!--适应移动端手机-->
<div class="ui container"> <div class="ui container">
<form action="#" method="post" th:object="${type}" th:action="*{id}==null ? @{/admin/types} : @{/admin/types/{id}(id=*{id})} " class="ui form"> <form action="#" method="post" th:object="${type}"
th:action="*{id}==null ? @{/admin/types} : @{/admin/types/{id}(id=*{id})} " class="ui form">
<div class="required field"> <div class="required field">
<input type="hidden" name="id" th:value="*{id}"> <input type="hidden" name="id" th:value="*{id}">
<div class="ui left labeled input"> <div class="ui left labeled input">
@ -125,7 +127,8 @@
</div> </div>
<div class="seven wide column"> <div class="seven wide column">
<h4 class="ui inverted header m-opacity-min">关于作者</h4> <h4 class="ui inverted header m-opacity-min">关于作者</h4>
<p class="m-text-thin m-text-spaced m-opacity-min m-text-lined">作者是一名springboot爱好者,是一名正在努力奋斗的学生,主要学习JavaEE开发,Web前端等技术.作者是个喜欢旅行的孩子,目标是游遍全世界！</p> <p class="m-text-thin m-text-spaced m-opacity-min m-text-lined">
作者是一名springboot爱好者,是一名正在努力奋斗的学生,主要学习JavaEE开发,Web前端等技术.作者是个喜欢旅行的孩子,目标是游遍全世界！</p>
</div> </div>
</div> </div>
<!--分割线--> <!--分割线-->

12
src/main/resources/templates/admin/types.html
View File

@ -12,7 +12,8 @@
</head> </head>
<body> <body>
<!--导航--> <!--导航-->
<nav th:replace="admin/_fragments :: menu(2)" class="ui inverted attached segment segment m-padded-tb-mini m-shadow-small"> <nav th:replace="admin/_fragments :: menu(2)"
class="ui inverted attached segment segment m-padded-tb-mini m-shadow-small">
<div class="ui container"> <div class="ui container">
<div class="ui inverted secondary stackable menu"> <div class="ui inverted secondary stackable menu">
<h2 class="ui teal header item">后台管理</h2> <h2 class="ui teal header item">后台管理</h2>
@ -73,8 +74,10 @@
<td th:text="${iterStat.count}">1</td> <td th:text="${iterStat.count}">1</td>
<td data-label="name" th:text="${type.name}">学习</td> <td data-label="name" th:text="${type.name}">学习</td>
<td data-label="right make"> <td data-label="right make">
<a href="#" th:href="@{/admin/types/{id}/input(id=${type.id})}" class="ui m-margin-right tiny teal button">修改</a> <a href="#" th:href="@{/admin/types/{id}/input(id=${type.id})}"
<a href="#" th:href="@{/admin/types/{id}/delete(id=${type.id})}" class="ui m-margin-right tiny red button">删除</a> class="ui m-margin-right tiny teal button">修改</a>
<a href="#" th:href="@{/admin/types/{id}/delete(id=${type.id})}"
class="ui m-margin-right tiny red button">删除</a>
</td> </td>
</tr> </tr>
@ -126,7 +129,8 @@
</div> </div>
<div class="seven wide column"> <div class="seven wide column">
<h4 class="ui inverted header m-opacity-min">关于作者</h4> <h4 class="ui inverted header m-opacity-min">关于作者</h4>
<p class="m-text-thin m-text-spaced m-opacity-min m-text-lined">作者是一名springboot爱好者,是一名正在努力奋斗的学生,主要学习JavaEE开发,Web前端等技术.作者是个喜欢旅行的孩子,目标是游遍全世界！</p> <p class="m-text-thin m-text-spaced m-opacity-min m-text-lined">
作者是一名springboot爱好者,是一名正在努力奋斗的学生,主要学习JavaEE开发,Web前端等技术.作者是个喜欢旅行的孩子,目标是游遍全世界！</p>
</div> </div>
</div> </div>
<!--分割线--> <!--分割线-->

12
src/main/resources/templates/archives.html
View File

@ -58,11 +58,13 @@
<th:block th:each="item : ${archiveMap}"> <th:block th:each="item : ${archiveMap}">
<h3 class="ui center aligned header" th:text="${item.key}">2019</h3> <h3 class="ui center aligned header" th:text="${item.key}">2019</h3>
<div class="ui fluid vertical menu"> <div class="ui fluid vertical menu">
<a href="#" th:href="@{/blog/{id}(id=${blog.id})}" target="_blank" class="item" th:each="blog: ${item.value}"> <a href="#" th:href="@{/blog/{id}(id=${blog.id})}" target="_blank" class="item"
th:each="blog: ${item.value}">
<span> <span>
<i class=" teal tiny circle icon "></i> <i class=" teal tiny circle icon "></i>
<span th:text="${blog.title}">关于如何学习JavaEE</span> <span th:text="${blog.title}">关于如何学习JavaEE</span>
<div class="ui teal basic small label m-margin-left" th:text="${#dates.format(blog.updateTime,'MMMdd')}">10月01</div> <div class="ui teal basic small label m-margin-left"
th:text="${#dates.format(blog.updateTime,'MMMdd')}">10月01</div>
</span> </span>
<div class="ui orange basic label" th:text="${blog.flag}">原创</div> <div class="ui orange basic label" th:text="${blog.flag}">原创</div>
</a> </a>
@ -148,7 +150,8 @@
<div class="ui inverted link list"> <div class="ui inverted link list">
<h4 class="ui inverted header m-opacity-min">站长微信</h4> <h4 class="ui inverted header m-opacity-min">站长微信</h4>
<div class="item"> <div class="item">
<img src="../static/images/WeChat.jpg" th:src="@{/images/WeChat.jpg}" CLASS="ui rounded image" alt="" style="width:110px"> <img src="../static/images/WeChat.jpg" th:src="@{/images/WeChat.jpg}" CLASS="ui rounded image"
alt="" style="width:110px">
</div> </div>
</div> </div>
</div> </div>
@ -171,7 +174,8 @@
</div> </div>
<div class="seven wide column"> <div class="seven wide column">
<h4 class="ui inverted header m-opacity-min">关于作者</h4> <h4 class="ui inverted header m-opacity-min">关于作者</h4>
<p class="m-text-thin m-text-spaced m-opacity-min m-text-lined">作者是一名springboot爱好者,是一名正在努力奋斗的学生,主要学习JavaEE开发,Web前端等技术.作者是个喜欢旅行的孩子,目标是游遍全世界！</p> <p class="m-text-thin m-text-spaced m-opacity-min m-text-lined">
作者是一名springboot爱好者,是一名正在努力奋斗的学生,主要学习JavaEE开发,Web前端等技术.作者是个喜欢旅行的孩子,目标是游遍全世界！</p>
</div> </div>
</div> </div>
<!--分割线--> <!--分割线-->

151
src/main/resources/templates/blog.html
View File

@ -50,7 +50,8 @@
<div class="ui top attached segment"> <div class="ui top attached segment">
<div class="ui horizontal link list"> <div class="ui horizontal link list">
<div class="item"> <div class="item">
<img src="https://picsum.photos/id/1011/100/100" th:src="@{${blog.user.avatar}}" alt="" class="ui avatar image"> <img src="https://picsum.photos/id/1011/100/100" th:src="@{${blog.user.avatar}}" alt=""
class="ui avatar image">
<div class="content"><a href="#" class="header" th:text="${blog.user.nickname}">QFMX</a></div> <div class="content"><a href="#" class="header" th:text="${blog.user.nickname}">QFMX</a></div>
</div> </div>
<div class="item"> <div class="item">
@ -64,7 +65,8 @@
</div> </div>
<div class="ui attached segment"> <div class="ui attached segment">
<!--封面图片--> <!--封面图片-->
<img src="https://unsplash.it/800/450?image=1005" th:src="@{${blog.firstPicture}}" alt="" class="ui fluid image"> <img src="https://unsplash.it/800/450?image=1005" th:src="@{${blog.firstPicture}}" alt=""
class="ui fluid image">
</div> </div>
<div class="ui attached padding segment"> <div class="ui attached padding segment">
<!--主要内容--> <!--主要内容-->
@ -73,7 +75,8 @@
</div> </div>
<h2 class="ui center aligned header" th:text="${blog.title}">semantic-ui的使用教程.</h2> <h2 class="ui center aligned header" th:text="${blog.title}">semantic-ui的使用教程.</h2>
<br> <br>
<div id="content" class="typo typo-selection js-toc-content m-padding-lr-responsive m-padded-tb-large" th:utext="${blog.content}"> <div id="content" class="typo typo-selection js-toc-content m-padding-lr-responsive m-padded-tb-large"
th:utext="${blog.content}">
<h2>&nbsp;</h2> <h2>&nbsp;</h2>
<h2 id="tagline" class="serif">一致化浏览器排版效果，构建最适合中文阅读的网页排版</h2> <h2 id="tagline" class="serif">一致化浏览器排版效果，构建最适合中文阅读的网页排版</h2>
@ -98,8 +101,10 @@
<p><i class="serif">Typo.css</i> 的目的是，在一致化浏览器排版效果的同时，构建最适合中文阅读的网页排版。</p> <p><i class="serif">Typo.css</i> 的目的是，在一致化浏览器排版效果的同时，构建最适合中文阅读的网页排版。</p>
<h4>现状和如何去做：</h4> <h4>现状和如何去做：</h4>
<p class="typo-first">排版是一个麻烦的问题 <sup><a href="#appendix1"># 附录一</a></sup>，需要精心设计，而这个设计却是常被视觉设计师所忽略的。前端工程师更常看到这样的问题，但不便变更。因为在多个 OS 中的不同浏览器渲染不同，改动需要多的时间做回归测试，所以改变变得更困难。而像我们一般使用的 <p class="typo-first">排版是一个麻烦的问题 <sup><a href="#appendix1"># 附录一</a></sup>，需要精心设计，而这个设计却是常被视觉设计师所忽略的。前端工程师更常看到这样的问题，但不便变更。因为在多个
Yahoo、Eric Meyer 和 Alice base.css 中采用的 Reset 都没有很好地考虑中文排版。<i class="serif">Typo.css</i> 要做的就是解决中文排版的问题。</p> OS 中的不同浏览器渲染不同，改动需要多的时间做回归测试，所以改变变得更困难。而像我们一般使用的
Yahoo、Eric Meyer 和 Alice base.css 中采用的 Reset 都没有很好地考虑中文排版。<i class="serif">Typo.css</i>
要做的就是解决中文排版的问题。</p>
<p><strong><i class="serif">Typo.css</i> 测试于如下平台：</strong></p> <p><strong><i class="serif">Typo.css</i> 测试于如下平台：</strong></p>
<pre><code class="language-java">p { color: red }</code></pre> <pre><code class="language-java">p { color: red }</code></pre>
@ -167,8 +172,10 @@
<h4>中文排版的重点和难点</h4> <h4>中文排版的重点和难点</h4>
<p>在中文排版中，HTML4 的很多标准在语义在都有照顾到。但从视觉效果上，却很难利用单独的 CSS 来实现，像<abbr title="在文字下多加一个点">着重号</abbr>（例：这里<em class="typo-em">强调一下</em>）。在 HTML4 中，专名号标签（<code>&lt;u&gt;</code>）已经被放弃，而 <p>在中文排版中，HTML4 的很多标准在语义在都有照顾到。但从视觉效果上，却很难利用单独的 CSS 来实现，像<abbr title="在文字下多加一个点">着重号</abbr>（例：这里<em
HTML5 被<a href="http://html5doctor.com/u-element/">重新提起</a>。<i class="serif">Typo.css</i> 也根据实际情况提供相应的方案。我们重要要注意的两点是：</p> class="typo-em">强调一下</em>）。在 HTML4 中，专名号标签（<code>&lt;u&gt;</code>）已经被放弃，而
HTML5 被<a href="http://html5doctor.com/u-element/">重新提起</a>。<i class="serif">Typo.css</i>
也根据实际情况提供相应的方案。我们重要要注意的两点是：</p>
<ol> <ol>
<li>语义：语义对应的用法和样式是否与中文排版一致</li> <li>语义：语义对应的用法和样式是否与中文排版一致</li>
<li>表现：在各浏览器中的字体、大小和缩放是否如排版预期</li> <li>表现：在各浏览器中的字体、大小和缩放是否如排版预期</li>
@ -210,70 +217,95 @@
title="张燕婴">我</abbr>的学说，纷纷到我这里来讨论问题，我也感到快乐；再退一步说，即使社会不采用，人们也不理解我，我也不怨恨，这样做，不也就是君子吗？（见《齐鲁学刊》1986年第6期文）这种解释可以自圆其说，而且也有一定的道理，供读者在理解本章内容时参考。 title="张燕婴">我</abbr>的学说，纷纷到我这里来讨论问题，我也感到快乐；再退一步说，即使社会不采用，人们也不理解我，我也不怨恨，这样做，不也就是君子吗？（见《齐鲁学刊》1986年第6期文）这种解释可以自圆其说，而且也有一定的道理，供读者在理解本章内容时参考。
</p> </p>
<p>此外，在对「人不知，而不愠」一句的解释中，也有人认为，「人不知」的后面没有宾语，人家不知道什么呢？当时因为孔子有说话的特定环境，他不需要说出知道什么，别人就可以理解了，却给后人留下一个谜。有人说，这一句是接上一句说的，从远方来的朋友向我求教，我告诉他，他还不懂，我却不怨恨。这样，「人不知」就是「人家不知道我所讲述的」了。这样的解释似乎有些牵强。</p> <p>
此外，在对「人不知，而不愠」一句的解释中，也有人认为，「人不知」的后面没有宾语，人家不知道什么呢？当时因为孔子有说话的特定环境，他不需要说出知道什么，别人就可以理解了，却给后人留下一个谜。有人说，这一句是接上一句说的，从远方来的朋友向我求教，我告诉他，他还不懂，我却不怨恨。这样，「人不知」就是「人家不知道我所讲述的」了。这样的解释似乎有些牵强。</p>
<p>总之，本章提出以学习为乐事，做到人不知而不愠，反映出孔子学而不厌、诲人不倦、注重修养、严格要求自己的主张。这些思想主张在《论语》书中多处可见，有助于对第一章内容的深入了解。</p> <p>总之，本章提出以学习为乐事，做到人不知而不愠，反映出孔子学而不厌、诲人不倦、注重修养、严格要求自己的主张。这些思想主张在《论语》书中多处可见，有助于对第一章内容的深入了解。</p>
<h3 id="section2-2">例2：英文排版</h3> <h3 id="section2-2">例2：英文排版</h3>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the
standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a industry's
type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining standard dummy text ever since the 1500s, when an unknown printer took a galley of type and
essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum scrambled it to make a
passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem type specimen book. It has survived not only five centuries, but also the leap into electronic
typesetting, remaining
essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets
containing Lorem Ipsum
passages, and more recently with desktop publishing software like Aldus PageMaker including versions
of Lorem
Ipsum.</p> Ipsum.</p>
<blockquote> <blockquote>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore
aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. et dolore magna
aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
commodo consequat.
</blockquote> </blockquote>
<h4>The standard Lorem Ipsum passage, used since the 1500s</h4> <h4>The standard Lorem Ipsum passage, used since the 1500s</h4>
<p>"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna <p>"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore
aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. et dolore magna
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
pariatur. Excepteur sint
occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."</p> occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."</p>
<h4>Section 1.10.32 of "de Finibus Bonorum et Malorum", written by Cicero in 45 BC</h4> <h4>Section 1.10.32 of "de Finibus Bonorum et Malorum", written by Cicero in 45 BC</h4>
<p>"Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, <p>"Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium,
eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam totam rem aperiam,
voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.
voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci Nemo enim ipsam
velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos
ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi qui ratione
consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet,
consectetur, adipisci
velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat
voluptatem. Ut enim
ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex
ea commodi
consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil
molestiae consequatur,
vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?"</p> vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?"</p>
<h4>List style in action</h4> <h4>List style in action</h4>
<ul> <ul>
<li>If you wish to succeed, you should use persistence as your good friend, experience as your reference, prudence as <li>If you wish to succeed, you should use persistence as your good friend, experience as your
reference, prudence as
your brother and hope as your sentry. your brother and hope as your sentry.
<p>如果你希望成功，当以恒心为良友，以经验为参谋，以谨慎为兄弟，以希望为哨兵。</p> <p>如果你希望成功，当以恒心为良友，以经验为参谋，以谨慎为兄弟，以希望为哨兵。</p>
</li> </li>
<li>Sometimes one pays most for the things one gets for nothing. <li>Sometimes one pays most for the things one gets for nothing.
<p>有时候一个人为不花钱得到的东西付出的代价最高。</p> <p>有时候一个人为不花钱得到的东西付出的代价最高。</p>
</li> </li>
<li>Only those who have the patience to do simple things perfectly ever acquire the skill to do difficult things <li>Only those who have the patience to do simple things perfectly ever acquire the skill to do
difficult things
easily. easily.
<p>只有有耐心圆满完成简单工作的人，才能够轻而易举的完成困难的事。</p> <p>只有有耐心圆满完成简单工作的人，才能够轻而易举的完成困难的事。</p>
</li> </li>
</ul> </ul>
<h4>You may want to create a perfect <code>&lt;hr /&gt;</code> line, despite the fact that there will never have one <h4>You may want to create a perfect <code>&lt;hr /&gt;</code> line, despite the fact that there will
never have one
</h4> </h4>
<hr/> <hr/>
<p><abbr title="法国作家罗切福考尔德">La Racheforcauld</abbr> said: <p><abbr title="法国作家罗切福考尔德">La Racheforcauld</abbr> said:
<mark>"Few things are impossible in themselves; and it is often for want of will, rather than of means, that man fails <mark>"Few things are impossible in themselves; and it is often for want of will, rather than of
means, that man fails
to succeed". to succeed".
</mark> </mark>
You just need to follow the browser's behavior, and set a right <code>margin</code> to it。it will works nice as the You just need to follow the browser's behavior, and set a right <code>margin</code> to it。it will
works nice as the
demo you're watching now. The following code is the best way to render typo in Chinese: demo you're watching now. The following code is the best way to render typo in Chinese:
</p> </p>
</div> </div>
<!--标签--> <!--标签-->
<div class="m-padding-lr-responsive"> <div class="m-padding-lr-responsive">
<div class="ui basic teal left pointing label" th:each="tag : ${blog.tags}" th:text="${tag.name}">SpringBoot</div> <div class="ui basic teal left pointing label" th:each="tag : ${blog.tags}" th:text="${tag.name}">
SpringBoot
</div>
</div> </div>
<!--打赏--> <!--打赏-->
<div th:if="${blog.appreciation}"> <div th:if="${blog.appreciation}">
@ -286,11 +318,13 @@
<div class="ui small images" style="font-size: inherit"> <div class="ui small images" style="font-size: inherit">
<div class="image"> <div class="image">
<!--支付宝打赏--> <!--支付宝打赏-->
<img src="../static/images/pay_wechat.jpg" th:src="@{/images/pay_wechat.jpg}" alt="" class="ui rounded bordered image" style="width: 140px"> <img src="../static/images/pay_wechat.jpg" th:src="@{/images/pay_wechat.jpg}" alt=""
class="ui rounded bordered image" style="width: 140px">
<div>微信</div> <div>微信</div>
</div> </div>
<div class="image"> <div class="image">
<img src="../static/images/pay_baby.jpg" th:src="@{/images/pay_baby.jpg}" alt="" class="ui rounded bordered image" style="width: 140px"> <img src="../static/images/pay_baby.jpg" th:src="@{/images/pay_baby.jpg}" alt=""
class="ui rounded bordered image" style="width: 140px">
<div>支付宝</div> <div>支付宝</div>
</div> </div>
</div> </div>
@ -304,15 +338,19 @@
<div class="ui middle aligned grid"> <div class="ui middle aligned grid">
<div class="eleven wide column"> <div class="eleven wide column">
<ui class="list"> <ui class="list">
<li>作者:<span th:text="${blog.user.nickname}">QFMX</span><a href="#" th:href="@{/about}" target="_blank">(联系作者)</a></li> <li>作者:<span th:text="${blog.user.nickname}">QFMX</span><a href="#" th:href="@{/about}"
target="_blank">(联系作者)</a></li>
<li>发表时间：<span th:text="${#dates.format(blog.updateTime,'yyyy-MM-dd HH:mm')}">2019-10-02 09:08</span></li> <li>发表时间：<span
th:text="${#dates.format(blog.updateTime,'yyyy-MM-dd HH:mm')}">2019-10-02 09:08</span>
</li>
<li>版权声明:自由转载-非商用-非衍生-保持署名(创作共享3.0许可证)</li> <li>版权声明:自由转载-非商用-非衍生-保持署名(创作共享3.0许可证)</li>
<li>公众号转载:请在文末添加作者公众号二维码</li> <li>公众号转载:请在文末添加作者公众号二维码</li>
</ui> </ui>
</div> </div>
<div class="five wide column"> <div class="five wide column">
<img src="../static/images/WeChat.jpg" th:src="@{/images/WeChat.jpg}" alt="" class="ui right floated rounded bordered image" style="width: 110px"> <img src="../static/images/WeChat.jpg" th:src="@{/images/WeChat.jpg}" alt=""
class="ui right floated rounded bordered image" style="width: 110px">
</div> </div>
</div> </div>
</div> </div>
@ -329,16 +367,21 @@
<div class="content"> <div class="content">
<a class="author"> <a class="author">
<span th:text="${comment.nickname}">Matt</span> <span th:text="${comment.nickname}">Matt</span>
<div class="ui mini basic teal left pointing label m-padded-mini" th:if="${comment.adminComment}">博主</div> <div class="ui mini basic teal left pointing label m-padded-mini"
th:if="${comment.adminComment}">博主
</div>
</a> </a>
<div class="metadata"> <div class="metadata">
<span class="date" th:text="${#dates.format(comment.createTime,'yyyy-MM-dd HH:mm')}">Today at 5:42PM</span> <span class="date"
th:text="${#dates.format(comment.createTime,'yyyy-MM-dd HH:mm')}">Today at 5:42PM</span>
</div> </div>
<div class="text" th:text="${comment.content}"> <div class="text" th:text="${comment.content}">
你的博客真棒！ 你的博客真棒！
</div> </div>
<div class="actions"> <div class="actions">
<a class="回复" data-commentid="1" data-commentnickname="Matt" th:attr="data-commentid=${comment.id},data-commentnickname=${comment.nickname}" onclick="reply(this)">回复</a> <a class="回复" data-commentid="1" data-commentnickname="Matt"
th:attr="data-commentid=${comment.id},data-commentnickname=${comment.nickname}"
onclick="reply(this)">回复</a>
</div> </div>
</div> </div>
<!--判断是否有子集回复--> <!--判断是否有子集回复-->
@ -350,17 +393,23 @@
<div class="content"> <div class="content">
<a class="author"> <a class="author">
<span th:text="${reply.nickname}">小白</span>&nbsp; <span th:text="${reply.nickname}">小白</span>&nbsp;
<div class="ui mini basic teal left pointing label m-padded-mini" th:if="${reply.adminComment}">博主</div> <div class="ui mini basic teal left pointing label m-padded-mini"
<span th:text="' @' + ${reply.parentComment.nickname}" class="m-teal">@ 小红</span> th:if="${reply.adminComment}">博主
</div>
<span th:text="' @' + ${reply.parentComment.nickname}"
class="m-teal">@ 小红</span>
</a> </a>
<div class="metadata"> <div class="metadata">
<span class="date" th:text="${#dates.format(reply.createTime,'yyyy-MM-dd HH:mm')}">Today at 5:42PM</span> <span class="date"
th:text="${#dates.format(reply.createTime,'yyyy-MM-dd HH:mm')}">Today at 5:42PM</span>
</div> </div>
<div class="text" th:text="${reply.content}"> <div class="text" th:text="${reply.content}">
你好呀！ 你好呀！
</div> </div>
<div class="actions"> <div class="actions">
<a class="回复" data-commentid="1" data-commentnickname="Matt" th:attr="data-commentid=${reply.id},data-commentnickname=${reply.nickname}" onclick="reply(this)">回复</a> <a class="回复" data-commentid="1" data-commentnickname="Matt"
th:attr="data-commentid=${reply.id},data-commentnickname=${reply.nickname}"
onclick="reply(this)">回复</a>
</div> </div>
</div> </div>
</div> </div>
@ -439,17 +488,21 @@
<div class="field m-mobile-wide m-margin-bottom-small"> <div class="field m-mobile-wide m-margin-bottom-small">
<div class="ui left icon input"> <div class="ui left icon input">
<i class="user icon"></i> <i class="user icon"></i>
<input name="nickname" type="text" placeholder="姓名" th:value="${session.user}!=null?${session.user.nickname}"> <input name="nickname" type="text" placeholder="姓名"
th:value="${session.user}!=null?${session.user.nickname}">
</div> </div>
</div> </div>
<div class="field m-mobile-wide m-margin-bottom-small"> <div class="field m-mobile-wide m-margin-bottom-small">
<div class="ui left icon input"> <div class="ui left icon input">
<i class="mail icon"></i> <i class="mail icon"></i>
<input name="email" type="email" placeholder="邮箱" th:value="${session.user}!=null?${session.user.email}"> <input name="email" type="email" placeholder="邮箱"
th:value="${session.user}!=null?${session.user.email}">
</div> </div>
</div> </div>
<div class="field m-margin-bottom-small m-mobile-wide"> <div class="field m-margin-bottom-small m-mobile-wide">
<button id="commentpost-btn" type="button" class="ui teal button m-mobile-wide"><i class="edit icon"></i>发布</button> <button id="commentpost-btn" type="button" class="ui teal button m-mobile-wide"><i
class="edit icon"></i>发布
</button>
</div> </div>
</div> </div>
<!--表单校验--> <!--表单校验-->
@ -471,7 +524,8 @@
</div> </div>
</div> </div>
<!--目录页面详情--> <!--目录页面详情-->
<div class="ui toc-container flowing popup transition hidden" style="width: 270px;border-radius: 6%; padding-right: 20px; background-color:#fffdf5 "> <div class="ui toc-container flowing popup transition hidden"
style="width: 270px;border-radius: 6%; padding-right: 20px; background-color:#fffdf5 ">
<!--js-toc目录生成地点--> <!--js-toc目录生成地点-->
<ol class="js-toc"></ol> <ol class="js-toc"></ol>
</div> </div>
@ -505,7 +559,8 @@
<!--引入二维码生成插件 JS--> <!--引入二维码生成插件 JS-->
<script src="../static/lib/qrcode/qrcode.min.js" th:src="@{/lib/qrcode/qrcode.min.js}"></script> <script src="../static/lib/qrcode/qrcode.min.js" th:src="@{/lib/qrcode/qrcode.min.js}"></script>
<!--引入waypoints插件滚动条--> <!--引入waypoints插件滚动条-->
<script src="../static/lib/waypoints/jquery.waypoints.min.js" th:src="@{/lib/waypoints/jquery.waypoints.min.js}"></script> <script src="../static/lib/waypoints/jquery.waypoints.min.js"
th:src="@{/lib/waypoints/jquery.waypoints.min.js}"></script>
<!--*/--> <!--*/-->
</th:block> </th:block>

69
src/main/resources/templates/index.html
View File

@ -4,10 +4,14 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<!--移动端预览--> <!--移动端预览-->
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>首页</title> <title>浅枫沐雪</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/semantic-ui/2.2.4/semantic.min.css"> <link rel="stylesheet"
href="https://cdn.jsdelivr.net/semantic-ui/2.2.4/semantic.min.css"
/>
<!--站顶图标配置-->
<link rel="icon" href="../static/favicon.ico" th:href="@{/favicon.ico}"/>
<!--引入自定义CSS--> <!--引入自定义CSS-->
<link rel="stylesheet" href="../static/css/me.css"> <link rel="stylesheet" href="../static/css/me.css" th:href="@{/css/me.css}"/>
</head> </head>
<body> <body>
<!--导航--> <!--导航-->
@ -27,7 +31,8 @@
<h3 class="ui teal header">最近动态</h3> <h3 class="ui teal header">最近动态</h3>
</dvi> </dvi>
<dvi class="right aligned column"> <dvi class="right aligned column">
共 <h2 class="ui orange header m-inline-blok m-text-thin" th:text="${page.totalElements}">14</h2>条 共 <h2 class="ui orange header m-inline-blok m-text-thin" th:text="${page.totalElements}">
14</h2>条
</dvi> </dvi>
</div> </div>
</div> </div>
@ -37,18 +42,22 @@
<!--mobile reversed反序--> <!--mobile reversed反序-->
<div class="ui middle aligned grid mobile reversed stackable"> <div class="ui middle aligned grid mobile reversed stackable">
<div class="eleven wide column"> <div class="eleven wide column">
<h3><a href="#" th:href="@{/blog/{id}(id=${blog.id})}" target="_blank" class="m-black" th:text="${blog.title}">庐山旅行记录-江西</a></h3> <h3><a href="#" th:href="@{/blog/{id}(id=${blog.id})}" target="_blank" class="m-black"
th:text="${blog.title}">庐山旅行记录-江西</a></h3>
<p class="m-text" th:text="|${blog.description}.....|">庐山，又名匡山、 <p class="m-text" th:text="|${blog.description}.....|">庐山，又名匡山、
匡庐，位于江西省九江市庐山市境内。介于东经115°52′—116°8′，北纬29°26′—29°41′之间。东偎婺源、鄱阳湖，南靠滕王阁，西邻京九铁路大通脉，北枕滔滔长江。 </p> 匡庐，位于江西省九江市庐山市境内。介于东经115°52′—116°8′，北纬29°26′—29°41′之间。东偎婺源、鄱阳湖，南靠滕王阁，西邻京九铁路大通脉，北枕滔滔长江。 </p>
<div class="ui grid"> <div class="ui grid">
<div class="eleven wide column"> <div class="eleven wide column">
<div class="ui mini horizontal link list"> <div class="ui mini horizontal link list">
<div class="item"> <div class="item">
<img src="https://picsum.photos/id/1011/100/100" alt="" class="ui avatar image" th:src="@{${blog.user.avatar}}" > <img src="https://picsum.photos/id/1011/100/100" alt=""
<div class="content"> <a href="#" th:href="@{/about}" class="header" th:text="${blog.user.nickname}">QFMX</a></div> class="ui avatar image" th:src="@{${blog.user.avatar}}">
<div class="content"><a href="#" th:href="@{/about}" class="header"
th:text="${blog.user.nickname}">QFMX</a></div>
</div> </div>
<div class="item"> <div class="item">
<i class="calendar icon"></i><span th:text="${#dates.format(blog.updateTime,'yyyy-MM-dd')}">2019-10-01</span> <i class="calendar icon"></i><span
th:text="${#dates.format(blog.updateTime,'yyyy-MM-dd')}">2019-10-01</span>
</div> </div>
<div class="item m-mobile-hide"> <div class="item m-mobile-hide">
<i class="eye icon"></i><span th:text="${blog.views}">7437</span> <i class="eye icon"></i><span th:text="${blog.views}">7437</span>
@ -56,14 +65,17 @@
</div> </div>
</div> </div>
<div class="five wide right aligned column"> <div class="five wide right aligned column">
<a href="#" th:href="@{/types/{id}(id=${blog.type.id})}" target="_blank" class="ui teal basic label m-padded-tiny m-text-thin" th:text="${blog.type.name}">认知升级</a> <a href="#" th:href="@{/types/{id}(id=${blog.type.id})}" target="_blank"
class="ui teal basic label m-padded-tiny m-text-thin"
th:text="${blog.type.name}">认知升级</a>
</div> </div>
</div> </div>
</div> </div>
<div class="five wide column"> <div class="five wide column">
<a href="#" th:href="@{/blog/{id}(id=${blog.id})}" target="_blank"> <a href="#" th:href="@{/blog/{id}(id=${blog.id})}" target="_blank">
<img src="https://picsum.photos/id/1011/800/400" alt="" th:src="@{${blog.firstPicture}}" class="ui round image"> <img src="https://picsum.photos/id/1011/800/400" alt=""
th:src="@{${blog.firstPicture}}" class="ui round image">
</a> </a>
</div> </div>
</div> </div>
@ -73,10 +85,12 @@
<div class="ui bottom attached segment" th:if="${page.totalPages}>1"> <div class="ui bottom attached segment" th:if="${page.totalPages}>1">
<div class="ui middle aligned two column grid"> <div class="ui middle aligned two column grid">
<dvi class="column"> <dvi class="column">
<a href="#" th:href="@{/(page=${page.number}-1)}" th:unless="${page.first}" class="ui mini teal basic button">上一页</a> <a href="#" th:href="@{/(page=${page.number}-1)}" th:unless="${page.first}"
class="ui mini teal basic button">上一页</a>
</dvi> </dvi>
<dvi class="right aligned column"> <dvi class="right aligned column">
<a href="#" th:href="@{/(page=${page.number}+1)}" th:unless="${page.last}" class="ui mini teal basic button">下一页</a> <a href="#" th:href="@{/(page=${page.number}+1)}" th:unless="${page.last}"
class="ui mini teal basic button">下一页</a>
</dvi> </dvi>
</div> </div>
</div> </div>
@ -90,7 +104,8 @@
<i class="idea icon"></i>分类 <i class="idea icon"></i>分类
</div> </div>
<div class="right aligned column"> <div class="right aligned column">
<a href="#" th:href="@{/types/-1}" target="_blank">more <i class="angle double right icon"></i></a> <a href="#" th:href="@{/types/-1}" target="_blank">more <i
class="angle double right icon"></i></a>
</div> </div>
</div> </div>
</div> </div>
@ -98,7 +113,9 @@
<div class="ui fluid vertical menu"> <div class="ui fluid vertical menu">
<a href="#" th:href="@{/types/{id}(id=${type.id})}" class="item" th:each="type : ${types}"> <a href="#" th:href="@{/types/{id}(id=${type.id})}" class="item" th:each="type : ${types}">
<span th:text="${type.name}">学习日志</span> <span th:text="${type.name}">学习日志</span>
<div class="ui teal basic left pointing label" th:text="${#arrays.length(type.blogs)}">10</div> <div class="ui teal basic left pointing label" th:text="${#arrays.length(type.blogs)}">
10
</div>
</a> </a>
<!--/*--> <!--/*-->
<a href="#" class="item"> <a href="#" class="item">
@ -133,12 +150,14 @@
<i class="tags icon"></i>标签 <i class="tags icon"></i>标签
</div> </div>
<div class="right aligned column"> <div class="right aligned column">
<a href="#" th:href="@{/tags/-1}" target="_blank">more <i class="angle double right icon"></i></a> <a href="#" th:href="@{/tags/-1}" target="_blank">more <i
class="angle double right icon"></i></a>
</div> </div>
</div> </div>
</div> </div>
<div class="ui teal segment"> <div class="ui teal segment">
<a href="#" th:href="@{/tags/{id}(id=${tag.id})}" class="ui teal basic center pointing label" th:each="tag : ${tags}"> <a href="#" th:href="@{/tags/{id}(id=${tag.id})}" class="ui teal basic center pointing label"
th:each="tag : ${tags}">
<span th:text="${tag.name}">JavaEE</span> <span th:text="${tag.name}">JavaEE</span>
<div class="detail" th:text="${#arrays.length(tag.blogs)}">23</div> <div class="detail" th:text="${#arrays.length(tag.blogs)}">23</div>
</a> </a>
@ -170,7 +189,8 @@
</div> </div>
<div class="ui segment" th:each="blog : ${recommendBlogs}"> <div class="ui segment" th:each="blog : ${recommendBlogs}">
<a href="#" th:href="@{/blog/{id}(id=${blog.id})}" class="m-black m-text" th:text="${blog.title}">SpringBoot的原理分析..</a> <a href="#" th:href="@{/blog/{id}(id=${blog.id})}" class="m-black m-text"
th:text="${blog.title}">SpringBoot的原理分析..</a>
</div> </div>
<!--/*--> <!--/*-->
<div class="ui segment"> <div class="ui segment">
@ -190,10 +210,13 @@
<img src="../static/images/WeChat.jpg" th:src="@{/images/QQ.png}" alt="" class="ui rounded image"> <img src="../static/images/WeChat.jpg" th:src="@{/images/QQ.png}" alt="" class="ui rounded image">
</div> </div>
<div class="ui basic segment"> <div class="ui basic segment">
<a href="https://github.com/qfmx" class="ui circular icon button m-margin-left-big"><i class="github icon"></i></a> <a href="https://github.com/qfmx" class="ui circular icon button m-margin-left-big"><i
class="github icon"></i></a>
<a href="#" class="ui wc circular icon button"><i class="weixin icon"></i></a> <a href="#" class="ui wc circular icon button"><i class="weixin icon"></i></a>
<a href="#" class="ui circular icon button"><i class="qq icon" data-content="745719461" data-position="bottom center"></i></a> <a href="#" class="ui circular icon button"><i class="qq icon" data-content="745719461"
<a href="https://space.bilibili.com/424210875" class="ui circular icon button"><i class=" icon">B</i></a> data-position="bottom center"></i></a>
<a href="https://space.bilibili.com/424210875" class="ui circular icon button"><i
class=" icon">B</i></a>
</div> </div>
<!--打赏博主--> <!--打赏博主-->
<div style="display: none"> <div style="display: none">
@ -202,11 +225,13 @@
<div class="ui two column grid"> <div class="ui two column grid">
<div class="column"> <div class="column">
<!--微信打赏--> <!--微信打赏-->
<img src="../static/images/pay_wechat.jpg" th:src="@{/images/pay_wechat.jpg}" alt="" class="ui rounded image" style="width: 100px"> <img src="../static/images/pay_wechat.jpg" th:src="@{/images/pay_wechat.jpg}" alt=""
class="ui rounded image" style="width: 100px">
</div> </div>
<div class="right aligned column"> <div class="right aligned column">
<!--支付宝打赏--> <!--支付宝打赏-->
<img src="../static/images/pay_baby.jpg" th:src="@{/images/pay_baby.jpg}" alt="" class="ui rounded image" style="width: 100px"> <img src="../static/images/pay_baby.jpg" th:src="@{/images/pay_baby.jpg}" alt=""
class="ui rounded image" style="width: 100px">
</div> </div>
</div> </div>
</div> </div>

30
src/main/resources/templates/search.html
View File

@ -82,18 +82,22 @@
<div class="ui padded vertical segment m-padded-tb-large" th:each="blog : ${page.content}"> <div class="ui padded vertical segment m-padded-tb-large" th:each="blog : ${page.content}">
<div class="ui middle aligned grid mobile reversed stackable"> <div class="ui middle aligned grid mobile reversed stackable">
<div class="eleven wide column"> <div class="eleven wide column">
<a href="#" th:href="@{/blog/{id}(id=${blog.id})}" target="_blank" class="m-black" th:text="${blog.title}">庐山旅行记录-江西</a></h3> <a href="#" th:href="@{/blog/{id}(id=${blog.id})}" target="_blank" class="m-black"
th:text="${blog.title}">庐山旅行记录-江西</a></h3>
<p class="m-text" th:text="|${blog.description}.....|">庐山，又名匡山、 <p class="m-text" th:text="|${blog.description}.....|">庐山，又名匡山、
匡庐，位于江西省九江市庐山市境内。介于东经115°52′—116°8′，北纬29°26′—29°41′之间。东偎婺源、鄱阳湖，南靠滕王阁，西邻京九铁路大通脉，北枕滔滔长江。 </p> 匡庐，位于江西省九江市庐山市境内。介于东经115°52′—116°8′，北纬29°26′—29°41′之间。东偎婺源、鄱阳湖，南靠滕王阁，西邻京九铁路大通脉，北枕滔滔长江。 </p>
<div class="ui grid"> <div class="ui grid">
<div class="eleven wide column"> <div class="eleven wide column">
<div class="ui mini horizontal link list"> <div class="ui mini horizontal link list">
<div class="item"> <div class="item">
<img src="https://picsum.photos/id/1011/100/100" alt="" class="ui avatar image" th:src="@{${blog.user.avatar}}" > <img src="https://picsum.photos/id/1011/100/100" alt="" class="ui avatar image"
<div class="content"> <a href="#" class="header" th:text="${blog.user.nickname}">QFMX</a></div> th:src="@{${blog.user.avatar}}">
<div class="content"><a href="#" class="header" th:text="${blog.user.nickname}">QFMX</a>
</div>
</div> </div>
<div class="item"> <div class="item">
<i class="calendar icon"></i><span th:text="${#dates.format(blog.updateTime,'yyyy-MM-dd')}">2019-10-01</span> <i class="calendar icon"></i><span
th:text="${#dates.format(blog.updateTime,'yyyy-MM-dd')}">2019-10-01</span>
</div> </div>
<div class="item"> <div class="item">
<i class="eye icon"></i><span th:text="${blog.views}">7437</span> <i class="eye icon"></i><span th:text="${blog.views}">7437</span>
@ -101,14 +105,16 @@
</div> </div>
</div> </div>
<div class="five wide right aligned column"> <div class="five wide right aligned column">
<a href="#" target="_blank" class="ui teal basic label m-padded-tiny m-text-thin" th:text="${blog.type.name}">认知升级</a> <a href="#" target="_blank" class="ui teal basic label m-padded-tiny m-text-thin"
th:text="${blog.type.name}">认知升级</a>
</div> </div>
</div> </div>
</div> </div>
<div class="five wide column"> <div class="five wide column">
<a href="#" th:href="@{/blog/{id}(id=${blog.id})}" target="_blank"> <a href="#" th:href="@{/blog/{id}(id=${blog.id})}" target="_blank">
<img src="https://picsum.photos/id/1011/800/400" alt="" th:src="@{${blog.firstPicture}}" class="ui round image"> <img src="https://picsum.photos/id/1011/800/400" alt="" th:src="@{${blog.firstPicture}}"
class="ui round image">
</a> </a>
</div> </div>
</div> </div>
@ -118,10 +124,12 @@
<div class="ui bottom attached segment" th:if="${page.totalPages}>1"> <div class="ui bottom attached segment" th:if="${page.totalPages}>1">
<div class="ui middle aligned two column grid"> <div class="ui middle aligned two column grid">
<dvi class="column"> <dvi class="column">
<a href="#" th:href="@{/(page=${page.number}-1)}" th:unless="${page.first}" class="ui mini teal basic button">上一页</a> <a href="#" th:href="@{/(page=${page.number}-1)}" th:unless="${page.first}"
class="ui mini teal basic button">上一页</a>
</dvi> </dvi>
<dvi class="right aligned column"> <dvi class="right aligned column">
<a href="#" th:href="@{/(page=${page.number}+1)}" th:unless="${page.last}" class="ui mini teal basic button">下一页</a> <a href="#" th:href="@{/(page=${page.number}+1)}" th:unless="${page.last}"
class="ui mini teal basic button">下一页</a>
</dvi> </dvi>
</div> </div>
</div> </div>
@ -138,7 +146,8 @@
<div class="ui inverted link list"> <div class="ui inverted link list">
<h4 class="ui inverted header m-opacity-min">站长微信</h4> <h4 class="ui inverted header m-opacity-min">站长微信</h4>
<div class="item"> <div class="item">
<img src="../static/images/WeChat.jpg" th:src="@{/images/WeChat.jpg}" CLASS="ui rounded image" alt="" style="width:110px"> <img src="../static/images/WeChat.jpg" th:src="@{/images/WeChat.jpg}" CLASS="ui rounded image"
alt="" style="width:110px">
</div> </div>
</div> </div>
</div> </div>
@ -161,7 +170,8 @@
</div> </div>
<div class="seven wide column"> <div class="seven wide column">
<h4 class="ui inverted header m-opacity-min">关于作者</h4> <h4 class="ui inverted header m-opacity-min">关于作者</h4>
<p class="m-text-thin m-text-spaced m-opacity-min m-text-lined">作者是一名springboot爱好者,是一名正在努力奋斗的学生,主要学习JavaEE开发,Web前端等技术.作者是个喜欢旅行的孩子,目标是游遍全世界！</p> <p class="m-text-thin m-text-spaced m-opacity-min m-text-lined">
作者是一名springboot爱好者,是一名正在努力奋斗的学生,主要学习JavaEE开发,Web前端等技术.作者是个喜欢旅行的孩子,目标是游遍全世界！</p>
</div> </div>
</div> </div>
<!--分割线--> <!--分割线-->

38
src/main/resources/templates/tags.html
View File

@ -54,7 +54,8 @@
</div> </div>
<!--分类列表区域--> <!--分类列表区域-->
<div class="ui attached segment m-padded-tb-large "> <div class="ui attached segment m-padded-tb-large ">
<a href="#" th:href="@{/tags/{id}(id=${tag.id})}" th:classappend="${tag.id==avtiveTagId }? 'teal'" class="ui basic center pointing large label " th:each="tag : ${tags}"> <a href="#" th:href="@{/tags/{id}(id=${tag.id})}" th:classappend="${tag.id==avtiveTagId }? 'teal'"
class="ui basic center pointing large label " th:each="tag : ${tags}">
<span th:text="${tag.name}">JavaEE</span> <span th:text="${tag.name}">JavaEE</span>
<div class="detail" th:text="${#arrays.length(tag.blogs)}">23</div> <div class="detail" th:text="${#arrays.length(tag.blogs)}">23</div>
</a> </a>
@ -107,18 +108,22 @@
<!--mobile reversed反序--> <!--mobile reversed反序-->
<div class="ui middle aligned grid mobile reversed stackable"> <div class="ui middle aligned grid mobile reversed stackable">
<div class="eleven wide column"> <div class="eleven wide column">
<h3><a href="#" th:href="@{/blog/{id}(id=${blog.id})}" target="_blank" class="m-black" th:text="${blog.title}">庐山旅行记录-江西</a></h3> <h3><a href="#" th:href="@{/blog/{id}(id=${blog.id})}" target="_blank" class="m-black"
th:text="${blog.title}">庐山旅行记录-江西</a></h3>
<p class="m-text" th:text="|${blog.description}.....|">庐山，又名匡山、 <p class="m-text" th:text="|${blog.description}.....|">庐山，又名匡山、
匡庐，位于江西省九江市庐山市境内。介于东经115°52′—116°8′，北纬29°26′—29°41′之间。东偎婺源、鄱阳湖，南靠滕王阁，西邻京九铁路大通脉，北枕滔滔长江。 </p> 匡庐，位于江西省九江市庐山市境内。介于东经115°52′—116°8′，北纬29°26′—29°41′之间。东偎婺源、鄱阳湖，南靠滕王阁，西邻京九铁路大通脉，北枕滔滔长江。 </p>
<div class="ui grid"> <div class="ui grid">
<div class="eleven wide column"> <div class="eleven wide column">
<div class="ui mini horizontal link list"> <div class="ui mini horizontal link list">
<div class="item"> <div class="item">
<img src="https://picsum.photos/id/1011/100/100" alt="" class="ui avatar image" th:src="@{${blog.user.avatar}}" > <img src="https://picsum.photos/id/1011/100/100" alt="" class="ui avatar image"
<div class="content"> <a href="#" class="header" th:text="${blog.user.nickname}">QFMX</a></div> th:src="@{${blog.user.avatar}}">
<div class="content"><a href="#" class="header" th:text="${blog.user.nickname}">QFMX</a>
</div>
</div> </div>
<div class="item"> <div class="item">
<i class="calendar icon"></i><span th:text="${#dates.format(blog.updateTime,'yyyy-MM-dd')}">2019-10-01</span> <i class="calendar icon"></i><span
th:text="${#dates.format(blog.updateTime,'yyyy-MM-dd')}">2019-10-01</span>
</div> </div>
<div class="item"> <div class="item">
<i class="eye icon"></i><span th:text="${blog.views}">7437</span> <i class="eye icon"></i><span th:text="${blog.views}">7437</span>
@ -126,18 +131,23 @@
</div> </div>
</div> </div>
<div class="five wide right aligned column"> <div class="five wide right aligned column">
<a href="#" target="_blank" class="ui teal basic label m-padded-tiny m-text-thin" th:text="${blog.type.name}">认知升级</a> <a href="#" target="_blank" class="ui teal basic label m-padded-tiny m-text-thin"
th:text="${blog.type.name}">认知升级</a>
</div> </div>
<div class="row"> <div class="row">
<div class="column"> <div class="column">
<a href="#" th:href="@{/tags/{id}(id=${tag.id})}" class="ui basic left pointing label m-padded-mini m-text-thin" th:classappend="${tag.id==avtiveTagId }? 'teal'" th:each="tag : ${blog.tags}" th:text="${tag.name}">SpringBoot</a> <a href="#" th:href="@{/tags/{id}(id=${tag.id})}"
class="ui basic left pointing label m-padded-mini m-text-thin"
th:classappend="${tag.id==avtiveTagId }? 'teal'" th:each="tag : ${blog.tags}"
th:text="${tag.name}">SpringBoot</a>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="five wide column"> <div class="five wide column">
<a href="#" th:href="@{/blog/{id}(id=${blog.id})}" target="_blank"> <a href="#" th:href="@{/blog/{id}(id=${blog.id})}" target="_blank">
<img src="https://picsum.photos/id/1011/800/400" alt="" th:src="@{${blog.firstPicture}}" class="ui round image"> <img src="https://picsum.photos/id/1011/800/400" alt="" th:src="@{${blog.firstPicture}}"
class="ui round image">
</a> </a>
</div> </div>
</div> </div>
@ -148,10 +158,12 @@
<div class="ui bottom attached segment" th:if="${page.totalPages}>1"> <div class="ui bottom attached segment" th:if="${page.totalPages}>1">
<div class="ui middle aligned two column grid"> <div class="ui middle aligned two column grid">
<dvi class="column"> <dvi class="column">
<a href="#" th:href="@{/(page=${page.number}-1)}" th:unless="${page.first}" class="ui mini teal basic button">上一页</a> <a href="#" th:href="@{/(page=${page.number}-1)}" th:unless="${page.first}"
class="ui mini teal basic button">上一页</a>
</dvi> </dvi>
<dvi class="right aligned column"> <dvi class="right aligned column">
<a href="#" th:href="@{/(page=${page.number}+1)}" th:unless="${page.last}" class="ui mini teal basic button">下一页</a> <a href="#" th:href="@{/(page=${page.number}+1)}" th:unless="${page.last}"
class="ui mini teal basic button">下一页</a>
</dvi> </dvi>
</div> </div>
</div> </div>
@ -168,7 +180,8 @@
<div class="ui inverted link list"> <div class="ui inverted link list">
<h4 class="ui inverted header m-opacity-min">站长微信</h4> <h4 class="ui inverted header m-opacity-min">站长微信</h4>
<div class="item"> <div class="item">
<img src="../static/images/WeChat.jpg" th:src="@{/images/WeChat.jpg}" CLASS="ui rounded image" alt="" style="width:110px"> <img src="../static/images/WeChat.jpg" th:src="@{/images/WeChat.jpg}" CLASS="ui rounded image"
alt="" style="width:110px">
</div> </div>
</div> </div>
</div> </div>
@ -191,7 +204,8 @@
</div> </div>
<div class="seven wide column"> <div class="seven wide column">
<h4 class="ui inverted header m-opacity-min">关于作者</h4> <h4 class="ui inverted header m-opacity-min">关于作者</h4>
<p class="m-text-thin m-text-spaced m-opacity-min m-text-lined">作者是一名springboot爱好者,是一名正在努力奋斗的学生,主要学习JavaEE开发,Web前端等技术.作者是个喜欢旅行的孩子,目标是游遍全世界！</p> <p class="m-text-thin m-text-spaced m-opacity-min m-text-lined">
作者是一名springboot爱好者,是一名正在努力奋斗的学生,主要学习JavaEE开发,Web前端等技术.作者是个喜欢旅行的孩子,目标是游遍全世界！</p>
</div> </div>
</div> </div>
<!--分割线--> <!--分割线-->

55
src/main/resources/templates/types.html
View File

@ -17,7 +17,8 @@
<div class="ui inverted secondary stackable menu"> <div class="ui inverted secondary stackable menu">
<h2 class="ui teal header item">浅枫沐雪</h2> <h2 class="ui teal header item">浅枫沐雪</h2>
<a href="#" th:href="@{/}" class="m-item item m-mobile-hide"><i class="small home icon"></i>首页</a> <a href="#" th:href="@{/}" class="m-item item m-mobile-hide"><i class="small home icon"></i>首页</a>
<a href="#" th:href="@{/types}" class="m-item item m-mobile-hide active" ><i class="small idea icon"></i>分类</a> <a href="#" th:href="@{/types}" class="m-item item m-mobile-hide active"><i
class="small idea icon"></i>分类</a>
<a href="#" th:href="@{tags}" class="m-item item m-mobile-hide"><i class="small tags icon"></i>标签</a> <a href="#" th:href="@{tags}" class="m-item item m-mobile-hide"><i class="small tags icon"></i>标签</a>
<a href="#" th:href="@{/archives}" class="m-item item m-mobile-hide"><i class="small clone icon"></i>归档</a> <a href="#" th:href="@{/archives}" class="m-item item m-mobile-hide"><i class="small clone icon"></i>归档</a>
<a href="#" th:href="@{/about}" class="m-item item m-mobile-hide"><i class="small info icon"></i>站长信息</a> <a href="#" th:href="@{/about}" class="m-item item m-mobile-hide"><i class="small info icon"></i>站长信息</a>
@ -55,8 +56,10 @@
<!--分类列表区域--> <!--分类列表区域-->
<div class="ui attached segment m-padded-tb-large "> <div class="ui attached segment m-padded-tb-large ">
<div class="ui labeled button m-margin-tb-tiny" th:each="type : ${types}"> <div class="ui labeled button m-margin-tb-tiny" th:each="type : ${types}">
<a href="#" th:href="@{/types/{id}(id=${type.id})}" class="ui basic button" th:classappend="${type.id==avtiveTypeId }? 'teal'" th:text="${type.name}">学习日志</a> <a href="#" th:href="@{/types/{id}(id=${type.id})}" class="ui basic button"
<div class="ui basic left pointing label" th:classappend="${type.id==avtiveTypeId }? 'teal'" th:text="${#arrays.length(type.blogs)}"> th:classappend="${type.id==avtiveTypeId }? 'teal'" th:text="${type.name}">学习日志</a>
<div class="ui basic left pointing label" th:classappend="${type.id==avtiveTypeId }? 'teal'"
th:text="${#arrays.length(type.blogs)}">
12 12
</div> </div>
</div> </div>
@ -111,18 +114,23 @@
<!--mobile reversed反序--> <!--mobile reversed反序-->
<div class="ui middle aligned grid mobile reversed stackable"> <div class="ui middle aligned grid mobile reversed stackable">
<div class="eleven wide column"> <div class="eleven wide column">
<h3><a href="#" th:href="@{/blog/{id}(id=${blog.id})}" target="_blank" class="m-black" th:text="${blog.title}">庐山旅行记录-江西</a></h3> <h3><a href="#" th:href="@{/blog/{id}(id=${blog.id})}" target="_blank" class="m-black"
th:text="${blog.title}">庐山旅行记录-江西</a></h3>
<p class="m-text" th:text="|${blog.description}.....|">庐山，又名匡山、 <p class="m-text" th:text="|${blog.description}.....|">庐山，又名匡山、
匡庐，位于江西省九江市庐山市境内。介于东经115°52′—116°8′，北纬29°26′—29°41′之间。东偎婺源、鄱阳湖，南靠滕王阁，西邻京九铁路大通脉，北枕滔滔长江。 </p> 匡庐，位于江西省九江市庐山市境内。介于东经115°52′—116°8′，北纬29°26′—29°41′之间。东偎婺源、鄱阳湖，南靠滕王阁，西邻京九铁路大通脉，北枕滔滔长江。 </p>
<div class="ui grid"> <div class="ui grid">
<div class="eleven wide column"> <div class="eleven wide column">
<div class="ui mini horizontal link list"> <div class="ui mini horizontal link list">
<div class="item"> <div class="item">
<img src="https://picsum.photos/id/1011/100/100" alt="" class="ui avatar image" th:src="@{${blog.user.avatar}}" > <img src="https://picsum.photos/id/1011/100/100" alt="" class="ui avatar image"
<div class="content"> <a href="#" th:href="@{/about}" target="_blank" class="header" th:text="${blog.user.nickname}">QFMX</a></div> th:src="@{${blog.user.avatar}}">
<div class="content"><a href="#" th:href="@{/about}" target="_blank"
class="header" th:text="${blog.user.nickname}">QFMX</a>
</div>
</div> </div>
<div class="item"> <div class="item">
<i class="calendar icon"></i><span th:text="${#dates.format(blog.updateTime,'yyyy-MM-dd')}">2019-10-01</span> <i class="calendar icon"></i><span
th:text="${#dates.format(blog.updateTime,'yyyy-MM-dd')}">2019-10-01</span>
</div> </div>
<div class="item"> <div class="item">
<i class="eye icon"></i><span th:text="${blog.views}">7437</span> <i class="eye icon"></i><span th:text="${blog.views}">7437</span>
@ -130,13 +138,15 @@
</div> </div>
</div> </div>
<div class="five wide right aligned column"> <div class="five wide right aligned column">
<a href="#" th:href="@{/types/{id}(id=${blog.type.id})}" class="ui teal basic label m-padded-tiny m-text-thin" th:text="${blog.type.name}">认知升级</a> <a href="#" th:href="@{/types/{id}(id=${blog.type.id})}"
class="ui teal basic label m-padded-tiny m-text-thin" th:text="${blog.type.name}">认知升级</a>
</div> </div>
</div> </div>
</div> </div>
<div class="five wide column"> <div class="five wide column">
<a href="#" th:href="@{/blog/{id}(id=${blog.id})}" target="_blank"> <a href="#" th:href="@{/blog/{id}(id=${blog.id})}" target="_blank">
<img src="https://picsum.photos/id/1011/800/400" alt="" th:src="@{${blog.firstPicture}}" class="ui round image"> <img src="https://picsum.photos/id/1011/800/400" alt="" th:src="@{${blog.firstPicture}}"
class="ui round image">
</a> </a>
</div> </div>
</div> </div>
@ -144,7 +154,8 @@
<div class="ui grid mobile reversed stackable"> <div class="ui grid mobile reversed stackable">
<div class="eleven wide column"> <div class="eleven wide column">
<h3 class="ui header">庐山旅行记录-九江</h3> <h3 class="ui header">庐山旅行记录-九江</h3>
<p class="m-text">庐山，又名匡山、匡庐，位于江西省九江市庐山市境内。介于东经115°52′—116°8′，北纬29°26′—29°41′之间。东偎婺源、鄱阳湖，南靠滕王阁，西邻京九铁路大通脉，北枕滔滔长江。 </p> <p class="m-text">
庐山，又名匡山、匡庐，位于江西省九江市庐山市境内。介于东经115°52′—116°8′，北纬29°26′—29°41′之间。东偎婺源、鄱阳湖，南靠滕王阁，西邻京九铁路大通脉，北枕滔滔长江。 </p>
<div class="ui stackable grid"> <div class="ui stackable grid">
<div class="eleven wide column"> <div class="eleven wide column">
<div class="ui mini horizontal link list"> <div class="ui mini horizontal link list">
@ -174,7 +185,8 @@
<div class="ui grid mobile reversed stackable"> <div class="ui grid mobile reversed stackable">
<div class="eleven wide column"> <div class="eleven wide column">
<h3 class="ui header">庐山旅行记录-九江</h3> <h3 class="ui header">庐山旅行记录-九江</h3>
<p class="m-text">庐山，又名匡山、匡庐，位于江西省九江市庐山市境内。介于东经115°52′—116°8′，北纬29°26′—29°41′之间。东偎婺源、鄱阳湖，南靠滕王阁，西邻京九铁路大通脉，北枕滔滔长江。 </p> <p class="m-text">
庐山，又名匡山、匡庐，位于江西省九江市庐山市境内。介于东经115°52′—116°8′，北纬29°26′—29°41′之间。东偎婺源、鄱阳湖，南靠滕王阁，西邻京九铁路大通脉，北枕滔滔长江。 </p>
<div class="ui stackable grid"> <div class="ui stackable grid">
<div class="eleven wide column"> <div class="eleven wide column">
<div class="ui mini horizontal link list"> <div class="ui mini horizontal link list">
@ -191,7 +203,8 @@
</div> </div>
</div> </div>
<div class="five wide right aligned column"> <div class="five wide right aligned column">
<a href="#" target="_blank" class="ui teal basic label m-padded-tiny m-text-thin">认知升级</a> <a href="#" target="_blank"
class="ui teal basic label m-padded-tiny m-text-thin">认知升级</a>
</div> </div>
</div> </div>
</div> </div>
@ -204,7 +217,8 @@
<div class="ui grid mobile reversed stackable"> <div class="ui grid mobile reversed stackable">
<div class="eleven wide column"> <div class="eleven wide column">
<h3 class="ui header">庐山旅行记录-九江</h3> <h3 class="ui header">庐山旅行记录-九江</h3>
<p class="m-text">庐山，又名匡山、匡庐，位于江西省九江市庐山市境内。介于东经115°52′—116°8′，北纬29°26′—29°41′之间。东偎婺源、鄱阳湖，南靠滕王阁，西邻京九铁路大通脉，北枕滔滔长江。 </p> <p class="m-text">
庐山，又名匡山、匡庐，位于江西省九江市庐山市境内。介于东经115°52′—116°8′，北纬29°26′—29°41′之间。东偎婺源、鄱阳湖，南靠滕王阁，西邻京九铁路大通脉，北枕滔滔长江。 </p>
<div class="ui stackable grid"> <div class="ui stackable grid">
<div class="eleven wide column"> <div class="eleven wide column">
<div class="ui mini horizontal link list"> <div class="ui mini horizontal link list">
@ -221,7 +235,8 @@
</div> </div>
</div> </div>
<div class="five wide right aligned column"> <div class="five wide right aligned column">
<a href="#" target="_blank" class="ui teal basic label m-padded-tiny m-text-thin">认知升级</a> <a href="#" target="_blank"
class="ui teal basic label m-padded-tiny m-text-thin">认知升级</a>
</div> </div>
</div> </div>
</div> </div>
@ -238,10 +253,12 @@
<div class="ui bottom attached segment" th:if="${page.totalPages}>1"> <div class="ui bottom attached segment" th:if="${page.totalPages}>1">
<div class="ui middle aligned two column grid"> <div class="ui middle aligned two column grid">
<dvi class="column"> <dvi class="column">
<a href="#" th:href="@{/(page=${page.number}-1)}" th:unless="${page.first}" class="ui mini teal basic button">上一页</a> <a href="#" th:href="@{/(page=${page.number}-1)}" th:unless="${page.first}"
class="ui mini teal basic button">上一页</a>
</dvi> </dvi>
<dvi class="right aligned column"> <dvi class="right aligned column">
<a href="#" th:href="@{/(page=${page.number}+1)}" th:unless="${page.last}" class="ui mini teal basic button">下一页</a> <a href="#" th:href="@{/(page=${page.number}+1)}" th:unless="${page.last}"
class="ui mini teal basic button">下一页</a>
</dvi> </dvi>
</div> </div>
</div> </div>
@ -258,7 +275,8 @@
<div class="ui inverted link list"> <div class="ui inverted link list">
<h4 class="ui inverted header m-opacity-min">站长微信</h4> <h4 class="ui inverted header m-opacity-min">站长微信</h4>
<div class="item"> <div class="item">
<img src="../static/images/WeChat.jpg" th:src="@{/images/WeChat.jpg}" CLASS="ui rounded image" alt="" style="width:110px"> <img src="../static/images/WeChat.jpg" th:src="@{/images/WeChat.jpg}" CLASS="ui rounded image"
alt="" style="width:110px">
</div> </div>
</div> </div>
</div> </div>
@ -281,7 +299,8 @@
</div> </div>
<div class="seven wide column"> <div class="seven wide column">
<h4 class="ui inverted header m-opacity-min">关于作者</h4> <h4 class="ui inverted header m-opacity-min">关于作者</h4>
<p class="m-text-thin m-text-spaced m-opacity-min m-text-lined">作者是一名springboot爱好者,是一名正在努力奋斗的学生,主要学习JavaEE开发,Web前端等技术.作者是个喜欢旅行的孩子,目标是游遍全世界！</p> <p class="m-text-thin m-text-spaced m-opacity-min m-text-lined">
作者是一名springboot爱好者,是一名正在努力奋斗的学生,主要学习JavaEE开发,Web前端等技术.作者是个喜欢旅行的孩子,目标是游遍全世界！</p>
</div> </div>
</div> </div>
<!--分割线--> <!--分割线-->