/DimpleBlog

个人博客

Primary LanguageJavaApache License 2.0Apache-2.0

DimpleBlog

更新公告

近期由于学了些Vue,突然萌生想重新改造一个前后端分离的博客的想法.其实我也知道小系统用不着这么折腾,前后端分离完全没有必要.但是我还是想拿来练手练手.

对于新技术新事物,我的想法是能怎么折腾就怎么折腾,空学一身理论知识没有用,写两三个demo就说会了才是最大的笑话.

我已经单独切了一个Thymeleaf-Version分支,该分支是一体机的代码,现在bianxiaofeng.com上运行的就是该版本的代码.请下载该版本的代码运行,如果任何问题请提issue.

介绍

Dimple Blog是基于SpringBoot2搭建的个人博客系统。

体验链接地址

边小丰的个人博客

管理员账号:test ,管理员密码: 123456

图片展示

前台

首页

kdqVw8.md.png

博客详情

kdqZTS.md.png

博客分类

kdqmFg.md.png

项目归档

kdqEef.md.png

友链列表

kdqnYQ.md.png

关于我

kdqMSs.md.png

留言板

kdq1O0.md.png

后台(仅列举部分)

登录界面

kdqQln.md.png

后台首页

kdLbb6.png

其他界面

ATgkA1.png ATgEh6.png ATgZ9K.png ATgAtx.png ATgi7R.png

软件架构

安装教程

  1. 修改application.yml中的数据库连接信息:
    type: com.alibaba.druid.pool.DruidDataSource
    username: 你的数据库连接地址
    password: 你的数据库面貌
    url:你的数据库URL
    driver-class-name: com.mysql.jdbc.Driver
  1. 创建数据库dimple_blog,运行SQL文件(在resources下的sql文件夹下)。由于使用JPA会自动创建表,你也可以不运行SQL文件,当时需要数据库
  2. 配置七牛云图库accessKey、secretKey、bucket、path、imageMaxSize、imageMaxNameLength等信息:
  qiniuyun:
    accessKey: tq8X9efPviPasgmoz6kcIzDuE_v4T-UJQXchcWgz
    secretKey: Yejcd3g3Z_iOmu_jW6hB-euwxqbyqvJkslZzoXrV
    bucket: uploadtest
    path: http://pkxwyzsng.bkt.clouddn.com
    imageMaxSize: 52428800
    imageMaxNameLength: 200
  1. 配置百度站长平台push的URL
  #百度站长Push 的URL
  baidu:
    pushUrl: http://data.zz.baidu.com/urls?site=www.bianxiaofeng.com&token=LqRHUkKxK89qudvA
  1. 使用Maven打包项目。
  2. 使用命令java -jar +jar包名启动项目。

使用说明

  1. 项目目前还在开发中,以后也会一直维护下去。
  2. 项目的开发过程中,参考了很多大佬经验,由于年代久远,未能记住各位大佬的链接地址。如大佬有看到该项目,请与我联系:bianxiaofeng@sohu.com,以便及时表示感谢。

参与贡献

  1. Fork 本仓库
  2. 新建 Feat_xxx 分支
  3. 提交代码
  4. 新建 Pull Request

系统使用的技术不完全列举如下:

Server端使用技术
序号 技术名称 说明 链接地址
1 SpringBoot2 项目主体框架 SpringBoot
2 Spring Data JPA 持久层框架 JPA
3 SpringBoot Cache Spring缓存层框架
4 Redis 缓存 Redis
5 Mysql 数据库 Mysql
6 Apache Shiro 权限控制安全框架 Shiro
7 Lombok 注解神器 lomkok
8 七牛云 图床 七牛云
9 Swagger API接口工具 Swagger
10 fastjson JSON转换工具 fastjson
11 UserAgentUtils 系统信息获取工具 bitwalker
12 kaptcha 前谷歌code插件 penggle
13 oshi-core 系统监控插件 oshii
14 druid 数据库连接池 druid
15 pegdown markdown转为HTML工具 pegdown

前端页面技术

序号 技术名称 说明 链接地址
1 animate.css 特效样式 animate
2 blueimpGallery 图片浏览框架 blueimpGallery
3 bootstrap大家族 前端样式 包括:bootstrap-fileinput-4.5.2; Bootstrap Tablebootstrap-tagsinput;bootstrap-treetable;
4 echarts 图表 echarts
5 font-awesome 字体库 font-awesome
6 iCheck 美观的选择input iCheck
7 image-picker 图片选择器 image-picker
8 jquery 没说的
9 layer 优秀的前端弹出层 Layer
10 layui 经典模块化前端框架 layui
11 summernote 编辑器summernote
12 sweetalert 好看的提示框架 sweetalert
13 webUploader 文件上传框架 webUploader
14 blockUI 遮罩层 druid
15 fullscreen 全屏 fullscreen