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

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

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

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

線上地址 http://148.70.233.26:8080

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

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

博客介紹

前后端分離開(kāi)發(fā)

默認(rèn)是后臺(tái)目錄， 其中vue-views目錄下是前端代碼

啟動(dòng)項(xiàng)目

node項(xiàng)目

node app.js
默認(rèn)是3000端口

vue項(xiàng)目

cd 進(jìn)入 vue-views目錄下
npm run dev
默認(rèn)是8080端口

技術(shù)棧

前端

vue

vue-router

axios

element-ui

后端

koa2 + koa-router

mongoDB

實(shí)現(xiàn)功能

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

[x] 富文本 vue2-editor】

[x] 增

[x] 查

[ ] 登錄，注冊(cè)

[ ] 刪改

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

[ ] 評(píng)論

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

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

轉(zhuǎn)載請(qǐng)注明本文地址：http://specialneedsforspecialkids.com/yun/102843.html

相關(guān)文章

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

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

icyfire 2019-08-23 12:23 評(píng)論0 收藏0
【Part1】用JS寫(xiě)一個(gè)Blog（node + vue + mongoDB）

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

jhhfft 2019-08-22 11:15 評(píng)論0 收藏0
【Part1】用JS寫(xiě)一個(gè)Blog（node + vue + mongoDB）

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

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

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

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

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

Dr_Noooo 2019-08-20 11:07 評(píng)論0 收藏0