预览地址
JYeontuBlog: http://120.79.163.94/JYeontuBlog/#/home
@jyeontu/jvuewheel:http://120.79.163.94//JYeontuComponents/#/homePage
项目描述
纯前端打造自己的博客平台。
数据库
sql文件:sql文件夹中。
数据库使用mysql,相关表结构可以直接导入sql文件。
前端
代码位置:blog文件夹中。
前端页面使用 vue2.0 构建,UI 组件引入了自己编写的一个 UI 组件库(@jyeontu/jvuewheel)和elementUI,简单实现了一个简约的个人博客页面,部分页面截图如下:
后端
代码位置:serve文件夹中。
后端使用node.js搭建,并编写了日志管理模块,实时记录sql执行记录和sql报错记录,便于我们排障定位问题。
项目部署
数据库
需要先将表结构导入数据库,项目里已将sql导出,将sql目录下的sql文件导入mysql数据库即可。
前端
1、依赖下载
代码下载完之后需要安装相关依赖,进入blog文件夹中,输入命令npm i
,等待安装即可。
2、配置修改
blog/src/config 这个目录下存放了相关的配置文件,可以根据实际情况来修改(本地运行一般情况下不需要修改)。
3、项目启动
npm run start
后端
1、依赖下载
代码下载完之后需要安装相关依赖,进入serve文件夹中,输入命令npm i
,等待安装即可。
2、配置修改
blog/dbConfig 这个是数据库配置文件,可以根据实际情况来修改配置信息,数据库账号密码等等……。
3、项目启动
node index.js
项目地址
项目已开源,目前仍在更新,感兴趣的可以来看看,可以给点建议就更好了。
Gitee:https://gitee.com/zheng_yongtao/jyeontu-2022-vue-node-blog