摘要:前言實習了大半年,又臨近畢業(yè),一直想做一個屬于自己的博客。于是就用和開發(fā)了一個服務(wù)端渲染的博客系統(tǒng)。其中后端管理使用開發(fā)前端頁面使用服務(wù)端渲染框架接口服務(wù)使用使用當接口發(fā)生時向我發(fā)送郵件通知項目地址是點我訪問項目地址,不要臉地求。
前言
實習了大半年,又臨近畢業(yè),一直想做一個屬于自己的博客。于是就用Vue、React和Koa開發(fā)了一個服務(wù)端渲染的博客系統(tǒng)。其中:
后端管理使用Vue開發(fā)
前端頁面使用React服務(wù)端渲染框架nextjs
接口服務(wù)使用Koa2 + mongodb + mongoose(使用nodemailer當接口發(fā)生500時向我發(fā)送郵件通知)
項目地址是點我訪問項目地址,(不要臉地求star)。為了方便體驗(小弟不才,大佬們輕虐),可以點擊訪問后端管理系統(tǒng),在注冊用戶后,即可登錄體驗,同時也可以發(fā)布文章,然后在前端頁面就可以看到發(fā)布的文章。(目前(2018-02-28)未備案,就簡單通過ip訪問即可)
效果預(yù)覽 1 后端管理頁面后端管理頁面使用了vue、vuex、sass以及axios,其中模仿ElementUI的樣式開發(fā)了dialog、loading、confirm、notofication、messgae等等組件,(感覺自己對vue組件的開發(fā)姿勢又稍微深入了一點點,畢竟學無止境)。以下為部分頁面截圖:
登錄
?
個人中心
?
文章管理
?
新建文章
?
ECharts結(jié)合
?
2 前端頁面渲染借此機會想學習一下React,于是前端頁面使用了React服務(wù)端渲染框架nextjs,并使用了Redux、axios以及koa(自定義服務(wù)所用)。前端頁面目前比較簡單,主要就是文章的讀取和渲染。以下為截圖:
首頁
?
文章詳情
?
結(jié)束語這一次開發(fā)個人博客,學習了很多,像是Vue組件開發(fā)、文件上傳 、上傳到七牛云以及react和redux的使用,再到使用koa2、mongodb寫接口,然后再到pm2守護進程和配置nginx等等??傊?,學習到了很多,接下來我會整理思路,把這些總結(jié)總結(jié)分享出來,歡迎指正批評。
Github地址是這個elpase,求start,嘻嘻...
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://www.ezyhdfw.cn/yun/39822.html
摘要:前言實習了大半年,又臨近畢業(yè),一直想做一個屬于自己的博客。于是就用和開發(fā)了一個服務(wù)端渲染的博客系統(tǒng)。其中后端管理使用開發(fā)前端頁面使用服務(wù)端渲染框架接口服務(wù)使用使用當接口發(fā)生時向我發(fā)送郵件通知項目地址是點我訪問項目地址,不要臉地求。 前言 實習了大半年,又臨近畢業(yè),一直想做一個屬于自己的博客。于是就用Vue、React和Koa開發(fā)了一個服務(wù)端渲染的博客系統(tǒng)。其中: 后端管理使用Vue開...
摘要:前言實習了大半年,又臨近畢業(yè),一直想做一個屬于自己的博客。于是就用和開發(fā)了一個服務(wù)端渲染的博客系統(tǒng)。其中后端管理使用開發(fā)前端頁面使用服務(wù)端渲染框架接口服務(wù)使用使用當接口發(fā)生時向我發(fā)送郵件通知項目地址是點我訪問項目地址,不要臉地求。 前言 實習了大半年,又臨近畢業(yè),一直想做一個屬于自己的博客。于是就用Vue、React和Koa開發(fā)了一個服務(wù)端渲染的博客系統(tǒng)。其中: 后端管理使用Vue開...
閱讀 2532·2019-08-30 15:52
閱讀 2328·2019-08-30 12:51
閱讀 2933·2019-08-29 18:41
閱讀 2925·2019-08-29 17:04
閱讀 928·2019-08-29 15:11
閱讀 1871·2019-08-28 18:02
閱讀 3688·2019-08-26 10:22
閱讀 2604·2019-08-26 10:12