Vue+node.js实现一个简洁的个人博客系统

时间:2021-06-06 13:25:35

  本项目是一个用vue和node以及mysql实现的一个简单的个人博客系统,整体逻辑比较简单。但是可以我们完整的了解一个项目从数据库到后端到前端的实现过程,适合不太懂这一块的朋友们拿来练手。

本项目所用到的技术和工具:

  • 前端:vue,element-ui,axios,webpack,npm或者yarn,vuex,PWA
  • 后端:express
  • 数据库:mysql
  • 开发工具:Vs Code,Navicat

部分展示页面:

Vue+node.js实现一个简洁的个人博客系统  Vue+node.js实现一个简洁的个人博客系统  Vue+node.js实现一个简洁的个人博客系统

Vue+node.js实现一个简洁的个人博客系统      Vue+node.js实现一个简洁的个人博客系统

Vue+node.js实现一个简洁的个人博客系统  Vue+node.js实现一个简洁的个人博客系统

项目结构目录:

Vue+node.js实现一个简洁的个人博客系统

dist中是打包生成的文件,server中是关于后端服务器的配置以及数据库的连接,src目录中是前端页面以及逻辑的编写。config目录中是webpack的一些配置。

项目运行:

npm install或者yarn

cd server,node index.js  进入后端文件夹开启服务器,如果不开始服务器的话前端是无数据的

npm run dev 运行项目

源码地址:

https://github.com/dawnGoblin/myblog

如果各位感觉有用的话欢迎star一下