使用node+vue實現(xiàn)一個前后端分離的簡約博客

longshengwang 發(fā)布于2019-08-23 16:16 / 3244人閱讀

摘要：技術(shù)棧使用實現(xiàn)的前后端分離的簡約風(fēng)格的博客線上地址源碼在上使用的是騰訊云的服務(wù)器博客介紹前后端分離開發(fā)默認是后臺目錄，其中目錄下是前端代碼啟動項目項目默認是端口項目進入目錄下默認是端口技術(shù)棧前端后端實現(xiàn)功能主頁列表頁側(cè)邊欄富文

技術(shù)棧：使用node.js + koa2 + mongoDB + vue + vue-router + element-ui 實現(xiàn)的前后端分離的簡約風(fēng)格的博客

線上地址 http://148.70.233.26:8080

源碼在github上 https://github.com/zhaotbj/no...

使用的是騰訊云的服務(wù)器

博客介紹

前后端分離開發(fā)

默認是后臺目錄， 其中vue-views目錄下是前端代碼

啟動項目

node項目

node app.js
默認是3000端口

vue項目

cd 進入 vue-views目錄下
npm run dev
默認是8080端口

技術(shù)棧

前端

vue

vue-router

axios

element-ui

后端

koa2 + koa-router

mongoDB

實現(xiàn)功能

[x] 主頁+ 列表頁+ 側(cè)邊欄

[x] 富文本 vue2-editor】

[x] 增

[x] 查

[ ] 登錄，注冊

[ ] 刪改

[ ] 標(biāo)簽，分類

[ ] 評論

GPU云服務(wù)器云服務(wù)器前后端分離前后端分離開發(fā) js前后端分離框架前后端不分離 jsp

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

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

相關(guān)文章

細說后端模板渲染、客戶端渲染、node 中間層、服務(wù)器端渲染（ssr）

摘要：細說后端模板渲染客戶端渲染中間層服務(wù)器端渲染前端與后端渲染方式的發(fā)展大致經(jīng)歷了這樣幾個階段后端模板渲染客戶端渲染中間層服務(wù)器端渲染。與后端模板渲染剛好相反，客戶端渲染的頁面渲染都是在客戶端進行，后端不負責(zé)任何的渲染，只管數(shù)據(jù)交互。細說后端模板渲染、客戶端渲染、node 中間層、服務(wù)器端渲染（ssr）前端與后端渲染方式的發(fā)展大致經(jīng)歷了這樣幾個階段：后端模板渲染、客戶端渲染、node ...

icyfire 2019-08-23 12:23 評論0 收藏0
【Part1】用JS寫一個Blog（node + vue + mongoDB）

摘要：總的來說就是開發(fā)博客系統(tǒng)，探索前端走向全棧之路。我會記錄下來整個過程在我的專欄，有興趣的可以關(guān)注一下，一起學(xué)習(xí)，歡迎討論。話不多說，先進行前后端項目的初始化。安裝完成后，輸入命令切換到項目文件夾后輸入命令訪問一下項目初始化完成。學(xué)習(xí)JS也有一段時間了，準(zhǔn)備試著寫一個博客項目，前后端分離開發(fā)，后端用node只提供數(shù)據(jù)接口，前端用vue-cli腳手架搭建，路由也由前端控制，數(shù)據(jù)異步交互用...

jhhfft 2019-08-22 11:15 評論0 收藏0
【Part1】用JS寫一個Blog（node + vue + mongoDB）

摘要：總的來說就是開發(fā)博客系統(tǒng)，探索前端走向全棧之路。我會記錄下來整個過程在我的專欄，有興趣的可以關(guān)注一下，一起學(xué)習(xí)，歡迎討論。話不多說，先進行前后端項目的初始化。安裝完成后，輸入命令切換到項目文件夾后輸入命令訪問一下項目初始化完成。學(xué)習(xí)JS也有一段時間了，準(zhǔn)備試著寫一個博客項目，前后端分離開發(fā)，后端用node只提供數(shù)據(jù)接口，前端用vue-cli腳手架搭建，路由也由前端控制，數(shù)據(jù)異步交互用...

ctriptech 2019-06-26 17:30 評論0 收藏0
《從零構(gòu)建前后分離的web項目》實戰(zhàn) - 欲善其事必先利其器繼續(xù)打磨前端架構(gòu)

摘要：工欲善其事必先利其器繼續(xù)打磨前端架構(gòu)抱歉生病拖更了，快樂本文永久更新地址填坑上回還真的有同學(xué)提到了這個問題，感謝細心的你。既實現(xiàn)了攔截又實現(xiàn)了狀態(tài)的共享。愉快的拿到了數(shù)據(jù)這樣，前后分離的項目可以這樣借助測試接口，不需要騷擾任何人。工欲善其事必先利其器 - 繼續(xù)打磨前端架構(gòu) 抱歉生病拖更了，1024快樂本文永久更新地址填坑上回還真的有同學(xué)提到了這個問題，感謝細心的你。@_noob...

Mike617 2019-08-23 12:30 評論0 收藏0
Vue.js實踐：一個Node.js+mongoDB+Vue.js的博客內(nèi)容管理系統(tǒng)

摘要：項目來源以前曾用過搭建自己的博客網(wǎng)站，但感覺很是臃腫。所以一直想自己寫一個博客內(nèi)容管理器。正好近日看完了各個插件的文檔，就用著嘗試寫了這個簡約的博客內(nèi)容管理器。關(guān)于后端后端是用作為服務(wù)器的，使用了框架。項目來源以前曾用過WordPress搭建自己的博客網(wǎng)站，但感覺WordPress很是臃腫。所以一直想自己寫一個博客內(nèi)容管理器。正好近日看完了Vue各個插件的文檔，就用著Vue嘗試寫...

Dr_Noooo 2019-08-20 11:07 評論0 收藏0