前后端分离 个人博客系统 （源码）_个人博客源码

该项目为个人博客系统，相对较为简单，比较适合新手学习。博客分为前台与后台。以三更博客为内容。

前台展示页面：

导航栏包括首页，分类，赞赏，友联。右下部分展示热门文章及浏览次数。

 

 文章详情页：可在底部进行评论，以及显示浏览量

 友联：也可以进行评论，可以添加你朋友的友联

 

 个人详情页：

 后台管理页面：

目录栏展示

 写文章页面：使用了markdown进行文章填写。

 其余个页面展示：

 

 

后端技术栈：

springboot+mysql+redis+springsecurity+jwt+Mybatis plus+Oss存储等。

后端代码目录结构：

1. admin模块为后台模块
2. blog为前台模块
3. framework为公共模块

 

 依赖：

<dependencies>
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-web</artifactId>
        </dependency>
        <!--lombk-->
        <dependency>
            <groupId>org.projectlombok</groupId>
            <artifactId>lombok</artifactId>
            <optional>true</optional>
        </dependency>
        <!--junit-->
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-test</artifactId>
            <scope>test</scope>
        </dependency>
        <dependency>
            <groupId>org.apache.velocity</groupId>
            <artifactId>velocity-engine-core</artifactId>
            <version>2.3</version>
        </dependency>
        <dependency>
            <groupId>com.qiniu</groupId>
            <artifactId>qiniu-java-sdk</artifactId>
            <version>[7.7.0, 7.7.99]</version>
        </dependency>
        <!--SpringSecurity启动器-->
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-security</artifactId>
        </dependency>
        <!--redis依赖-->
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-data-redis</artifactId>
        </dependency>
        <!--fastjson依赖-->
        <dependency>
            <groupId>com.alibaba</groupId>
            <artifactId>fastjson</artifactId>
        </dependency>
        <!--jwt依赖-->
        <dependency>
            <groupId>io.jsonwebtoken</groupId>
            <artifactId>jjwt</artifactId>
        </dependency>
        <!--mybatisPlus依赖-->
        <dependency>
            <groupId>com.baomidou</groupId>
            <artifactId>mybatis-plus-boot-starter</artifactId>
        </dependency>
        <!--mysql数据库驱动-->
        <dependency>
            <groupId>mysql</groupId>
            <artifactId>mysql-connector-java</artifactId>
        </dependency>
 
        <!--阿里云OSS-->
        <dependency>
            <groupId>com.aliyun.oss</groupId>
            <artifactId>aliyun-sdk-oss</artifactId>
        </dependency>
 
        <!--AOP-->
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-aop</artifactId>
        </dependency>
 
        <dependency>
            <groupId>com.alibaba</groupId>
            <artifactId>easyexcel</artifactId>
        </dependency>
        <dependency>
            <groupId>io.springfox</groupId>
            <artifactId>springfox-swagger2</artifactId>
        </dependency>
        <dependency>
            <groupId>io.springfox</groupId>
            <artifactId>springfox-swagger-ui</artifactId>
        </dependency>
 
    </dependencies>

 前端模块：

1. admin为后台管理的前端
2. blog为前台页面代码

 运行时：以Hbulider为例，点击项目运行，先npm run start,后npm run dev即可运行成功。

或者在文件所在目录打开cmd，输入上部命令，即可获得运行地址。

主要功能包括用户登录，注册，修改个人信息，文章详情预览，查看阅读量，评论，友联功能等。

后台管理系统包括写文章，用户管理，角色管理，权限管理等。

源码地址：https://gitee.com/tengjiale/SGBlog