大家好,我是 Java陈序员
。
今天,给大家介绍一款开源的前后端分离博客系统。
关注微信公众号:【Java陈序员】,获取开源项目分享、AI副业分享、超200本经典计算机电子书籍等。
WeBlog
—— 一款由 SpringBoot + Vue 3.2 + Vite 4.3 开发的前后端分离博客,可作为 Java 毕业设计项目!
功能特色:
技术栈:
1、依赖环境
JDK8+
MySQL5.7+
Minio
Maven
Node.js18+
2、下载源码
git clone https://github.com/weiwosuoai/WeBlog.git
3、项目目录结构
├── weblog-springboot 后端项目
│ ├── weblog-module-admin 博客后台管理模块
│ ├── weblog-module-common 通用模块
│ ├── weblog-module-jwt JWT 认证、授权模块
│ └── weblog-web 博客前台(启动入口)
├── weblog-vue3 前端项目
└── sql 数据库初始化脚本(包括表结构以及相关初始化数据)
4、创建数据库 weblog
CREATE DATABASE `weblog` DEFAULT CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci;
5、在数据库 weblog
中执行初始化 /sql
目录下的 schema.sql
(先)、data.sql
(后) 脚本文件
1、将 weblog-springboot
整个目录以 Maven 工程的形式导入到 IDEA 中
2、修改配置文件 weblog-springboot/weblog-web/src/main/resources/application-dev.yaml
中的数据库地址、用户名、密码配置信息
spring:
datasource:
driver-class-name: com.mysql.cj.jdbc.Driver
url: jdbc:mysql://127.0.0.1:3306/weblog?useUnicode=true&characterEncoding=UTF-8&autoReconnect=true&useSSL=false&zeroDateTimeBehavior=convertToNull
username: root
password: 123456
3、修改配置文件 weblog-springboot/weblog-web/src/main/resources/application.yaml
中的 Minio 配置信息(用于图片存储)
#=================================================================
# minio (上传图片需要,需配置成自己的地址)
#=================================================================
minio:
endpoint: https://img.xxx.com
accessKey: xxx
secretKey: xxx
bucketName: xxx
4、运行主启动类 com.quanxiaoha.weblog.web.WeblogWebApplication
启动服务
1、进入前端目录
cd weblog-vue3
2、安装依赖
npm install
3、启动服务
npm run dev
4、浏览器访问
http://localhost:5173
admin/admin
test/test
项目地址:https://github.com/weiwosuoai/WeBlog
推荐的开源项目已经收录到 GitHub
项目,欢迎 Star
:
https://github.com/chenyl8848/great-open-source-project
或者访问网站,进行在线浏览:
https://chencoding.top:8090/#/
我创建了一个开源项目交流群,方便大家在群里交流、讨论开源项目。
但是任何人在群里打任何广告,都会被 T 掉。
如果你对这个交流群感兴趣或者在使用开源项目中遇到问题,可以通过如下方式进群:
关注微信公众号:【Java陈序员】,回复【开源项目交流群】进群,或者通过公众号下方的菜单添加个人微信,并备注【开源项目交流群】,通过后拉你进群。
大家的点赞、收藏和评论都是对作者的支持,如文章对你有帮助还请点赞转发支持下,谢谢!
参与评论
手机查看
返回顶部