Youngster_yj'Blog詳解

專案結構目錄

src目錄下前臺主體詳解：

App.js //前臺路由頁面
Blog.js //詳情頁面
index.js (下面為index內容,轉入到App.js,無太大意義)

---

     import React from 'react';
     import ReactDOM from 'react-dom';
     import App from './App'; 
     ReactDOM.render(<App />, 
     document.getElementById('root'));

---

 Life.js //生活分享頁面
 Main.js //首頁
 Movies.js //實戰頁面

 ps:
     1.config資料夾內為域名請求Api
     2.images資料夾內為本地資源
     3.style資料夾內為前臺樣式

實際樣式

---

src目錄下前臺元件詳解：

-components // 元件資料夾
     Advert.js //廣告元件
     Author.js //作者介紹元件
     Comment.js //詳情頁評論人元件
     Drawer.js //響應式抽屜元件
     Footer.js //頁面底部元件
     Header.js //頁面導航條元件
     Pinglun.js //詳情頁評論元件
     Skills.js //作者技能介紹元件

實際樣式

---

src目錄下後臺檔案詳解：

-admin //後臺資料夾
     -style //後臺樣式資料夾
     AddArticle.js //文章增添管理頁面
     App.js //後臺路由頁面
     ArticleList.js //文章列表管理頁面
     ChangeArticle.js //文章修改管理頁面
     Comment.js //評論管理頁面
     Index.js //後臺主頁
     Login.js //登入頁面
     SaveArticle.js //文章暫儲管理頁面
     Upload.js //檔案上傳管理頁面

實際樣式

後臺功能介紹

1.資源上傳頁面

(1).支援檔案上傳(點選上傳或拖拽上傳)

(2).擁有上傳進度

(3).上傳成功後同時分類返回視訊、音樂、圖片(GIF)外鏈

(4).支援遍歷伺服器檔案並返回符合要求檔案的外鏈

2.文章管理頁面

---

(1).支援新增文章

(2).支援修改(刪除)文章

(3).支援暫存文章

(4).支援預期釋出

(5).可檢視文章瀏覽量(為真實不做修改功能)

(6).操作選項欄增加文章置頂功能(2020-4-3更新)

(7).操作選項欄增加文章加密功能(2020-5-1更新)

3.留言管理頁面

(1).可控所有留言

(2).一二級評論分離顯示

(3).可顯評論所有資訊(為真實不做修改功能)

(4).整合互動頁留言管理(2020-6-1更新)

---

4.新添部落格後臺管理功能

(1).支援友鏈稽核(2020-7-1更新)

(2).整合留言郵箱通知(2020-7-2更新)

(3).支援QQ登入管理(2020-7-20更新)

(4).支援QQ資訊檢視及許可權分配(2020-7-30更新)

(5).後臺整合session提高安全效能(2020-8-30更新)

---

5.新添ReactNative應用後臺管理

(1).上傳視訊稽核(2020-8-1更新)

(2).支援現有視訊增刪查改(2020-8-5更新)

(3).ReactNative應用留言管理(2020-8-8更新)

---

- -此後本Blog前後端將陸續開源至本人GitHub,如想參考本部落格原始碼可留言索要或催促- -

Thanks to JSPang AntdUI