导语:
暑假在家闲着无事,就琢磨着做一个web博客练练手,现在已经做完了,把过程分享出来给大家看看,分享一下学习经验。
微信搜索 【web小馆】,回复 “全栈博客项目”,即可获取 项目源码和后续的实战文章教程。
一,项目介绍和图片
1,vue博客前端
使用vue+vuex+vue-router+axios,通过webpack打包。
包括注册,session登陆功能,上传图片,查看文章,评论点赞等一系列功能。
2,node后台,使用koa2框架编写
3,管理博客界面
二,分享系列,深入介绍项目
接下来将按照一下环节来深度还原这个项目的编写过程。
1,node,webpack和vue-cli环境的搭建,使用vue全家桶,写好路由,构建静态页面,为后续的api请求的编写打下基础。
2,开始配置node后台环境,安装koa2,mysql,redis,nginx等一系列的配置,一步一步来,每一步都有详细的讲解。
3,编写后台代码,连接数据库和redis,编写后台接口,使用nginx反向代理,解决在本机开发环境上的跨域问题(统一端口号)。
4,编写管理页面,js,操作权限,直接操控数据库。
5,对前后端项目全面进行编写和完善。
6,购买云服务器,一步步配置好linux环境,配图。
7,使用pm2在云服务器托管node后台,用nginx做web服务器,将web前端,管理界面上传部署到nginx中。
8,项目运行在服务器上。
接下来会用很多篇博客深入还原,感兴趣的同学可以看下一篇博客哦
【记录二】 Vue(全家桶)+node+koa2+mysql+nginx+redis,全栈博客项目训练
补充:
微信搜索【web小馆】,回复全栈博客项目,即可获取项目源码和后续的实战文章教程。每天用最简单朴实的语言,潜移默化的提升你的计算机基础知识和前端技术。小米粥,一个专注的web全栈工程师,我们下期再见!
转载:https://blog.csdn.net/gitchatxiaomi/article/details/108098130