初入Vue，node，express，mongodb

dingding199389 發(fā)布于2019-08-21 17:45 / 3414人閱讀

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

本人前端萌新
大概花了一周多一點(diǎn)，完成了一個前后端分離解耦的簡易個人博客項(xiàng)目。
項(xiàng)目前后端分離，路由完全交給vue-router處理，后端只負(fù)責(zé)操作數(shù)據(jù)庫，暴露api。

技術(shù)棧 前端

Vue.js (基于vue.js)

Vue-Cli (項(xiàng)目構(gòu)建)

axios (處理http請求)

Vue-Router (處理前端路由)

Vuex (數(shù)據(jù)管理)

animate.css

sass (css預(yù)處理工具)

后端

node.js

express

mongodb數(shù)據(jù)庫(mongoose)

項(xiàng)目實(shí)現(xiàn)的功能有: 配置方面

cors跨域處理

proxy反向代理

mongodb數(shù)據(jù)庫(Robomongo可視化界面)

功能方面

登錄

鼠標(biāo)懸浮3d傾斜效果

分頁

vue錨點(diǎn)跳轉(zhuǎn)

搜索字段高亮

移動端適配

...

項(xiàng)目很簡單，不過沒有設(shè)計(jì)稿，沒個組件寫起來都舉步維艱。。不知道怎么下手，謝謝ciqulove的一些靈感和技術(shù)支持。

下方多圖預(yù)警

po主木有服務(wù)器，也不太會搞。。之后正確把數(shù)據(jù)庫和資源上傳到數(shù)據(jù)庫，項(xiàng)目就能在線訪問了。
目前項(xiàng)目提供做學(xué)習(xí)用途，希望能給大家一些幫助，對全棧項(xiàng)目有一個初步的了解，謝謝。

項(xiàng)目地址

求star (??ω?? 」∠)

2017/11/8

云數(shù)據(jù)庫MongoDB 云數(shù)據(jù)庫MySQL Vue+Express Node_Express node_express數(shù)據(jù)庫 Node_MongoDB

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/89968.html

相關(guān)文章

基于 Vue2+Node+mongoDB 的前后端分離全棧練手小項(xiàng)目

摘要：本文源碼簡介之前剛?cè)腴T并做好了一個簡而全的純?nèi)彝暗捻?xiàng)目，數(shù)據(jù)都是本地模擬請求的詳情請移步這里為了真正做到數(shù)據(jù)庫的真實(shí)存取，于是又開始入門了并以此來為之前的頁面寫后臺數(shù)據(jù)接口。本文源碼：Github 簡介：之前剛?cè)腴Tvue并做好了一個簡而全的純vue2全家桶的項(xiàng)目，數(shù)據(jù)都是本地 json 模擬請求的；詳情請移步這里：vue-proj-demo 為了真正做到數(shù)據(jù)庫的真實(shí)存取，于是又...

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

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

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

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

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

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

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