美文网首页让前端飞
初入Vue,node,express,mongodb

初入Vue,node,express,mongodb

作者: 芸芸人海之中独独遇见你 | 来源:发表于2017-11-08 10:21 被阅读0次

    大概花了一周多一点,完成了一个前后端分离解耦的简易个人博客项目。
    项目前后端分离,路由完全交给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主木有服务器,也不太会搞。。之后正确把数据库和资源上传到数据库,项目就能在线访问了。
    目前项目提供做学习用途,希望能给大家一些帮助,对全栈项目有一个初步的了解,谢谢。

    项目地址

    2017/11/8

    相关文章

      网友评论

        本文标题:初入Vue,node,express,mongodb

        本文链接:https://www.haomeiwen.com/subject/qmlemxtx.html