SpringBoot搭建个人博客-页面展示和所用的技术栈(一)

SpringBoot搭建个人博客-页面展示和所用的技术栈(一)

更多详细的内容可以访问我的个人博客时莫如初
话不多说先上图,后面会介绍所用的技术栈快速跳转

快速跳转源码领取

前端页面

1.主页

2.分类页面

3. 文章归档页面

4. 友情链接页面

5. 照片墙

点击可放大,左右可以切换照片

6.关于我页面

7. 博客详情页面

技术栈

  1. 前端

  2. 后端

    • SpringBoot
    • jdk11
    • Maven3
    • Mybatis-plus
    • Thymeleaf
    • 运行环境:阿里云Ubuntu16.04
    • MySQL8.x
  3. 建表语句

create table blog
(
    id              bigint auto_increment
        primary key,
    title           varchar(100)     null,
    content         longtext         null,
    description     varchar(200)     null,
    photo           varchar(300)     null,
    author          varchar(100)     null,
    views           int              null,
    flag            varchar(30)      null,
    word_number     int              null,
    stated          varchar(30)      null,
    share_statement bit              null,
    commentable     bit              null,
    recommend       bit              null,
    is_private      bit default b'0' null,
    create_time     datetime(6)      null,
    update_time     datetime(6)      null,
    user_id         bigint           null,
    deleted         int default 0    null
);

create table blog_category
(
    blog_id     bigint null,
    category_id bigint null
);

create table category
(
    id   bigint auto_increment
        primary key,
    name varchar(100) null
);

create table comment
(
    id                bigint auto_increment
        primary key,
    qq                varchar(20)      null,
    nickname          varchar(100)     null,
    email             varchar(100)     null,
    content           varchar(200)     not null,
    head              varchar(100)     null,
    admin_comment     bit              null,
    create_time       datetime         null,
    blog_id           bigint           null,
    parent_comment_id bigint           null,
    pass              bit default b'0' null
);

create table link
(
    id          bigint auto_increment
        primary key,
    name        varchar(100)     null,
    address     varchar(100)     null,
    head        varchar(100)     null,
    description varchar(100)     null,
    create_time datetime         null,
    pass        bit default b'0' null
);

create table photo
(
    id                bigint auto_increment
        primary key,
    name              varchar(100) null,
    nickname          varchar(100) null,
    url               varchar(100) null,
    classification_id int          null,
    create_time       datetime     null,
    shooting_time     datetime     null,
    shooting_location varchar(100) null
);

create table photo_classification
(
    id      int auto_increment
        primary key,
    name    varchar(100) null,
    EN_name varchar(100) null
);

create table user
(
    id          bigint auto_increment
        primary key,
    username    varchar(100) null,
    nickname    varchar(100) null,
    password    varchar(200) null,
    admin       bit          null,
    head        varchar(100) null,
    create_time datetime     null
);

源码目录结构

.
├── 项目架构文件 
├── logs //项目日志目录
└── src //后台源码
    ├── main
    │   ├── java
    │   │   └── com
    │   │       └── li
    │   │           ├── aspect //日志切面
    │   │           ├── bean //数据实体对象
    │   │           ├── config //配置类
    │   │           ├── contorller //控制器
    │   │           ├── dao // 与数据库的接口
    │   │           ├── handler // 控制层异常处理器
    │   │           ├── interceptor //登录过滤
    │   │           ├── service //服务层
    │   │           ├── util //工具包
    │   │           └── vo // 方便前端显示的数据实体对象
    │   └── resources
    │       ├── mapper //mapper接口
    │       ├── static //静态资源文件
    │       │   ├── css //样式文件
    │       │   ├── fonts //字体
    │       │   ├── images // 图片
    │       │   ├── js // 引用的js脚本
    │       │   ├── layer // Web弹层组件
    │       │   ├── lib
    │       │   │   ├── animating //动画
    │       │   │   ├── editormd // markdown编辑器
    │       │   │   ├── picture //照片页依赖
    │       │   │   ├── prism // 代码高亮行号显示语言支持等
    │       │   │   ├── Swiper // 动画
    │       │   │   ├── tocbot //目录生成
    │       │   │   └── waypoints // 平滑跳转插件
    │       │   └── u_files //关于我页面的相关样式和js
    │       └── templates
    │           ├── admin //后台管理页面
    │           └── error //前台显示页面
    └── test //测试

源码领取方式

gitee点击即可下载

  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

时莫如初

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值