React與Koa一起打造一個功能豐富的全棧個人博客(業(yè)務篇)
前言
豆哥的個人博客又改版了,本版主要技術棧是前臺用的React,后臺用的Koa。博客改版的初衷是自己可以練練React(公司的項目部分要用React,我也沒法啊,再說早晚得學)。本文主要介紹博客的業(yè)務邏輯,對技術方面不過多講述。想了解技術的話,可以等我下一篇《技術篇》哦!好了,轉(zhuǎn)入正題。
功能模塊
登錄注冊
首頁
文章詳情
文章評論
發(fā)文章
發(fā)文章權限
圈子
發(fā)圈子
搜索文章
模塊詳解
登錄注冊
登錄注冊時,賬號請輸入大于3位小于7位,密碼請輸入大于6位小于13位。
首頁
文章欄目分頁展示,每頁展示10條內(nèi)容。文章內(nèi)有圖片的,在欄目上會根據(jù)條件顯示,并根據(jù)文章的標簽顯示標簽。
頭部導航欄滾輪往上滑動顯示,并固定在頂部。滾輪往下滑動隱藏。
文章詳情
根據(jù)文章ID顯示對應的文章題目、文章內(nèi)容、文章標簽。
文章評論
用戶需登錄注冊后才可以在文章詳情頁下方評論,評論不計次數(shù),但是限制字數(shù)100字以內(nèi)。發(fā)表時帶有內(nèi)容以及時間。評論列表分頁展示。頭像是用戶的第一個字符。
發(fā)文章
目前只有管理員才有發(fā)文章的權限,其他用戶沒有權限,會進入權限頁面。
發(fā)文章權限
只有管理員才可以發(fā)文章,其他用戶沒有權限。其他用戶可以點擊返回首頁。
圈子
用戶可以發(fā)表自己的見解,后臺會根據(jù)發(fā)表的內(nèi)容進行判斷,不準發(fā)表違法敏感內(nèi)容。只有登錄注冊才會顯示發(fā)表圈子的按鈕。圈子列表分頁展示。
發(fā)圈子
只要是登錄注冊的用戶都可以發(fā)表圈子,可以發(fā)表圖片以及文字,圖片大小格式有限制,只能發(fā)表小于200KB的jpg或者png格式的圖片。文字小于50字。最后。用戶一天只能發(fā)3次圈子,次日重置。
搜索文章
在頂部搜索框可以輸入關鍵字,會自動跳轉(zhuǎn)到搜索結果頁,點擊對應的欄目,即可進入文章詳情頁。
線上體驗
本博客為了更好的體驗,請用PC電腦端打開。
在百度搜索關鍵字 前端歷劫之路 ,即可進入網(wǎng)頁。
也可以打開網(wǎng)址:
https://www.maomin.club/
結語
今天的《業(yè)務篇》到這里就要結束了,分篇發(fā)的目的是希望大家在開發(fā)一個項目之前,一定要先了解熟悉這個項目的業(yè)務需求。有時埋頭苦干不如細心籌劃。好了,下一篇《技術篇》正在煉制中,不久就會跟大家見面了。謝謝大家!
作者:Vam的金豆之路
主要領域:前端開發(fā)
我的微信:maomin9761
微信公眾號:前端歷劫之路