大概花了一周多一点,完成了一个前后端分离解耦的简易个人博客项目。
项目前后端分离,路由完全交给vue-router处理,后端只负责操作数据库,暴露api。
技术栈
前端
- Vue.js (基于vue.js)
- Vue-Cli (项目构建)
- axios (处理http请求)
- Vue-Router (处理前端路由)
- Vuex (数据管理)
- animate.css
- sass (css预处理工具)
后端
- node.js
- express
- mongodb数据库(mongoose)
项目实现的功能有:
配置方面
- cors跨域处理
- proxy反向代理
- mongodb数据库(Robomongo可视化界面)
功能方面
- 登录
- 鼠标悬浮3d倾斜效果
- 分页
- vue锚点跳转
- 搜索字段高亮
- 移动端适配
- ...
项目很简单,不过没有设计稿,没个组件写起来都举步维艰。。不知道怎么下手,谢谢ciqulove的一些灵感和技术支持。
下方多图预警
po主木有服务器,也不太会搞。。之后正确把数据库和资源上传到数据库,项目就能在线访问了。
目前项目提供做学习用途,希望能给大家一些帮助,对全栈项目有一个初步的了解,谢谢。
项目地址
2017/11/8