關於一個完整項目的前端頁面規劃

前言

計劃:
打算作一個簡單的網站,擁有前端頁面,後臺數據,以及管理系統,然而這並不容易,因此打算先完成前端頁面。 前端

我喜歡作什麼事情以前都作一個計劃,如今這個計劃能夠說有這個想法好久了,可是一直沒有去作,如今開始把前端頁面分析下,方便以後開發vue

預計會用到的主要技術棧:數據結構

  • vue
  • nuxtjs
  • koa2

頁面統計

前端頁面打算只作三個頁面,首頁,詳情頁,搜索結果頁koa

模板設計

整個網頁分爲頭部,banner,內容,底部;每部分又能夠細分以下網站

TIM截圖20190313121328.png

組件設計

能夠將上面劃分出來的每部分,建一個目錄,目錄下包含一個對外的文件(index.vue),以及若干當前部分的小組件,對外的文件用來整合當前目錄組件,使其成爲一個完整的部分
TIM截圖20190313122417.pngspa

數據結構設計

搜索框須要有熱門搜索的數據,banner須要有圖片的地址,內容須要動態更新
TIM截圖20190313184109.pngnuxt

接口設計

加入版本號,使用 HTTP 動詞,加入版本號是爲了之後有不兼容和破壞性的更改,能更容易的發佈API,使用 GET POSt 是爲了方便理解這個接口是獲取數據仍是新加數據設計

TIM截圖20190314111112.png

相關文章
相關標籤/搜索