摘要:前言實(shí)習(xí)了大半年,又臨近畢業(yè),一直想做一個屬于自己的博客。于是就用和開發(fā)了一個服務(wù)端渲染的博客系統(tǒng)。其中后端管理使用開發(fā)前端頁面使用服務(wù)端渲染框架接口服務(wù)使用使用當(dāng)接口發(fā)生時向我發(fā)送郵件通知項(xiàng)目地址是點(diǎn)我訪問項(xiàng)目地址,不要臉地求。
前言
實(shí)習(xí)了大半年,又臨近畢業(yè),一直想做一個屬于自己的博客。于是就用Vue、React和Koa開發(fā)了一個服務(wù)端渲染的博客系統(tǒng)。其中:
后端管理使用Vue開發(fā)
前端頁面使用React服務(wù)端渲染框架nextjs
接口服務(wù)使用Koa2 + mongodb + mongoose(使用nodemailer當(dāng)接口發(fā)生500時向我發(fā)送郵件通知)
項(xiàng)目地址是點(diǎn)我訪問項(xiàng)目地址,(不要臉地求star)。為了方便體驗(yàn)(小弟不才,大佬們輕虐),可以點(diǎn)擊訪問后端管理系統(tǒng),在注冊用戶后,即可登錄體驗(yàn),同時也可以發(fā)布文章,然后在前端頁面就可以看到發(fā)布的文章。(目前(2018-02-28)未備案,就簡單通過ip訪問即可)
效果預(yù)覽 1 后端管理頁面后端管理頁面使用了vue、vuex、sass以及axios,其中模仿ElementUI的樣式開發(fā)了dialog、loading、confirm、notofication、messgae等等組件,(感覺自己對vue組件的開發(fā)姿勢又稍微深入了一點(diǎn)點(diǎn),畢竟學(xué)無止境)。以下為部分頁面截圖:
登錄
?
個人中心
?
文章管理
?
新建文章
?
ECharts結(jié)合
?
2 前端頁面渲染借此機(jī)會想學(xué)習(xí)一下React,于是前端頁面使用了React服務(wù)端渲染框架nextjs,并使用了Redux、axios以及koa(自定義服務(wù)所用)。前端頁面目前比較簡單,主要就是文章的讀取和渲染。以下為截圖:
首頁
?
文章詳情
?
結(jié)束語這一次開發(fā)個人博客,學(xué)習(xí)了很多,像是Vue組件開發(fā)、文件上傳 、上傳到七牛云以及react和redux的使用,再到使用koa2、mongodb寫接口,然后再到pm2守護(hù)進(jìn)程和配置nginx等等。總之,學(xué)習(xí)到了很多,接下來我會整理思路,把這些總結(jié)總結(jié)分享出來,歡迎指正批評。
Github地址是這個elpase,求start,嘻嘻...
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://specialneedsforspecialkids.com/yun/19210.html
摘要:前言實(shí)習(xí)了大半年,又臨近畢業(yè),一直想做一個屬于自己的博客。于是就用和開發(fā)了一個服務(wù)端渲染的博客系統(tǒng)。其中后端管理使用開發(fā)前端頁面使用服務(wù)端渲染框架接口服務(wù)使用使用當(dāng)接口發(fā)生時向我發(fā)送郵件通知項(xiàng)目地址是點(diǎn)我訪問項(xiàng)目地址,不要臉地求。 前言 實(shí)習(xí)了大半年,又臨近畢業(yè),一直想做一個屬于自己的博客。于是就用Vue、React和Koa開發(fā)了一個服務(wù)端渲染的博客系統(tǒng)。其中: 后端管理使用Vue開...
摘要:前言實(shí)習(xí)了大半年,又臨近畢業(yè),一直想做一個屬于自己的博客。于是就用和開發(fā)了一個服務(wù)端渲染的博客系統(tǒng)。其中后端管理使用開發(fā)前端頁面使用服務(wù)端渲染框架接口服務(wù)使用使用當(dāng)接口發(fā)生時向我發(fā)送郵件通知項(xiàng)目地址是點(diǎn)我訪問項(xiàng)目地址,不要臉地求。 前言 實(shí)習(xí)了大半年,又臨近畢業(yè),一直想做一個屬于自己的博客。于是就用Vue、React和Koa開發(fā)了一個服務(wù)端渲染的博客系統(tǒng)。其中: 后端管理使用Vue開...
摘要:建立該倉庫的目的主要是整理收集學(xué)習(xí)資源,統(tǒng)一管理,方便隨時查找。目前整合的學(xué)習(xí)資源只是前端方向的,可能會存在漏缺比較好的資源,需要慢慢的完善它,歡迎在該上補(bǔ)充資源或者提供寶貴的建議。 說明 平時的學(xué)習(xí)資源都比較的凌亂,看到好的資源都是直接收藏在瀏覽器的收藏夾中,這樣其實(shí)并不方便,整理在云筆記上,也不方便查看修改記錄,索性就整理在 github 上并開源出來,希望幫助大家能夠更快的找到需...
閱讀 2727·2023-04-26 02:28
閱讀 2559·2021-09-27 13:36
閱讀 3131·2021-09-03 10:29
閱讀 2760·2021-08-26 14:14
閱讀 2108·2019-08-30 15:56
閱讀 839·2019-08-29 13:46
閱讀 2614·2019-08-29 13:15
閱讀 459·2019-08-29 11:29