初入Vue,node,express,mongodb

大概花了一周多一点,完成了一个前后端分离解耦的简易个人博客项目。
项目前后端分离,路由完全交给vue-router处理,后端只负责操作数据库,暴露api。

技术栈

前端

  • Vue.js (基于vue.js)
  • Vue-Cli (项目构建)
  • axios (处理http请求)
  • Vue-Router (处理前端路由)
  • Vuex (数据管理)
  • animate.css
  • sass (css预处理工具)

后端

  • node.js
  • express
  • mongodb数据库(mongoose)

项目实现的功能有:

配置方面

  1. cors跨域处理
  2. proxy反向代理
  3. mongodb数据库(Robomongo可视化界面)

功能方面

  1. 登录
  2. 鼠标悬浮3d倾斜效果
  3. 分页
  4. vue锚点跳转
  5. 搜索字段高亮
  6. 移动端适配
  7. ...

项目很简单,不过没有设计稿,没个组件写起来都举步维艰。。不知道怎么下手,谢谢ciqulove的一些灵感和技术支持。

下方多图预警

初入Vue,node,express,mongodb_第1张图片
login.png

初入Vue,node,express,mongodb_第2张图片
首页

初入Vue,node,express,mongodb_第3张图片
Tag

初入Vue,node,express,mongodb_第4张图片
search

初入Vue,node,express,mongodb_第5张图片
about

po主木有服务器,也不太会搞。。之后正确把数据库和资源上传到数据库,项目就能在线访问了。
目前项目提供做学习用途,希望能给大家一些帮助,对全栈项目有一个初步的了解,谢谢。

项目地址

2017/11/8

你可能感兴趣的:(初入Vue,node,express,mongodb)