[ week11 ] 實戰練習-部落格(以 PHP 實作前、後端)


Posted by vick12052002 on 2020-09-03

以下是參考程式導師計畫第四期同學-krebikshaw [ 紀錄 ] 實戰練習 - 部落格 (以 php 實作前端 + 後端) 的開發流程,而有這個開發架構,非常感謝他,很有系統的整理出開發流程,以下是我的開發程序。

確認需求

  1. 登入機制
  2. 管理後台
  3. 管理員權限(新增文章<有標題以及內文>、編輯文章、刪除文章)
  4. 訪客,在首頁要能看到最新的五篇文章
  5. 訪客從導覽列點入:文章列表,並看到所有文章
  6. 新增文章功能(串接 CKEditor)
  7. 實作分類功能
  8. 實作 view more 功能
  9. 實作分頁機制
  10. 新增關於我頁面
  11. 支援 RWD

注意:資料庫不可存明碼、注意 XSS 、SQL injection 等資安攻擊

資料庫規劃

user (管理員,延用留言板的會員資料庫)

  1. user_id
  2. username
  3. password
  4. created_time

post

  1. post_id
  2. username
  3. title
  4. content
  5. created_time
  6. type
  7. is_delete
  8. update_time

category

  1. type
  2. name
  3. is_deleted
  4. created_time

檔案路徑

  • index.php(首頁)
    首頁顯示五則文章
  • login.php(登入頁面) -> handle_login.php
  • system.php(後台頁面)
    按鈕:刪除文章 -> handle_delete.php
     編輯文章 -> update.php (更新文章頁面) -> handle_update_post.php
     新增文章 -> add_post.php (新增文章頁面)-> handle_add_post.php
    
  • about_me.php(關於我)
  • list.php (文章列表)
  • category.php (文章分類)

開發流程

  1. 首頁
  2. 登入功能
  3. 後台頁面
  4. 新增文章頁面
  5. 後台頁面(編輯文章、刪除)
  6. 訪客首頁顯示 5 則最新文章
  7. 關於我
  8. 文章分類(分頁功能)//分頁功能太趕,後來沒做
  9. 所有文章列表









Related Posts

[JavaScript] 用 Jest 做單元測試

[JavaScript] 用 Jest 做單元測試

30-Day LeetCoding Challenge 2020 April Week 1 || Leetcode 解題

30-Day LeetCoding Challenge 2020 April Week 1 || Leetcode 解題

如何在瀏覽器上儲存資料?

如何在瀏覽器上儲存資料?


Comments