简介

本着『前后端分离，人不分离』的要领，开发了此基于 Spring Boot + Vue 前后端分离博客系统

预览地址：

前台：https://naccl.top

后台：https://admin.naccl.top 账号Visitor密码123456

后端

1. 核心框架：Spring Boot
2. 安全框架：Spring Security
3. Token 认证：jjwt
4. 持久层框架：MyBatis
5. 分页插件：PageHelper
6. NoSQL缓存：Redis
7. Markdown 转 HTML：commonmark-java
8. 离线 IP 地址库：ip2region
9. 定时任务：quartz
10. UserAgent 解析：yauaa

基于 JDK8 开发，8以上要添加依赖：

<dependency>
    <groupId>javax.xml.bind</groupId>
    <artifactId>jaxb-api</artifactId>
    <version>2.3.0</version>
</dependency>

前端

核心框架：Vue2.x、Vue Router、Vuex

Vue 项目基于 @vue/cli4.x 构建

后台 UI

Element UI：后台 CMS 部分完全基于 Element UI 开发

前台 UI

Semantic UI：主要使用，页面布局样式，个人感觉挺好看的 UI 框架，比较适合前台界面的开发，语义化的 css，前一版博客系统使用过，可惜该框架 Vue 版的开发完成度不高，见 Semantic UI Vue

Element UI：部分使用，一些小组件，弥补了 Semantic UI 的不足，便于快速实现效果

MarkDown 排版：基于 typo.css 修改

快速开始

1. 创建 MySQL 数据库nblog，并执行/blog-api/nblog.sql初始化表数据
2. 修改配置信息blog-api/src/main/resources/application-dev.properties
3. 安装 Redis 并启动
4. 启动后端服务
5. 分别在blog-cms和blog-view目录下执行npm install安装依赖
6. 分别在blog-cms和blog-view目录下执行npm run serve启动前后台页面

And...

由于一些技术是现学现用的，难免有些考虑不周，望大佬们能够指出错误

自用博客，长期维护，欢迎勘误

致谢

感谢 JetBrains 提供的非商业开源软件License

此项目本是学习过程中的产物，参考了许多优秀的教程和项目，由于比较零散，难以统计，如大佬能看到此，请及时与我联系，以便表示感谢