Skip to content
A blog power by spring-boot and vue
Branch: master
Clone or download
zzzzbw feat(docker-compose.yml): mysql挂载外部volumes改到用户目录
若从旧版更新到此版本,只需将项目根目录生成的mysql文件夹移到系统 ~/.fame/mysql 文件夹下即可,数据没有丢失,不必惊慌
Latest commit 59a955a May 25, 2019
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
fame-admin feat:Article 页面增加「保存文章」按钮 May 25, 2019
fame-docker feat: 1. 环境设置可后台配置 2. 引用jpa自动生成数据库 May 24, 2019
fame-front
fame-server feat:Article 页面增加「保存文章」按钮 May 25, 2019
.env feat: 1. 环境设置可后台配置 2. 引用jpa自动生成数据库 May 24, 2019
.gitignore chore(.gitignore): 增加MAC文件忽略 Jan 15, 2019
.travis.yml ci: 修改travis-ci测试脚本语句 Oct 25, 2018
LICENSE feat: 项目整合docker化 Sep 19, 2018
README.md docs(README): update README.md May 2, 2019
docker-compose.yml feat(docker-compose.yml): mysql挂载外部volumes改到用户目录 May 25, 2019

README.md

codebeat badge

  • 基于node java spring-boot vue nuxt 开发的博客系统
  • 支持传统手动部署和docker部署
  • 功能精简但齐全,界面简洁却美观,满足个人博客的日常使用要求
  • 适合当做'Javaer','Vuer'的练手学习项目,也适合'跨界开发'做新技术涉猎的参考
  • 项目会持续更新,如果有不完善的地方,欢迎指出

演示站点: https://zzzzbw.cn

项目结构

文件结构

└─Fame
    ├─fame-admin          // 博客管理后台,基于Vue+elementui
    ├─fame-docker         // docker部署文件
    ├─fame-front          // 博客前端,基于Nuxt
    ├─fame-server         // 博客服务端,基于spring-boot
    ├─.env                // docker-compose环境参数配置文件
    ├─docker-compose.yml  // docker-compose文件

部署结构(docker)

fame-structure

部署方式

注:博客管理后台默认的账号:fame,密码:123456

Docker方式部署(推荐)

首先保证有Docker和Docker compose的环境,如果没有可参考这里

  1. 克隆项目到本地

    git clone https://github.com/zzzzbw/Fame.git
    
  2. 修改 .env 配置文件

    BASE_URL=http://xx.xxx.xx.xx/
    xx.xxx.xx.xx为服务器的ip,如果是本地开发环境则默认127.0.0.1不用修改
    
  3. 启动项目

    docker-compose up 或 docker-compose up -d
    

    第一次启动推荐docker-compose up,可以看到启动日志,由于要下载镜像和maven依赖,时间可能较久,视网络环境和性能而定

    [root@localhost Fame]# docker-compose up -d
    Starting fame-front ... 
    Starting fame-admin ... 
    Starting fame-front ... done
    Starting fame-admin ... done
    Starting fame-nginx ... done
    
  4. 访问地址

    启动完成后,在浏览器访问

    http://xx.xxx.xx.xx/ 为博客前端首页

    http://xx.xxx.xx.xx/admin 为博客管理后台首页

    // xx.xxx.xx.xx为刚才配置的ip,如果本地开发环境则127.0.0.1

开发环境手动部署

首先保证有 java8 mysql5.7.x maven3.3.x node10.x npm6.x的环境(版本不一定要完全一样,但避免奇怪的问题出现,最好相同)

  1. 克隆项目到本地

    git clone https://github.com/zzzzbw/Fame.git
    
  2. 部署服务端 (项目使用lombok插件,如果要在ide中调试要有lombok插件)

    2.1 在mysql中执行 fame-server/src/main/resources/init.sql sql文件

    2.2 进入服务端文件夹

     `cd fame-server`
    

    2.3 修改spring-boot配置文件

    vi src/main/resources/application-dev.properties

    spring:
      datasource:
        driverClassName: com.mysql.cj.jdbc.Driver
        url: jdbc:mysql://localhost:3306/fame?useUnicode=true&characterEncoding=utf-8&useSSL=false&serverTimezone=Asia/Shanghai
        username: root
        password: root
    

    将数据库的用户名和密码修改成对应你数据库的用户名密码

    2.4 启动fame-server

    mvn clean spring-boot:run -Dmaven.test.skip=true

  3. 部署博客前端

    3.1 进入前端文件夹

    cd fame-front

    3.2 安装依赖和启动服务

    npm install
    npm run dev
    

    3.3 访问地址

    启动完成后,浏览器访问 http://localhost:3000

  4. 部署博客后端

    4.1 进入后端文件夹

    cd fame-admin

    4.2 安装依赖和启动服务

    npm install
    npm run serve
    

    4.3 访问地址

    启动完成后,浏览器访问 http://localhost:8010/admin

部分界面

You can’t perform that action at this time.