资讯专栏INFORMATION COLUMN

初入Vue,node,express,mongodb

dingding199389 / 3313人阅读

摘要:本人前端萌新大概花了一周多一点,完成了一个前后端分离解耦的简易个人博客项目。项目前后端分离,路由完全交给处理,后端只负责操作数据库,暴露。目前项目提供做学习用途,希望能给大家一些帮助,对全栈项目有一个初步的了解,谢谢。

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

项目地址

求star (•̀ω•́ 」∠)

2017/11/8

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/89968.html

相关文章

  • 基于 Vue2+Node+mongoDB 的前后端分离全栈练手小项目

    摘要:本文源码简介之前刚入门并做好了一个简而全的纯全家桶的项目,数据都是本地模拟请求的详情请移步这里为了真正做到数据库的真实存取,于是又开始入门了并以此来为之前的页面写后台数据接口。 本文源码:Github 简介: 之前刚入门vue并做好了一个简而全的纯vue2全家桶的项目,数据都是本地 json 模拟请求的;详情请移步这里:vue-proj-demo 为了真正做到数据库的真实存取,于是又...

    jay_tian 评论0 收藏0
  • 初尝node.js + Express + MongoDB + Vue.js 项目构建(2)

    摘要:使用内在模块发送响应数据监听端口终端打印如下信息使用框架本项目使用的框架来起服务器。数据库中文档每一行的数据的数据结构和基本一样,所有存储在集合中的数据都是格式,是一种类的一种二进制形式的存储格式,简称。 前言 经过上一篇经济基础构建的完成,那么现在正式开始码代码吧! 项目架构 showImg(https://segmentfault.com/img/bVNkQM?w=322&h=58...

    kevin 评论0 收藏0
  • 初尝node.js + Express + MongoDB + Vue.js 项目构建(2)

    摘要:使用内在模块发送响应数据监听端口终端打印如下信息使用框架本项目使用的框架来起服务器。数据库中文档每一行的数据的数据结构和基本一样,所有存储在集合中的数据都是格式,是一种类的一种二进制形式的存储格式,简称。 前言 经过上一篇经济基础构建的完成,那么现在正式开始码代码吧! 项目架构 showImg(https://segmentfault.com/img/bVNkQM?w=322&h=58...

    zhisheng 评论0 收藏0
  • MEVN 架构(MongoDB + Express + Vue + NODEJS)搭建

    摘要:连接数据库如果不自己创建默认数据库会自动生成地址跟第一步的地址对应。现在回过头来看里面的入口文件最后,我们在浏览器输入,就会跳到。到此为止,我们就完成了整个前后端各自开发到正式部署的流程。 一个完整的网站服务架构包括:1、web frame ---这里应用express框架2、web server ---这里应用nodejs3、Database ---这里应用monggoDB4、...

    Lsnsh 评论0 收藏0

发表评论

0条评论

dingding199389

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<