Vue+express+mongoDB实现个人博客系统

2,001 阅读2分钟

在刚开始学习前端之后发现好多大佬都喜欢写博客来记录自己在学习过程中遇到的问题,让我们这些前端小白和初学者在遇到问题时可以看这些大佬的解答,在这里感谢所有在我学习途中帮我解决问题的大佬们。于是乎自己决定也要养成这个良好的习惯,通过写博客来分享自己所学习到的知识与及学习途中遇到的问题。

所以就萌动了搭建自己的博客想法,在刚开始的时候结合hexogithub搭建了自己的简单的博客,地址,但是不是自己一步步搭建起来的,总觉得缺少了些什么东西。在开始学习VueNode之后,自己心里就想,为什么不使用VueNode来搭建自己博客呢。这样一来还达到了锻炼自己的目的,与及发现自己的问题。于是乎开始动手搭建了自己的博客:blog.chenr.cn

项目地址:前台展示页后台管理界面后台服务

技术组成

前端

  • Vue
  • VueX
  • Vue-cli
  • Vue-router
  • axios

后端

  • Node
  • mongoDB
  • express

工具

  • marked+highlight.js
  • scss
  • 七牛云
  • 服务器:阿里云服务器

主要思路是使用前端路由来实现前端页面的展示,然后再页面内使用axios发起请求来请求后台数据,后端做判断后返回数据,前端拿到数据后保存并渲染到页面上。

目录

  • axios封装了处理请求后台数据方法,然后在main.js中导入后绑定到Vue的原型链上。
  • components定义了一些公共的组件,便于组件的复用,防止写大量重复的代码。
  • plugins主要是用于存放一些插件,比如marked的使用就放在里面
  • router路由
  • store创建的Vuex数据仓库
  • utils一些常用的方法,比如时间格式化的方法
  • viws页面文件夹

后台文件目录和这个差不多。

待完成

  1. seo,由于使用Vue创建的是SPA单页面应用,所以不利于搜索引擎。后期会使用Nuxt.js
  2. 重构代码,由于是第一次单独完成这样的项目,代码很多地方不完善。
  3. 评论系统