项目简介

项目技术栈

前端主要技术栈：
Vue3、Nuxt3、Vite、Pinia、TypeScript、Tailwind CSS、SCSS

后端主要技术栈：

Lite版本：

• JDK21、SpringBoot 3+、Mybatis Plus、Mysql

SpringCloud版本：

• JDK21、SpringCloud Alibaba 2023.0.0 全家桶、SpringBoot 3+、Mybatis Plus、Mysql、Redis、ElasticSearch 8+

开源仓库

博客前端开源仓库地址：z2-nuxt-blog

后台管理前端开源仓库地址：z2-blog-admin

微服务后端开源仓库地址：z2-blog-cloud

开源仓库默认为lite分支，微服务版本可自行切换至cloud分支。

Lite版本为轻量级版本，与Cloud版本在功能上并无差异。在保留原本功能的基础上，去除了需要额外部署的中间件，并将模块归一。现在后端只需部署一个项目即可运行项目完整功能。

项目预览

博客端

手机端

后台管理端

项目运行部署

项目部署以Lite版本为例，Cloud版本可以参考。

环境准备

项目后端运行需要MySQL8.0+、JDK21；前端运行需要安装好node20+环境以及pnpm9+，需提前安装好此环境。

补充配置文件

按照自己本机实际情况将application-pub.yml配置文件中的配置补充完整。

数据库文件初始化

数据库文件在project-db仓库中，根据当前项目（z2blog-lite)对应的版本选择数据库文件

数据库文件默认为空，如果需要登录后台管理，需要先在数据库中新增账号数据。

下载SQL文件后导入数据库中。

下面为新增默认账户示例：

账号：admin@ahzoo.cn 密码：a123456

运行SQL命令：

INSERT INTO `blog_z2`.`sys_user` (`id`, `email`, `name`, `password`, `salt`, `status`) VALUES (1001, 'admin@ahzoo.cn', '08780460b94d39592c9eb1b1cbc01a89654a756bded0d05000972361394c782f', '5c7a7321841702a50b834e', '1', 1);

INSERT INTO `blog_z2`.`sys_role` (`user_id`, `role_code`) VALUES (10001, 'admin');

博客后端启动

上面的操作执行完后，直接运行启动文件启动即可。

后端默认访问地址为：http://localhost:8080/blog

博客前端启动

博客前端分为后台管理端和博客博，可按需启动。

下载依赖：

pnpm i

启动测试：

pnpm run dev

博客端默认访问地址为：http://localhost:3200

管理端默认访问地址为：http://localhost:3500

博客后端部署

使用maven打包命令打包：

mvn clean package

将打包好后jar包上传到服务器，然后使用java -jar命令启动即可

博客前端部署

构建文件：

pnpm build

将生成的.output文件夹下的文件上传至服务器运行即可，运行命令：

node index.mjs