初入Vue,node,express,mongodb

本文分享了一个基于Vue.js的前后端分离个人博客项目的实践经验,包括技术选型、功能实现及遇到的问题等。项目采用Vue.js进行前端开发,并使用Node.js和Express搭建后端API,实现了登录、分页等功能。

本人前端萌新
大概花了一周多一点,完成了一个前后端分离解耦的简易个人博客项目。
项目前后端分离,路由完全交给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的一些灵感和技术支持。

下方多图预警

login.png
首页
Tag
search
about

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

项目地址

求star (•̀ω•́ 」∠)

2017/11/8

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值