项目END
This commit is contained in:
josxy
parent
a14767d48b
commit
28e7e8d97c
@ -23,7 +23,8 @@ public class LogAspectOld {
|
||||
* 切点：cn.allms.controller
|
||||
*/
|
||||
//@Pointcut("execution(* cn.allms.controller.*.*(..))")
|
||||
public void log(){}
|
||||
public void log() {
|
||||
}
|
||||
|
||||
|
||||
// @Before("log()")
|
||||
|
||||
@ -25,7 +25,8 @@ import javax.servlet.http.HttpServletRequest;
|
||||
@Aspect
|
||||
public class LogAspect {
|
||||
@Pointcut("execution(* cn.allms.controller.*.*(..))")
|
||||
public void webLog(){}
|
||||
public void webLog() {
|
||||
}
|
||||
|
||||
@Before("webLog()")
|
||||
public void doBefore(JoinPoint joinPoint) {
|
||||
|
||||
@ -19,6 +19,7 @@ public class RandomPicturesConfig {
|
||||
/**
|
||||
* TODO
|
||||
* 随机获取一种图片
|
||||
*
|
||||
* @return
|
||||
*/
|
||||
public String getRandomPicAddr() {
|
||||
|
||||
@ -35,6 +35,7 @@ public class CommentController {
|
||||
|
||||
/**
|
||||
* 显示评论列表
|
||||
*
|
||||
* @param blogId
|
||||
* @param model
|
||||
* @return
|
||||
@ -47,6 +48,7 @@ public class CommentController {
|
||||
|
||||
/**
|
||||
* 提交评论
|
||||
*
|
||||
* @param comment
|
||||
* @return
|
||||
*/
|
||||
|
||||
@ -31,6 +31,7 @@ public class IndexController {
|
||||
|
||||
/**
|
||||
* 首页面显示
|
||||
*
|
||||
* @param model
|
||||
* @param pageable
|
||||
* @return
|
||||
@ -51,9 +52,10 @@ public class IndexController {
|
||||
|
||||
/**
|
||||
* 导航栏中的搜索功能实现
|
||||
*
|
||||
* @param pageable
|
||||
* @return
|
||||
* @param model
|
||||
* @return
|
||||
*/
|
||||
@PostMapping("/search")
|
||||
public String search(@PageableDefault(size = 8, sort = {"updateTime"}, direction = Sort.Direction.DESC) Pageable pageable,
|
||||
|
||||
@ -1,8 +1,6 @@
|
||||
package cn.allms.controller;
|
||||
|
||||
|
||||
|
||||
|
||||
import cn.allms.po.Tag;
|
||||
import cn.allms.service.TagService;
|
||||
import cn.allms.vo.BlogQuery;
|
||||
|
||||
@ -61,6 +61,7 @@ public class BlogController {
|
||||
|
||||
/**
|
||||
* 分页显示博客列表
|
||||
*
|
||||
* @param model
|
||||
* @param pageable
|
||||
* @param blog
|
||||
@ -75,6 +76,7 @@ public class BlogController {
|
||||
|
||||
/**
|
||||
* 联合查询博客列表
|
||||
*
|
||||
* @param model
|
||||
* @param pageable
|
||||
* @param blog
|
||||
@ -89,6 +91,7 @@ public class BlogController {
|
||||
|
||||
/**
|
||||
* 新增博客页面
|
||||
*
|
||||
* @param model
|
||||
* @return
|
||||
*/
|
||||
@ -102,6 +105,7 @@ public class BlogController {
|
||||
|
||||
/**
|
||||
* 提交博客
|
||||
*
|
||||
* @param blog
|
||||
* @param attributes
|
||||
* @param session
|
||||
@ -133,6 +137,7 @@ public class BlogController {
|
||||
|
||||
/**
|
||||
* 删除博客
|
||||
*
|
||||
* @param id
|
||||
* @return
|
||||
*/
|
||||
@ -144,6 +149,7 @@ public class BlogController {
|
||||
|
||||
/**
|
||||
* 修改博客页面
|
||||
*
|
||||
* @param model
|
||||
* @return
|
||||
*/
|
||||
|
||||
@ -27,6 +27,7 @@ public class LoginController {
|
||||
|
||||
/**
|
||||
* 显示用户登录页面
|
||||
*
|
||||
* @return
|
||||
*/
|
||||
@GetMapping
|
||||
@ -36,6 +37,7 @@ public class LoginController {
|
||||
|
||||
/**
|
||||
* 用户登录
|
||||
*
|
||||
* @param username
|
||||
* @param password
|
||||
* @param session
|
||||
@ -60,6 +62,7 @@ public class LoginController {
|
||||
|
||||
/**
|
||||
* 用户注销
|
||||
*
|
||||
* @param session
|
||||
* @return
|
||||
*/
|
||||
|
||||
@ -30,6 +30,7 @@ public class TagController {
|
||||
|
||||
/**
|
||||
* 分页查询标签列表
|
||||
*
|
||||
* @return
|
||||
*/
|
||||
@GetMapping("/tags")
|
||||
@ -41,6 +42,7 @@ public class TagController {
|
||||
|
||||
/**
|
||||
* 显示添加标签页面
|
||||
*
|
||||
* @param model
|
||||
* @return
|
||||
*/
|
||||
@ -52,6 +54,7 @@ public class TagController {
|
||||
|
||||
/**
|
||||
* 新增标签
|
||||
*
|
||||
* @param tag
|
||||
* @param result
|
||||
* @param attributes
|
||||
@ -75,8 +78,10 @@ public class TagController {
|
||||
return "redirect:/admin/tags";
|
||||
|
||||
}
|
||||
|
||||
/**
|
||||
* 显示添加标签页面
|
||||
*
|
||||
* @param model
|
||||
* @return
|
||||
*/
|
||||
@ -88,6 +93,7 @@ public class TagController {
|
||||
|
||||
/**
|
||||
* 修改标签名
|
||||
*
|
||||
* @param tag
|
||||
* @param result
|
||||
* @param id
|
||||
@ -114,6 +120,7 @@ public class TagController {
|
||||
|
||||
/**
|
||||
* 删除功能
|
||||
*
|
||||
* @param id
|
||||
* @param attributes
|
||||
* @return
|
||||
|
||||
@ -32,6 +32,7 @@ public class TypeController {
|
||||
|
||||
/**
|
||||
* 分页查询分类列表
|
||||
*
|
||||
* @return
|
||||
*/
|
||||
@GetMapping("/types")
|
||||
@ -54,6 +55,7 @@ public class TypeController {
|
||||
|
||||
/**
|
||||
* 新增分类
|
||||
*
|
||||
* @return
|
||||
*/
|
||||
|
||||
@ -79,6 +81,7 @@ public class TypeController {
|
||||
|
||||
/**
|
||||
* 跳转到修改分类页面
|
||||
*
|
||||
* @param id
|
||||
* @param model
|
||||
* @return
|
||||
@ -92,6 +95,7 @@ public class TypeController {
|
||||
|
||||
/**
|
||||
* 修改分类
|
||||
*
|
||||
* @return
|
||||
*/
|
||||
|
||||
|
||||
@ -20,6 +20,7 @@ public interface TypeRepository extends JpaRepository<Type,Long>{
|
||||
|
||||
/**
|
||||
* 查询type按照分页的方式
|
||||
*
|
||||
* @param pageable
|
||||
* @return
|
||||
*/
|
||||
|
||||
@ -12,6 +12,7 @@ import org.springframework.data.jpa.repository.JpaRepository;
|
||||
public interface UserRepository extends JpaRepository<User, Long> {
|
||||
/**
|
||||
* 通过用户名和密码查询用户
|
||||
*
|
||||
* @param username
|
||||
* @param password
|
||||
* @return
|
||||
|
||||
@ -14,8 +14,10 @@ import javax.servlet.http.HttpServletRequest;
|
||||
public class ControllerExceptionHandler {
|
||||
|
||||
private final Logger logger = LoggerFactory.getLogger(ControllerExceptionHandler.class);
|
||||
|
||||
/**
|
||||
* 异常处理
|
||||
*
|
||||
* @param request
|
||||
* @param e
|
||||
* @return
|
||||
|
||||
@ -17,6 +17,7 @@ import java.util.Map;
|
||||
public interface BlogService {
|
||||
/**
|
||||
* 通过id查询单条博客
|
||||
*
|
||||
* @param id
|
||||
* @return
|
||||
*/
|
||||
@ -24,6 +25,7 @@ public interface BlogService {
|
||||
|
||||
/**
|
||||
* 通过id查询单条博客（前端使用）
|
||||
*
|
||||
* @param id
|
||||
* @return
|
||||
*/
|
||||
@ -32,6 +34,7 @@ public interface BlogService {
|
||||
|
||||
/**
|
||||
* 分页查询博客
|
||||
*
|
||||
* @param pageable
|
||||
* @param blog
|
||||
* @return
|
||||
@ -40,6 +43,7 @@ public interface BlogService {
|
||||
|
||||
/**
|
||||
* 分页查询显示博客列表
|
||||
*
|
||||
* @param pageable
|
||||
* @return
|
||||
*/
|
||||
@ -50,6 +54,7 @@ public interface BlogService {
|
||||
|
||||
/**
|
||||
* 模糊查询分页显示博客列表
|
||||
*
|
||||
* @param pageable
|
||||
* @param query
|
||||
* @return
|
||||
@ -58,20 +63,24 @@ public interface BlogService {
|
||||
|
||||
/**
|
||||
* 显示推荐的博客列表
|
||||
*
|
||||
* @return
|
||||
*/
|
||||
List<Blog> listRecommendBlogTop(Integer size);
|
||||
|
||||
/**
|
||||
* 显示归档信息
|
||||
*
|
||||
* @return
|
||||
*/
|
||||
Map<String, List<Blog>> archiveBlog();
|
||||
|
||||
|
||||
Long countBlog();
|
||||
|
||||
/**
|
||||
* 修改
|
||||
*
|
||||
* @param blog
|
||||
* @return
|
||||
*/
|
||||
@ -79,6 +88,7 @@ public interface BlogService {
|
||||
|
||||
/**
|
||||
* 修改
|
||||
*
|
||||
* @param id
|
||||
* @param blog
|
||||
* @return
|
||||
@ -87,11 +97,10 @@ public interface BlogService {
|
||||
|
||||
/**
|
||||
* 删除
|
||||
*
|
||||
* @param id
|
||||
*/
|
||||
void deleteBlog(Long id);
|
||||
|
||||
|
||||
|
||||
|
||||
}
|
||||
|
||||
@ -12,6 +12,7 @@ public interface CommentService {
|
||||
|
||||
/**
|
||||
* 通过id查询评论列表
|
||||
*
|
||||
* @param blogId
|
||||
* @return
|
||||
*/
|
||||
@ -19,6 +20,7 @@ public interface CommentService {
|
||||
|
||||
/**
|
||||
* 保存评论信息
|
||||
*
|
||||
* @param comment
|
||||
* @return
|
||||
*/
|
||||
|
||||
@ -13,6 +13,7 @@ public interface TagService {
|
||||
|
||||
/**
|
||||
* 新增
|
||||
*
|
||||
* @return
|
||||
*/
|
||||
Tag saveTag(Tag tag);
|
||||
@ -20,6 +21,7 @@ public interface TagService {
|
||||
|
||||
/**
|
||||
* 单个查询
|
||||
*
|
||||
* @param id
|
||||
* @return
|
||||
*/
|
||||
@ -27,6 +29,7 @@ public interface TagService {
|
||||
|
||||
/**
|
||||
* 分页查询
|
||||
*
|
||||
* @param pageable
|
||||
* @return
|
||||
*/
|
||||
@ -37,6 +40,7 @@ public interface TagService {
|
||||
|
||||
/**
|
||||
* 查询所有标签
|
||||
*
|
||||
* @return
|
||||
*/
|
||||
List<Tag> ListTag();
|
||||
@ -45,6 +49,7 @@ public interface TagService {
|
||||
|
||||
/**
|
||||
* 修改
|
||||
*
|
||||
* @param id
|
||||
* @param tag
|
||||
* @return
|
||||
@ -53,12 +58,14 @@ public interface TagService {
|
||||
|
||||
/**
|
||||
* 删除
|
||||
*
|
||||
* @param id
|
||||
*/
|
||||
void deleteTag(Long id);
|
||||
|
||||
/**
|
||||
* 通过分类名称
|
||||
*
|
||||
* @return
|
||||
*/
|
||||
Tag getTagByName(String name);
|
||||
|
||||
@ -13,6 +13,7 @@ public interface TypeService {
|
||||
|
||||
/**
|
||||
* 新增
|
||||
*
|
||||
* @return
|
||||
*/
|
||||
Type saveType(Type type);
|
||||
@ -20,6 +21,7 @@ public interface TypeService {
|
||||
|
||||
/**
|
||||
* 单个查询
|
||||
*
|
||||
* @param id
|
||||
* @return
|
||||
*/
|
||||
@ -27,6 +29,7 @@ public interface TypeService {
|
||||
|
||||
/**
|
||||
* 分页查询
|
||||
*
|
||||
* @param pageable
|
||||
* @return
|
||||
*/
|
||||
@ -34,6 +37,7 @@ public interface TypeService {
|
||||
|
||||
/**
|
||||
* 查询所有分类
|
||||
*
|
||||
* @return
|
||||
*/
|
||||
List<Type> listType();
|
||||
@ -43,6 +47,7 @@ public interface TypeService {
|
||||
|
||||
/**
|
||||
* 修改
|
||||
*
|
||||
* @param id
|
||||
* @param type
|
||||
* @return
|
||||
@ -51,12 +56,14 @@ public interface TypeService {
|
||||
|
||||
/**
|
||||
* 删除
|
||||
*
|
||||
* @param id
|
||||
*/
|
||||
void deleteType(Long id);
|
||||
|
||||
/**
|
||||
* 通过分类名称查询分类
|
||||
*
|
||||
* @return
|
||||
*/
|
||||
Type getTypeByName(String name);
|
||||
|
||||
@ -12,6 +12,7 @@ public interface Userservice {
|
||||
|
||||
/**
|
||||
* 用户登录检测
|
||||
*
|
||||
* @param
|
||||
* @return
|
||||
*/
|
||||
|
||||
@ -28,8 +28,7 @@ import java.util.*;
|
||||
* @version: 1.0
|
||||
*/
|
||||
@Service
|
||||
public class BlogServiceImpl implements BlogService
|
||||
{
|
||||
public class BlogServiceImpl implements BlogService {
|
||||
|
||||
@Autowired
|
||||
private BlogRepository blogRepository;
|
||||
@ -129,6 +128,7 @@ public class BlogServiceImpl implements BlogService
|
||||
* 发布博客
|
||||
* (如何是新增博客,需要添加创建时间和修改时间、以及初始化浏览量view = 0)
|
||||
* (如果是修改博客,需要添加修改时间)
|
||||
*
|
||||
* @param blog
|
||||
* @return
|
||||
*/
|
||||
@ -141,6 +141,7 @@ public class BlogServiceImpl implements BlogService
|
||||
|
||||
/**
|
||||
* 所谓的修改其实是查询+保存
|
||||
*
|
||||
* @param id
|
||||
* @param blog
|
||||
* @return
|
||||
|
||||
@ -12,6 +12,7 @@ import java.util.List;
|
||||
public class CommentUtil {
|
||||
/**
|
||||
* 循环每个顶级的评论节点
|
||||
*
|
||||
* @param comments
|
||||
* @return
|
||||
*/
|
||||
@ -28,7 +29,6 @@ public class CommentUtil {
|
||||
}
|
||||
|
||||
/**
|
||||
*
|
||||
* @param comments root根节点，blog不为空的对象集合
|
||||
* @return
|
||||
*/
|
||||
@ -46,10 +46,13 @@ public class CommentUtil {
|
||||
tempReplys = new ArrayList<>();
|
||||
}
|
||||
}
|
||||
|
||||
//存放迭代找出的所有子代的集合
|
||||
public static List<Comment> tempReplys = new ArrayList<>();
|
||||
|
||||
/**
|
||||
* 递归迭代，剥洋葱
|
||||
*
|
||||
* @param comment 被迭代的对象
|
||||
* @return
|
||||
*/
|
||||
|
||||
@ -10,6 +10,7 @@ public class MD5Utils {
|
||||
|
||||
/**
|
||||
* MD5加密类
|
||||
*
|
||||
* @param str 要加密的字符串
|
||||
* @return 加密后的字符串
|
||||
*/
|
||||
|
||||
@ -21,6 +21,7 @@ public class MarkdownUtils {
|
||||
|
||||
/**
|
||||
* markdown格式转换成HTML格式
|
||||
*
|
||||
* @param markdown
|
||||
* @return
|
||||
*/
|
||||
@ -34,6 +35,7 @@ public class MarkdownUtils {
|
||||
/**
|
||||
* 增加扩展[标题锚点，表格生成]
|
||||
* Markdown转换成HTML
|
||||
*
|
||||
* @param markdown
|
||||
* @return
|
||||
*/
|
||||
|
||||
@ -15,6 +15,7 @@ public class MyBeanUtils {
|
||||
|
||||
/**
|
||||
* 获取所有的属性值为空属性名数组
|
||||
*
|
||||
* @param source
|
||||
* @return
|
||||
*/
|
||||
|
||||
@ -1,13 +1,17 @@
|
||||
# 项目端口
|
||||
server:
|
||||
port: 9420
|
||||
|
||||
#数据库驱动mysql
|
||||
spring:
|
||||
datasource:
|
||||
driver-class-name: com.mysql.cj.jdbc.Driver
|
||||
url: jdbc:mysql://103.153.100.47: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
|
||||
password: qfmx07229710
|
||||
password: 123456
|
||||
jpa:
|
||||
hibernate:
|
||||
ddl-auto: update
|
||||
ddl-auto: create
|
||||
show-sql: false
|
||||
|
||||
#日志打印
|
||||
@ -17,5 +21,4 @@ logging:
|
||||
cn.allms: debug
|
||||
file:
|
||||
name: log/blog-dev.log
|
||||
server:
|
||||
port: 9420
|
||||
path: classpath:logback/logback-spring.xml
|
||||
@ -15,7 +15,8 @@ logging:
|
||||
level:
|
||||
root: warn
|
||||
com.yrp: info
|
||||
file: log/-blogpro.log
|
||||
file:
|
||||
name: log/-blogpro.log
|
||||
|
||||
# 服务端口
|
||||
server:
|
||||
|
||||
@ -5,14 +5,10 @@ index.type=\u5206\u7C7B
|
||||
index.tag=\u6807\u7B7E
|
||||
index.archive=\u5F52\u6863
|
||||
index.aboutme=\u7AD9\u957F\u4FE1\u606F
|
||||
|
||||
|
||||
#\u5E95\u90E8\u5BFC\u822A\u680F\u4FE1\u606F
|
||||
index.email=\u90AE\u7BB1:qfmx520@163.com
|
||||
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.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
|
||||
blog.serurl=127.0.0.1:80
|
||||
@ -5,16 +5,10 @@ index.type=Type
|
||||
index.tag=Tag
|
||||
index.archive=Archive
|
||||
index.aboutme=About Me
|
||||
|
||||
|
||||
#\u5E95\u90E8\u5BFC\u822A\u680F\u4FE1\u606F
|
||||
index.email=Email:qfmx520@163.com
|
||||
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.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
|
||||
|
||||
blog.serurl=172.20.10.6:8080
|
||||
@ -5,13 +5,10 @@ index.type=\u5206\u7C7B
|
||||
index.tag=\u6807\u7B7E
|
||||
index.archive=\u5F52\u6863
|
||||
index.aboutme=\u7AD9\u957F\u4FE1\u606F
|
||||
|
||||
|
||||
#\u5E95\u90E8\u5BFC\u822A\u680F\u4FE1\u606F
|
||||
index.email=\u90AE\u7BB1:qfmx520@163.com
|
||||
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.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
|
||||
blog.serurl=172.20.10.6:8080
|
||||
|
Before Width: | Height: | Size: 4.2 KiB After Width: | Height: | Size: 4.2 KiB |
@ -7,7 +7,9 @@
|
||||
<meta name="viewport" content="device-width, initial-scale=1.0">
|
||||
<title th:replace="${title}">博客详情</title>
|
||||
<!--引入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-->
|
||||
<link rel="stylesheet" href="../static/css/typo.css" th:href="@{/css/typo.css}">
|
||||
<!--引入动画插件CSS-->
|
||||
@ -19,8 +21,8 @@
|
||||
<!--引入自定义CSS-->
|
||||
<link rel="stylesheet" href="../static/css/me.css" th:href="@{/css/me.css}">
|
||||
<!--图标部署-->
|
||||
<link rel="shortcut icon" href="/favicon.ico" />
|
||||
<link rel="bookmark" href="/favicon.ico" type="image/x-icon"/>
|
||||
<link rel="shortcut icon" href="../static/favicon.ico" th:href="@{/favicon.ico}"/>
|
||||
<link rel="bookmark" href="../static/favicon.ico" type="image/x-icon" th:href="@{/favicon.ico}"/>
|
||||
<style type="text/css">
|
||||
.m-padded-tb-massive {
|
||||
padding-top: 2em !important;
|
||||
@ -34,11 +36,16 @@
|
||||
<div class="ui container">
|
||||
<div class="ui inverted secondary stackable menu">
|
||||
<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="@{/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>
|
||||
<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>
|
||||
<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="@{/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>
|
||||
<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">
|
||||
<form name="search" action="" th:action="@{/search}" target="_blank" method="post">
|
||||
<div class="ui icon inverted input">
|
||||
@ -58,47 +65,14 @@
|
||||
<!--底部footer-->
|
||||
<footer th:fragment="footer" class="ui inverted vertical segment m-padded-tb-massive ">
|
||||
<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 class="three wide column">-->
|
||||
<!-- <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>-->
|
||||
<!-- <!–/*–>-->
|
||||
<!-- <a href="#" class="item">idea的操作笔记</a>-->
|
||||
<!-- <a href="#" class="item">SpringBoot学习计划</a>-->
|
||||
<!-- <!–*/–>-->
|
||||
<!-- </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>-->
|
||||
|
||||
<div id="yiyan" class="ui m-text-thin m-text-spaced m-opacity-tiny center aligned"
|
||||
style="padding-bottom: 5px"></div>
|
||||
<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">
|
||||
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>
|
||||
<!--分割线-->
|
||||
<div class="ui inverted section divider"></div>
|
||||
@ -120,15 +94,16 @@
|
||||
<!--引入二维码生成插件 JS-->
|
||||
<script src="../static/lib/qrcode/qrcode.min.js" th:src="@{/lib/qrcode/qrcode.min.js}"></script>
|
||||
<!--引入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>
|
||||
$('#newblog-container').load(/*[[@{/footer/newblog}]]*/"/footer/newblog");
|
||||
</script>
|
||||
<script>
|
||||
let yiyan_url = "https://v1.hitokoto.cn/?c=f&encode=text";
|
||||
$.get(yiyan_url, null, function (data) {
|
||||
// 一言接口
|
||||
$("#yiyan").text(data);
|
||||
console.log(data);
|
||||
})
|
||||
</script>
|
||||
</th:block>
|
||||
|
||||
@ -80,10 +80,14 @@
|
||||
<div class="ui teal basic left pointing label m-margin-tb-tiny">blockChain</div>
|
||||
</div>
|
||||
<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 circular icon button" target="_blank"><i class="qq icon" 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>
|
||||
<a href="#" class="ui circular icon button" target="_blank"><i class="qq icon"
|
||||
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>
|
||||
@ -101,7 +105,8 @@
|
||||
<div class="ui inverted link list">
|
||||
<h4 class="ui inverted header m-opacity-min">站长微信</h4>
|
||||
<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>
|
||||
@ -124,7 +129,8 @@
|
||||
</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">作者是一名springboot爱好者,是一名正在努力奋斗的学生,主要学习JavaEE开发,Web前端等技术.作者是个喜欢旅行的孩子,目标是游遍全世界！</p>
|
||||
<p class="m-text-thin m-text-spaced m-opacity-min m-text-lined">
|
||||
作者是一名springboot爱好者,是一名正在努力奋斗的学生,主要学习JavaEE开发,Web前端等技术.作者是个喜欢旅行的孩子,目标是游遍全世界！</p>
|
||||
</div>
|
||||
</div>
|
||||
<!--分割线-->
|
||||
|
||||
@ -6,11 +6,12 @@
|
||||
<meta name="viewport" content="device-width, initial-scale=1.0">
|
||||
<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="../../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="shortcut icon" href="/favicon.ico" />
|
||||
<link rel="bookmark" href="/favicon.ico" type="image/x-icon"/>
|
||||
<link rel="shortcut icon" href="/static/favicon.ico"/>
|
||||
<link rel="bookmark" href="/static/favicon.ico" type="image/x-icon"/>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
@ -19,14 +20,19 @@
|
||||
<div class="ui container">
|
||||
<div class="ui inverted secondary stackable menu">
|
||||
<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/types}" class="m-item item m-mobile-hide" th:classappend="${n==2}? 'active'"><i 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>
|
||||
<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/types}" class="m-item item m-mobile-hide" th:classappend="${n==2}? 'active'"><i
|
||||
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="ui dropdown item">
|
||||
<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>
|
||||
</div>
|
||||
<i class="dropdown icon"></i>
|
||||
@ -52,7 +58,8 @@
|
||||
</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>
|
||||
</footer>
|
||||
|
||||
|
||||
@ -14,7 +14,8 @@
|
||||
</head>
|
||||
<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 inverted secondary stackable menu">
|
||||
<h2 class="ui teal header item">后台管理</h2>
|
||||
@ -91,7 +92,9 @@
|
||||
<i class="dropdown icon"></i>
|
||||
<div class="default text">分类</div>
|
||||
<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="3">分類3</div>
|
||||
@ -108,7 +111,9 @@
|
||||
<i class="dropdown icon"></i>
|
||||
<div class="default text">标签</div>
|
||||
<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="3">标签3</div>
|
||||
@ -118,13 +123,23 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="two fields">
|
||||
<div class="field">
|
||||
<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}">
|
||||
</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">
|
||||
<textarea name="description" th:text="*{description}" placeholder="博客描述..." maxlength="200"></textarea>
|
||||
@ -133,25 +148,29 @@
|
||||
<div class="field">
|
||||
<div class="ui checkbox">
|
||||
<!--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>
|
||||
</div>
|
||||
</div>
|
||||
<div class="field">
|
||||
<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>
|
||||
</div>
|
||||
</div>
|
||||
<div class="field">
|
||||
<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>
|
||||
</div>
|
||||
</div>
|
||||
<div class="field">
|
||||
<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>
|
||||
</div>
|
||||
</div>
|
||||
@ -206,7 +225,8 @@
|
||||
</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">作者是一名springboot爱好者,是一名正在努力奋斗的学生,主要学习JavaEE开发,Web前端等技术.作者是个喜欢旅行的孩子,目标是游遍全世界！</p>
|
||||
<p class="m-text-thin m-text-spaced m-opacity-min m-text-lined">
|
||||
作者是一名springboot爱好者,是一名正在努力奋斗的学生,主要学习JavaEE开发,Web前端等技术.作者是个喜欢旅行的孩子,目标是游遍全世界！</p>
|
||||
</div>
|
||||
</div>
|
||||
<!--分割线-->
|
||||
@ -261,6 +281,8 @@
|
||||
$('#blog-form').submit();
|
||||
});
|
||||
|
||||
$('.ui.checkbox').checkbox();
|
||||
|
||||
/*表单校验*/
|
||||
$('.ui.form').form({
|
||||
fields: {
|
||||
|
||||
@ -12,7 +12,8 @@
|
||||
</head>
|
||||
<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 inverted secondary stackable menu">
|
||||
<h2 class="ui teal header item">后台管理</h2>
|
||||
@ -66,7 +67,9 @@
|
||||
<i class="dropdown icon"></i>
|
||||
<div class="default text">分类</div>
|
||||
<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="3">Spring</div>
|
||||
@ -87,7 +90,8 @@
|
||||
</div>
|
||||
<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>
|
||||
@ -113,8 +117,10 @@
|
||||
<td th:text="${blog.published} ? '发布' :'草稿'">推荐</td>
|
||||
<td th:text="${blog.updateTime}">2018-7-12</td>
|
||||
<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}/delete(id=${blog.id})}" class="ui m-margin-right tiny red button">删除</a>
|
||||
<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}/delete(id=${blog.id})}"
|
||||
class="ui m-margin-right tiny red button">删除</a>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
@ -122,8 +128,10 @@
|
||||
<!--分页组件-->
|
||||
<th colspan="7">
|
||||
<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" th:unless="${page.last}">下一页</a>
|
||||
<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"
|
||||
th:unless="${page.last}">下一页</a>
|
||||
</div>
|
||||
<a href="#" th:href="@{/admin/blogs/input}" class="ui tiny orange right floated button">新增</a>
|
||||
</th>
|
||||
@ -170,7 +178,8 @@
|
||||
</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">作者是一名springboot爱好者,是一名正在努力奋斗的学生,主要学习JavaEE开发,Web前端等技术.作者是个喜欢旅行的孩子,目标是游遍全世界！</p>
|
||||
<p class="m-text-thin m-text-spaced m-opacity-min m-text-lined">
|
||||
作者是一名springboot爱好者,是一名正在努力奋斗的学生,主要学习JavaEE开发,Web前端等技术.作者是个喜欢旅行的孩子,目标是游遍全世界！</p>
|
||||
</div>
|
||||
</div>
|
||||
<!--分割线-->
|
||||
@ -193,6 +202,7 @@
|
||||
$('.ui.dropdown').dropdown({
|
||||
on: 'hover'
|
||||
});
|
||||
|
||||
/*分页*/
|
||||
function page(obj) {
|
||||
$("[name='page']").val($(obj).data("page"));
|
||||
|
||||
@ -12,7 +12,8 @@
|
||||
</head>
|
||||
<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 inverted secondary stackable menu">
|
||||
<h2 class="ui teal header item">后台管理</h2>
|
||||
@ -57,7 +58,8 @@
|
||||
<h3>浅枫沐雪</h3>
|
||||
<p>欢迎登录, 疾风大神！</p>
|
||||
</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>
|
||||
<br>
|
||||
@ -92,7 +94,8 @@
|
||||
</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">作者是一名springboot爱好者,是一名正在努力奋斗的学生,主要学习JavaEE开发,Web前端等技术.作者是个喜欢旅行的孩子,目标是游遍全世界！</p>
|
||||
<p class="m-text-thin m-text-spaced m-opacity-min m-text-lined">
|
||||
作者是一名springboot爱好者,是一名正在努力奋斗的学生,主要学习JavaEE开发,Web前端等技术.作者是个喜欢旅行的孩子,目标是游遍全世界！</p>
|
||||
</div>
|
||||
</div>
|
||||
<!--分割线-->
|
||||
|
||||
@ -43,7 +43,8 @@
|
||||
</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>
|
||||
</div>
|
||||
|
||||
@ -14,7 +14,8 @@
|
||||
</head>
|
||||
<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 inverted secondary stackable menu">
|
||||
<h2 class="ui teal header item">后台管理</h2>
|
||||
@ -57,7 +58,8 @@
|
||||
<div class="m-container-small m-padded-tb-big">
|
||||
<!--适应移动端手机-->
|
||||
<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">
|
||||
<input type="hidden" name="id" th:value="*{id}">
|
||||
<div class="ui left labeled input">
|
||||
@ -125,7 +127,8 @@
|
||||
</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">作者是一名springboot爱好者,是一名正在努力奋斗的学生,主要学习JavaEE开发,Web前端等技术.作者是个喜欢旅行的孩子,目标是游遍全世界！</p>
|
||||
<p class="m-text-thin m-text-spaced m-opacity-min m-text-lined">
|
||||
作者是一名springboot爱好者,是一名正在努力奋斗的学生,主要学习JavaEE开发,Web前端等技术.作者是个喜欢旅行的孩子,目标是游遍全世界！</p>
|
||||
</div>
|
||||
</div>
|
||||
<!--分割线-->
|
||||
|
||||
@ -12,7 +12,8 @@
|
||||
</head>
|
||||
<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 inverted secondary stackable menu">
|
||||
<h2 class="ui teal header item">后台管理</h2>
|
||||
@ -73,8 +74,10 @@
|
||||
<td th:text="${iterStat.count}">1</td>
|
||||
<td data-label="name" th:text="${tag.name}">学习</td>
|
||||
<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}/delete(id=${tag.id})}" class="ui m-margin-right tiny red button">删除</a>
|
||||
<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}/delete(id=${tag.id})}"
|
||||
class="ui m-margin-right tiny red button">删除</a>
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
@ -126,7 +129,8 @@
|
||||
</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">作者是一名springboot爱好者,是一名正在努力奋斗的学生,主要学习JavaEE开发,Web前端等技术.作者是个喜欢旅行的孩子,目标是游遍全世界！</p>
|
||||
<p class="m-text-thin m-text-spaced m-opacity-min m-text-lined">
|
||||
作者是一名springboot爱好者,是一名正在努力奋斗的学生,主要学习JavaEE开发,Web前端等技术.作者是个喜欢旅行的孩子,目标是游遍全世界！</p>
|
||||
</div>
|
||||
</div>
|
||||
<!--分割线-->
|
||||
|
||||
@ -14,7 +14,8 @@
|
||||
</head>
|
||||
<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 inverted secondary stackable menu">
|
||||
<h2 class="ui teal header item">后台管理</h2>
|
||||
@ -57,7 +58,8 @@
|
||||
<div class="m-container-small m-padded-tb-big">
|
||||
<!--适应移动端手机-->
|
||||
<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">
|
||||
<input type="hidden" name="id" th:value="*{id}">
|
||||
<div class="ui left labeled input">
|
||||
@ -125,7 +127,8 @@
|
||||
</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">作者是一名springboot爱好者,是一名正在努力奋斗的学生,主要学习JavaEE开发,Web前端等技术.作者是个喜欢旅行的孩子,目标是游遍全世界！</p>
|
||||
<p class="m-text-thin m-text-spaced m-opacity-min m-text-lined">
|
||||
作者是一名springboot爱好者,是一名正在努力奋斗的学生,主要学习JavaEE开发,Web前端等技术.作者是个喜欢旅行的孩子,目标是游遍全世界！</p>
|
||||
</div>
|
||||
</div>
|
||||
<!--分割线-->
|
||||
|
||||
@ -12,7 +12,8 @@
|
||||
</head>
|
||||
<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 inverted secondary stackable menu">
|
||||
<h2 class="ui teal header item">后台管理</h2>
|
||||
@ -73,8 +74,10 @@
|
||||
<td th:text="${iterStat.count}">1</td>
|
||||
<td data-label="name" th:text="${type.name}">学习</td>
|
||||
<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}/delete(id=${type.id})}" class="ui m-margin-right tiny red button">删除</a>
|
||||
<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}/delete(id=${type.id})}"
|
||||
class="ui m-margin-right tiny red button">删除</a>
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
@ -126,7 +129,8 @@
|
||||
</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">作者是一名springboot爱好者,是一名正在努力奋斗的学生,主要学习JavaEE开发,Web前端等技术.作者是个喜欢旅行的孩子,目标是游遍全世界！</p>
|
||||
<p class="m-text-thin m-text-spaced m-opacity-min m-text-lined">
|
||||
作者是一名springboot爱好者,是一名正在努力奋斗的学生,主要学习JavaEE开发,Web前端等技术.作者是个喜欢旅行的孩子,目标是游遍全世界！</p>
|
||||
</div>
|
||||
</div>
|
||||
<!--分割线-->
|
||||
|
||||
@ -58,11 +58,13 @@
|
||||
<th:block th:each="item : ${archiveMap}">
|
||||
<h3 class="ui center aligned header" th:text="${item.key}">2019</h3>
|
||||
<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>
|
||||
<i class=" teal tiny circle icon "></i>
|
||||
<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>
|
||||
<div class="ui orange basic label" th:text="${blog.flag}">原创</div>
|
||||
</a>
|
||||
@ -148,7 +150,8 @@
|
||||
<div class="ui inverted link list">
|
||||
<h4 class="ui inverted header m-opacity-min">站长微信</h4>
|
||||
<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>
|
||||
@ -171,7 +174,8 @@
|
||||
</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">作者是一名springboot爱好者,是一名正在努力奋斗的学生,主要学习JavaEE开发,Web前端等技术.作者是个喜欢旅行的孩子,目标是游遍全世界！</p>
|
||||
<p class="m-text-thin m-text-spaced m-opacity-min m-text-lined">
|
||||
作者是一名springboot爱好者,是一名正在努力奋斗的学生,主要学习JavaEE开发,Web前端等技术.作者是个喜欢旅行的孩子,目标是游遍全世界！</p>
|
||||
</div>
|
||||
</div>
|
||||
<!--分割线-->
|
||||
|
||||
@ -50,7 +50,8 @@
|
||||
<div class="ui top attached segment">
|
||||
<div class="ui horizontal link list">
|
||||
<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>
|
||||
<div class="item">
|
||||
@ -64,7 +65,8 @@
|
||||
</div>
|
||||
<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 class="ui attached padding segment">
|
||||
<!--主要内容-->
|
||||
@ -73,7 +75,8 @@
|
||||
</div>
|
||||
<h2 class="ui center aligned header" th:text="${blog.title}">semantic-ui的使用教程.</h2>
|
||||
<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> </h2>
|
||||
<h2 id="tagline" class="serif">一致化浏览器排版效果，构建最适合中文阅读的网页排版</h2>
|
||||
|
||||
@ -98,8 +101,10 @@
|
||||
<p><i class="serif">Typo.css</i> 的目的是，在一致化浏览器排版效果的同时，构建最适合中文阅读的网页排版。</p>
|
||||
<h4>现状和如何去做：</h4>
|
||||
|
||||
<p class="typo-first">排版是一个麻烦的问题 <sup><a href="#appendix1"># 附录一</a></sup>，需要精心设计，而这个设计却是常被视觉设计师所忽略的。前端工程师更常看到这样的问题，但不便变更。因为在多个 OS 中的不同浏览器渲染不同，改动需要多的时间做回归测试，所以改变变得更困难。而像我们一般使用的
|
||||
Yahoo、Eric Meyer 和 Alice base.css 中采用的 Reset 都没有很好地考虑中文排版。<i class="serif">Typo.css</i> 要做的就是解决中文排版的问题。</p>
|
||||
<p class="typo-first">排版是一个麻烦的问题 <sup><a href="#appendix1"># 附录一</a></sup>，需要精心设计，而这个设计却是常被视觉设计师所忽略的。前端工程师更常看到这样的问题，但不便变更。因为在多个
|
||||
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>
|
||||
<pre><code class="language-java">p { color: red }</code></pre>
|
||||
@ -167,8 +172,10 @@
|
||||
|
||||
<h4>中文排版的重点和难点</h4>
|
||||
|
||||
<p>在中文排版中，HTML4 的很多标准在语义在都有照顾到。但从视觉效果上，却很难利用单独的 CSS 来实现，像<abbr title="在文字下多加一个点">着重号</abbr>（例：这里<em class="typo-em">强调一下</em>）。在 HTML4 中，专名号标签（<code><u></code>）已经被放弃，而
|
||||
HTML5 被<a href="http://html5doctor.com/u-element/">重新提起</a>。<i class="serif">Typo.css</i> 也根据实际情况提供相应的方案。我们重要要注意的两点是：</p>
|
||||
<p>在中文排版中，HTML4 的很多标准在语义在都有照顾到。但从视觉效果上，却很难利用单独的 CSS 来实现，像<abbr title="在文字下多加一个点">着重号</abbr>（例：这里<em
|
||||
class="typo-em">强调一下</em>）。在 HTML4 中，专名号标签（<code><u></code>）已经被放弃，而
|
||||
HTML5 被<a href="http://html5doctor.com/u-element/">重新提起</a>。<i class="serif">Typo.css</i>
|
||||
也根据实际情况提供相应的方案。我们重要要注意的两点是：</p>
|
||||
<ol>
|
||||
<li>语义：语义对应的用法和样式是否与中文排版一致</li>
|
||||
<li>表现：在各浏览器中的字体、大小和缩放是否如排版预期</li>
|
||||
@ -210,70 +217,95 @@
|
||||
title="张燕婴">我</abbr>的学说，纷纷到我这里来讨论问题，我也感到快乐；再退一步说，即使社会不采用，人们也不理解我，我也不怨恨，这样做，不也就是君子吗？（见《齐鲁学刊》1986年第6期文）这种解释可以自圆其说，而且也有一定的道理，供读者在理解本章内容时参考。
|
||||
</p>
|
||||
|
||||
<p>此外，在对「人不知，而不愠」一句的解释中，也有人认为，「人不知」的后面没有宾语，人家不知道什么呢？当时因为孔子有说话的特定环境，他不需要说出知道什么，别人就可以理解了，却给后人留下一个谜。有人说，这一句是接上一句说的，从远方来的朋友向我求教，我告诉他，他还不懂，我却不怨恨。这样，「人不知」就是「人家不知道我所讲述的」了。这样的解释似乎有些牵强。</p>
|
||||
<p>
|
||||
此外，在对「人不知，而不愠」一句的解释中，也有人认为，「人不知」的后面没有宾语，人家不知道什么呢？当时因为孔子有说话的特定环境，他不需要说出知道什么，别人就可以理解了，却给后人留下一个谜。有人说，这一句是接上一句说的，从远方来的朋友向我求教，我告诉他，他还不懂，我却不怨恨。这样，「人不知」就是「人家不知道我所讲述的」了。这样的解释似乎有些牵强。</p>
|
||||
|
||||
<p>总之，本章提出以学习为乐事，做到人不知而不愠，反映出孔子学而不厌、诲人不倦、注重修养、严格要求自己的主张。这些思想主张在《论语》书中多处可见，有助于对第一章内容的深入了解。</p>
|
||||
|
||||
<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
|
||||
standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a
|
||||
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
|
||||
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the
|
||||
industry's
|
||||
standard dummy text ever since the 1500s, when an unknown printer took a galley of type and
|
||||
scrambled it to make a
|
||||
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>
|
||||
<blockquote>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna
|
||||
aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore
|
||||
et dolore magna
|
||||
aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
|
||||
commodo consequat.
|
||||
</blockquote>
|
||||
|
||||
<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
|
||||
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
|
||||
<p>"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore
|
||||
et dolore magna
|
||||
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>
|
||||
|
||||
<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,
|
||||
eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam
|
||||
voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione
|
||||
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,
|
||||
<p>"Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium,
|
||||
totam rem aperiam,
|
||||
eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.
|
||||
Nemo enim ipsam
|
||||
voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos
|
||||
qui ratione
|
||||
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>
|
||||
|
||||
<h4>List style in action</h4>
|
||||
<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.
|
||||
<p>如果你希望成功，当以恒心为良友，以经验为参谋，以谨慎为兄弟，以希望为哨兵。</p>
|
||||
</li>
|
||||
<li>Sometimes one pays most for the things one gets for nothing.
|
||||
<p>有时候一个人为不花钱得到的东西付出的代价最高。</p>
|
||||
</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.
|
||||
<p>只有有耐心圆满完成简单工作的人，才能够轻而易举的完成困难的事。</p>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<h4>You may want to create a perfect <code><hr /></code> line, despite the fact that there will never have one
|
||||
<h4>You may want to create a perfect <code><hr /></code> line, despite the fact that there will
|
||||
never have one
|
||||
</h4>
|
||||
<hr/>
|
||||
<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".
|
||||
</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:
|
||||
</p>
|
||||
</div>
|
||||
<!--标签-->
|
||||
<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 th:if="${blog.appreciation}">
|
||||
@ -286,11 +318,13 @@
|
||||
<div class="ui small images" style="font-size: inherit">
|
||||
<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 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>
|
||||
@ -304,15 +338,19 @@
|
||||
<div class="ui middle aligned grid">
|
||||
<div class="eleven wide column">
|
||||
<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>公众号转载:请在文末添加作者公众号二维码</li>
|
||||
</ui>
|
||||
</div>
|
||||
<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>
|
||||
@ -329,16 +367,21 @@
|
||||
<div class="content">
|
||||
<a class="author">
|
||||
<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>
|
||||
<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 class="text" th:text="${comment.content}">
|
||||
你的博客真棒！
|
||||
</div>
|
||||
<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>
|
||||
<!--判断是否有子集回复-->
|
||||
@ -350,17 +393,23 @@
|
||||
<div class="content">
|
||||
<a class="author">
|
||||
<span th:text="${reply.nickname}">小白</span>
|
||||
<div class="ui mini basic teal left pointing label m-padded-mini" th:if="${reply.adminComment}">博主</div>
|
||||
<span th:text="' @' + ${reply.parentComment.nickname}" class="m-teal">@ 小红</span>
|
||||
<div class="ui mini basic teal left pointing label m-padded-mini"
|
||||
th:if="${reply.adminComment}">博主
|
||||
</div>
|
||||
<span th:text="' @' + ${reply.parentComment.nickname}"
|
||||
class="m-teal">@ 小红</span>
|
||||
</a>
|
||||
<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 class="text" th:text="${reply.content}">
|
||||
你好呀！
|
||||
</div>
|
||||
<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>
|
||||
@ -439,17 +488,21 @@
|
||||
<div class="field m-mobile-wide m-margin-bottom-small">
|
||||
<div class="ui left icon input">
|
||||
<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 class="field m-mobile-wide m-margin-bottom-small">
|
||||
<div class="ui left icon input">
|
||||
<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 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>
|
||||
<!--表单校验-->
|
||||
@ -471,7 +524,8 @@
|
||||
</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目录生成地点-->
|
||||
<ol class="js-toc"></ol>
|
||||
</div>
|
||||
@ -505,7 +559,8 @@
|
||||
<!--引入二维码生成插件 JS-->
|
||||
<script src="../static/lib/qrcode/qrcode.min.js" th:src="@{/lib/qrcode/qrcode.min.js}"></script>
|
||||
<!--引入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>
|
||||
|
||||
|
||||
@ -4,10 +4,14 @@
|
||||
<meta charset="UTF-8">
|
||||
<!--移动端预览-->
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>首页</title>
|
||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/semantic-ui/2.2.4/semantic.min.css">
|
||||
<title>浅枫沐雪</title>
|
||||
<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-->
|
||||
<link rel="stylesheet" href="../static/css/me.css">
|
||||
<link rel="stylesheet" href="../static/css/me.css" th:href="@{/css/me.css}"/>
|
||||
</head>
|
||||
<body>
|
||||
<!--导航-->
|
||||
@ -27,7 +31,8 @@
|
||||
<h3 class="ui teal header">最近动态</h3>
|
||||
</dvi>
|
||||
<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>
|
||||
</div>
|
||||
</div>
|
||||
@ -37,18 +42,22 @@
|
||||
<!--mobile reversed反序-->
|
||||
<div class="ui middle aligned grid mobile reversed stackable">
|
||||
<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}.....|">庐山，又名匡山、
|
||||
匡庐，位于江西省九江市庐山市境内。介于东经115°52′—116°8′，北纬29°26′—29°41′之间。东偎婺源、鄱阳湖，南靠滕王阁，西邻京九铁路大通脉，北枕滔滔长江。 </p>
|
||||
<div class="ui grid">
|
||||
<div class="eleven wide column">
|
||||
<div class="ui mini horizontal link list">
|
||||
<div class="item">
|
||||
<img src="https://picsum.photos/id/1011/100/100" alt="" 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>
|
||||
<img src="https://picsum.photos/id/1011/100/100" alt=""
|
||||
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 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 class="item m-mobile-hide">
|
||||
<i class="eye icon"></i><span th:text="${blog.views}">7437</span>
|
||||
@ -56,14 +65,17 @@
|
||||
</div>
|
||||
</div>
|
||||
<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 class="five wide column">
|
||||
|
||||
<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>
|
||||
</div>
|
||||
</div>
|
||||
@ -73,10 +85,12 @@
|
||||
<div class="ui bottom attached segment" th:if="${page.totalPages}>1">
|
||||
<div class="ui middle aligned two column grid">
|
||||
<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 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>
|
||||
</div>
|
||||
</div>
|
||||
@ -90,7 +104,8 @@
|
||||
<i class="idea icon"></i>分类
|
||||
</div>
|
||||
<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>
|
||||
@ -98,7 +113,9 @@
|
||||
<div class="ui fluid vertical menu">
|
||||
<a href="#" th:href="@{/types/{id}(id=${type.id})}" class="item" th:each="type : ${types}">
|
||||
<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 href="#" class="item">
|
||||
@ -133,12 +150,14 @@
|
||||
<i class="tags icon"></i>标签
|
||||
</div>
|
||||
<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 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>
|
||||
<div class="detail" th:text="${#arrays.length(tag.blogs)}">23</div>
|
||||
</a>
|
||||
@ -170,7 +189,8 @@
|
||||
</div>
|
||||
|
||||
<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 class="ui segment">
|
||||
@ -190,10 +210,13 @@
|
||||
<img src="../static/images/WeChat.jpg" th:src="@{/images/QQ.png}" alt="" class="ui rounded image">
|
||||
</div>
|
||||
<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 circular icon button"><i class="qq icon" data-content="745719461" data-position="bottom center"></i></a>
|
||||
<a href="https://space.bilibili.com/424210875" class="ui circular icon button"><i class=" icon">B</i></a>
|
||||
<a href="#" class="ui circular icon button"><i class="qq icon" data-content="745719461"
|
||||
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 style="display: none">
|
||||
@ -202,11 +225,13 @@
|
||||
<div class="ui two column grid">
|
||||
<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 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>
|
||||
|
||||
@ -82,18 +82,22 @@
|
||||
<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="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}.....|">庐山，又名匡山、
|
||||
匡庐，位于江西省九江市庐山市境内。介于东经115°52′—116°8′，北纬29°26′—29°41′之间。东偎婺源、鄱阳湖，南靠滕王阁，西邻京九铁路大通脉，北枕滔滔长江。 </p>
|
||||
<div class="ui grid">
|
||||
<div class="eleven wide column">
|
||||
<div class="ui mini horizontal link list">
|
||||
<div class="item">
|
||||
<img src="https://picsum.photos/id/1011/100/100" alt="" class="ui avatar image" th:src="@{${blog.user.avatar}}" >
|
||||
<div class="content"> <a href="#" class="header" th:text="${blog.user.nickname}">QFMX</a></div>
|
||||
<img src="https://picsum.photos/id/1011/100/100" alt="" class="ui avatar image"
|
||||
th:src="@{${blog.user.avatar}}">
|
||||
<div class="content"><a href="#" class="header" th:text="${blog.user.nickname}">QFMX</a>
|
||||
</div>
|
||||
</div>
|
||||
<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 class="item">
|
||||
<i class="eye icon"></i><span th:text="${blog.views}">7437</span>
|
||||
@ -101,14 +105,16 @@
|
||||
</div>
|
||||
</div>
|
||||
<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 class="five wide column">
|
||||
|
||||
<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>
|
||||
</div>
|
||||
</div>
|
||||
@ -118,10 +124,12 @@
|
||||
<div class="ui bottom attached segment" th:if="${page.totalPages}>1">
|
||||
<div class="ui middle aligned two column grid">
|
||||
<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 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>
|
||||
</div>
|
||||
</div>
|
||||
@ -138,7 +146,8 @@
|
||||
<div class="ui inverted link list">
|
||||
<h4 class="ui inverted header m-opacity-min">站长微信</h4>
|
||||
<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>
|
||||
@ -161,7 +170,8 @@
|
||||
</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">作者是一名springboot爱好者,是一名正在努力奋斗的学生,主要学习JavaEE开发,Web前端等技术.作者是个喜欢旅行的孩子,目标是游遍全世界！</p>
|
||||
<p class="m-text-thin m-text-spaced m-opacity-min m-text-lined">
|
||||
作者是一名springboot爱好者,是一名正在努力奋斗的学生,主要学习JavaEE开发,Web前端等技术.作者是个喜欢旅行的孩子,目标是游遍全世界！</p>
|
||||
</div>
|
||||
</div>
|
||||
<!--分割线-->
|
||||
|
||||
@ -54,7 +54,8 @@
|
||||
</div>
|
||||
<!--分类列表区域-->
|
||||
<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>
|
||||
<div class="detail" th:text="${#arrays.length(tag.blogs)}">23</div>
|
||||
</a>
|
||||
@ -107,18 +108,22 @@
|
||||
<!--mobile reversed反序-->
|
||||
<div class="ui middle aligned grid mobile reversed stackable">
|
||||
<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}.....|">庐山，又名匡山、
|
||||
匡庐，位于江西省九江市庐山市境内。介于东经115°52′—116°8′，北纬29°26′—29°41′之间。东偎婺源、鄱阳湖，南靠滕王阁，西邻京九铁路大通脉，北枕滔滔长江。 </p>
|
||||
<div class="ui grid">
|
||||
<div class="eleven wide column">
|
||||
<div class="ui mini horizontal link list">
|
||||
<div class="item">
|
||||
<img src="https://picsum.photos/id/1011/100/100" alt="" class="ui avatar image" th:src="@{${blog.user.avatar}}" >
|
||||
<div class="content"> <a href="#" class="header" th:text="${blog.user.nickname}">QFMX</a></div>
|
||||
<img src="https://picsum.photos/id/1011/100/100" alt="" class="ui avatar image"
|
||||
th:src="@{${blog.user.avatar}}">
|
||||
<div class="content"><a href="#" class="header" th:text="${blog.user.nickname}">QFMX</a>
|
||||
</div>
|
||||
</div>
|
||||
<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 class="item">
|
||||
<i class="eye icon"></i><span th:text="${blog.views}">7437</span>
|
||||
@ -126,18 +131,23 @@
|
||||
</div>
|
||||
</div>
|
||||
<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 class="row">
|
||||
<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 class="five wide column">
|
||||
<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>
|
||||
</div>
|
||||
</div>
|
||||
@ -148,10 +158,12 @@
|
||||
<div class="ui bottom attached segment" th:if="${page.totalPages}>1">
|
||||
<div class="ui middle aligned two column grid">
|
||||
<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 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>
|
||||
</div>
|
||||
</div>
|
||||
@ -168,7 +180,8 @@
|
||||
<div class="ui inverted link list">
|
||||
<h4 class="ui inverted header m-opacity-min">站长微信</h4>
|
||||
<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>
|
||||
@ -191,7 +204,8 @@
|
||||
</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">作者是一名springboot爱好者,是一名正在努力奋斗的学生,主要学习JavaEE开发,Web前端等技术.作者是个喜欢旅行的孩子,目标是游遍全世界！</p>
|
||||
<p class="m-text-thin m-text-spaced m-opacity-min m-text-lined">
|
||||
作者是一名springboot爱好者,是一名正在努力奋斗的学生,主要学习JavaEE开发,Web前端等技术.作者是个喜欢旅行的孩子,目标是游遍全世界！</p>
|
||||
</div>
|
||||
</div>
|
||||
<!--分割线-->
|
||||
|
||||
@ -17,7 +17,8 @@
|
||||
<div class="ui inverted secondary stackable menu">
|
||||
<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="@{/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="@{/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>
|
||||
@ -55,8 +56,10 @@
|
||||
<!--分类列表区域-->
|
||||
<div class="ui attached segment m-padded-tb-large ">
|
||||
<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>
|
||||
<div class="ui basic left pointing label" th:classappend="${type.id==avtiveTypeId }? 'teal'" th:text="${#arrays.length(type.blogs)}">
|
||||
<a href="#" th:href="@{/types/{id}(id=${type.id})}" class="ui basic button"
|
||||
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
|
||||
</div>
|
||||
</div>
|
||||
@ -111,18 +114,23 @@
|
||||
<!--mobile reversed反序-->
|
||||
<div class="ui middle aligned grid mobile reversed stackable">
|
||||
<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}.....|">庐山，又名匡山、
|
||||
匡庐，位于江西省九江市庐山市境内。介于东经115°52′—116°8′，北纬29°26′—29°41′之间。东偎婺源、鄱阳湖，南靠滕王阁，西邻京九铁路大通脉，北枕滔滔长江。 </p>
|
||||
<div class="ui grid">
|
||||
<div class="eleven wide column">
|
||||
<div class="ui mini horizontal link list">
|
||||
<div class="item">
|
||||
<img src="https://picsum.photos/id/1011/100/100" alt="" class="ui avatar image" 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>
|
||||
<img src="https://picsum.photos/id/1011/100/100" alt="" class="ui avatar image"
|
||||
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 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 class="item">
|
||||
<i class="eye icon"></i><span th:text="${blog.views}">7437</span>
|
||||
@ -130,13 +138,15 @@
|
||||
</div>
|
||||
</div>
|
||||
<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 class="five wide column">
|
||||
<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>
|
||||
</div>
|
||||
</div>
|
||||
@ -144,7 +154,8 @@
|
||||
<div class="ui grid mobile reversed stackable">
|
||||
<div class="eleven wide column">
|
||||
<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="eleven wide column">
|
||||
<div class="ui mini horizontal link list">
|
||||
@ -174,7 +185,8 @@
|
||||
<div class="ui grid mobile reversed stackable">
|
||||
<div class="eleven wide column">
|
||||
<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="eleven wide column">
|
||||
<div class="ui mini horizontal link list">
|
||||
@ -191,7 +203,8 @@
|
||||
</div>
|
||||
</div>
|
||||
<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>
|
||||
@ -204,7 +217,8 @@
|
||||
<div class="ui grid mobile reversed stackable">
|
||||
<div class="eleven wide column">
|
||||
<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="eleven wide column">
|
||||
<div class="ui mini horizontal link list">
|
||||
@ -221,7 +235,8 @@
|
||||
</div>
|
||||
</div>
|
||||
<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>
|
||||
@ -238,10 +253,12 @@
|
||||
<div class="ui bottom attached segment" th:if="${page.totalPages}>1">
|
||||
<div class="ui middle aligned two column grid">
|
||||
<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 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>
|
||||
</div>
|
||||
</div>
|
||||
@ -258,7 +275,8 @@
|
||||
<div class="ui inverted link list">
|
||||
<h4 class="ui inverted header m-opacity-min">站长微信</h4>
|
||||
<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>
|
||||
@ -281,7 +299,8 @@
|
||||
</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">作者是一名springboot爱好者,是一名正在努力奋斗的学生,主要学习JavaEE开发,Web前端等技术.作者是个喜欢旅行的孩子,目标是游遍全世界！</p>
|
||||
<p class="m-text-thin m-text-spaced m-opacity-min m-text-lined">
|
||||
作者是一名springboot爱好者,是一名正在努力奋斗的学生,主要学习JavaEE开发,Web前端等技术.作者是个喜欢旅行的孩子,目标是游遍全世界！</p>
|
||||
</div>
|
||||
</div>
|
||||
<!--分割线-->
|
||||
|
||||
Loading…
Reference in New Issue
Block a user