node+vue+mysql打造自己的博客

386 阅读1分钟

预览地址

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:gitee.com/zheng_yongt…