初入Vue，node，express，mongodb

dingding199389 發布于2019-08-21 17:45 / 3407人閱讀

摘要：本人前端萌新大概花了一周多一點，完成了一個前后端分離解耦的簡易個人博客項目。項目前后端分離，路由完全交給處理，后端只負責操作數據庫，暴露。目前項目提供做學習用途，希望能給大家一些幫助，對全棧項目有一個初步的了解，謝謝。

本人前端萌新
大概花了一周多一點，完成了一個前后端分離解耦的簡易個人博客項目。
項目前后端分離，路由完全交給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

云數據庫MySQL 云數據庫MongoDB Vue+Express Node_Express node_express數據庫 Node_MongoDB

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/89968.html

基于 Vue2+Node+mongoDB 的前后端分離全棧練手小項目

摘要：本文源碼簡介之前剛入門并做好了一個簡而全的純全家桶的項目，數據都是本地模擬請求的詳情請移步這里為了真正做到數據庫的真實存取，于是又開始入門了并以此來為之前的頁面寫后臺數據接口。本文源碼：Github 簡介：之前剛入門vue并做好了一個簡而全的純vue2全家桶的項目，數據都是本地 json 模擬請求的；詳情請移步這里：vue-proj-demo 為了真正做到數據庫的真實存取，于是又...

jay_tian 2019-06-26 17:20 評論0 收藏0
初嘗node.js + Express + MongoDB + Vue.js 項目構建(2)

摘要：使用內在模塊發送響應數據監聽端口終端打印如下信息使用框架本項目使用的框架來起服務器。數據庫中文檔每一行的數據的數據結構和基本一樣，所有存儲在集合中的數據都是格式，是一種類的一種二進制形式的存儲格式，簡稱。前言經過上一篇經濟基礎構建的完成，那么現在正式開始碼代碼吧！項目架構 showImg(https://segmentfault.com/img/bVNkQM?w=322&h=58...

kevin 2019-08-22 11:04 評論0 收藏0
初嘗node.js + Express + MongoDB + Vue.js 項目構建(2)

摘要：使用內在模塊發送響應數據監聽端口終端打印如下信息使用框架本項目使用的框架來起服務器。數據庫中文檔每一行的數據的數據結構和基本一樣，所有存儲在集合中的數據都是格式，是一種類的一種二進制形式的存儲格式，簡稱。前言經過上一篇經濟基礎構建的完成，那么現在正式開始碼代碼吧！項目架構 showImg(https://segmentfault.com/img/bVNkQM?w=322&h=58...

zhisheng 2019-06-26 17:15 評論0 收藏0
MEVN 架構（MongoDB + Express + Vue + NODEJS）搭建

摘要：連接數據庫如果不自己創建默認數據庫會自動生成地址跟第一步的地址對應。現在回過頭來看里面的入口文件最后，我們在瀏覽器輸入，就會跳到。到此為止，我們就完成了整個前后端各自開發到正式部署的流程。一個完整的網站服務架構包括：1、web frame ---這里應用express框架2、web server ---這里應用nodejs3、Database ---這里應用monggoDB4、...

Lsnsh 2019-08-21 16:18 評論0 收藏0