Source0929 / zcblog

基于Vue.js和SSM的前后端分离的个人博客。

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

zcblog博客项目

基于Vue.js和SSM的前后端分离的个人博客。

相关数据文档

  1. 数据库脚本链接地址:zcblog.sql
  2. 博客前台模块开发文档说明书链接地址:zcblog-front2client-docs
  3. 博客管理系统前台模块开发文档说明书链接地址:zcblog-front2manage-docs
  4. 博客后台管理系统模块开发文档说明书链接地址:zcblog-backend-docs

博客项目启动步骤

  1. 克隆项目到本地:git clone https://github.com/progzc/zcblog.git
  2. 启动Redis:redis-server.exe redis.windows.conf,Redis服务端地址:http://localhost:6379/
  3. zcblog-front2client模块下执行命令npm intsall,安装博客前台模块相关依赖。
  4. zcblog-front2manage模块下执行命令npm install,安装博客管理系统前台相关依赖。
  5. 启动博客后台管理系统zcblog-backend,主启动类是BlogRunApplication,请求地址http://localhost:8082/
  6. zcblog-front2client模块下执行命令npm run serve,启动地址http://localhost:8080/
  7. zcblog-front2manage模块下执行命令npm run serve,启动地址http://localhost:8083/

展示效果

博客前台

PC端主页效果:

image-20210223004033389

PC端标签页效果:

image-20210223004417684

image-20210223004750488

PC端时间轴页展示效果:

image-20210223004505671

PC端文章页展示效果:

image-20210223004959550

image-20210223005803557

image-20210223005935442

image-20210223010017490

移动端主页效果:

image-20210223004138624

国际化:

image-20210223094210216

移动端标签页效果:

image-20210223005125679

移动端时间轴页面效果

image-20210223005233697

image-20210223005305264

移动端文章页展示效果:

image-20210223005515439

image-20210223010110813

image-20210223010129838

博客管理系统前台

登录页面:默认最高级别管理员账号为admin123、密码为admin123

image-20210223011922452

添加文章:

image-20210223012014592

image-20210223012553578

image-20210223012754564

文章列表:

image-20210223012032794

标签管理:

image-20210223012114188

管理员列表:

image-20210223012229121

角色管理:

image-20210223012257877

SQL监控页面:

image-20210223012327224

尚未完成功能

  • 博客本站搜索
  • 相册功能

About

基于Vue.js和SSM的前后端分离的个人博客。

License:MIT License


Languages

Language:Java 51.8%Language:Vue 34.2%Language:JavaScript 10.5%Language:SCSS 1.5%Language:Stylus 1.5%Language:HTML 0.2%Language:Shell 0.1%