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