
现代化开源博客——Z次元项目文档,使用Nuxt3+SpringBoot3开发,支持响应式以及SSR
项目简介
项目技术栈
前端主要技术栈:
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
1
好哇塞,这个厉害