自己寫個網盤系列:① 來學習開啟這個專案吧

VictorStar發表於2023-12-10

❤這個系列準備用Simple快速框架搞個自己能用的網盤,來個實戰,教大家如何搞一個專案,其中你能學到如何進行專案級對接,如何快速進行專案編碼,如何完善你的專案,以及如何部署它。

💥我的快速開發框架專案

先介紹下我的基於.NET 8的快速開發框架Simple Framework,旨在簡化開發流程,減少學習成本。框架特點包括基於.NET 8、少用第三方庫、基本授權鑑權、CRUD實現和後臺管理前端。規劃使用了NLog、Redis、Json庫等,並支援多資料庫結構。框架包含基礎庫、Web專案擴充套件庫、EFCore擴充套件庫、程式碼生成器和定時任務模組,並提供了一套基於vue2 elementui前端頁面框架,以提高開發效率和靈活性,釋出以來收到了很多朋友的喜歡,本文的封裝工具也是朋友的建議下擼出來的,快去看看吧。點我✨Star

💝寫在前面

為何選擇搞個網盤呢,
首先完成這個專案使用的技術相對比較簡單,但是透過它比能學到很多東西。

  1. 從專案上來說,透過這個專案,你可以學習怎麼在外包中處理好自己的角色,學會對接其他程式設計師,學會理解專案,和分解專案模組。
  2. 從技術上來說,網盤無外乎就是用到檔案的增刪改移動啊之類的,這在任何一個語言中都是比較基礎的東西,大家一看就會,只要編碼就行。
  3. 從產品上來說,這個網盤可以做很多擴充套件,比如擴充套件為你的檔案系統、擴充套件為你的文件管理系統,做個異地部署,可擴充套件為異地備份管理。
    我會預設幾個角色,專案經理、前端開發、後端開發、部署運維,並簡單的描述他們在這個專案中都搞啥,咋配合,有的角色會描述的比較簡單,大家自己去看哦

場景說明(本專案除了編碼都是假設哦,哪有那麼多人😂)

💥假設你現在有個產品的需求,需要開發個線上網盤系統,有那麼幾個基礎要求:

  • 要在瀏覽器上使用,介面要看著容易操作點,減少使用和學習成本
  • 要登入後才能用,並能看見我的儲存空間還有多少可用
  • 要能正常進行檔案管理,包括資料夾、檔案的新增、修改、刪除
  • 要能線上預覽和編輯幾個常用的檔案型別,比如txt、md、excel啊這樣的,編輯的檔案要能自動儲存
  • 要能打包下載我想要的資料夾或者是我選中的幾個檔案
  • 要能有限次數的分享我的一些檔案
  • 要能多個賬戶分割使用,各用各的,不能看見別人的檔案
  • 要能在家裡部署這個應用,我在公司或者其他有網的地方我也能管理我的檔案

專案經理先開搞

人員就那麼點了,專案經理整理好專案需求找人開搞吧。
需求整理好了,人少只能自己按照需求功能圖自己整理下原型圖了,原型圖太醜,我直接找個UI做下美化出設計吧
UI快給我上幾個澀圖給大家看:

  • 登入
    image

  • 主介面
    image

  • 資管管理根目錄介面
    image

  • 裡面的檔案、資料夾頁面
    image

  • 功能介面
    image

  • 幾個常用檔案編輯預覽頁面
    image
    image
    image
    image

  • 設定頁面
    image

UI設計已經搞好了,下面交給前端寫介面吧,

看來專案前端Coding中。。。

本次模擬專案前端使用了一個Python專案的前端實現(再此申明下作者git地址和部落格地址) git地址 部落格地址,我是個.NET開發,肯定得上.NET做後端,那就直接使用他的前端頁面來對接吧,這個前端功能也挺不錯的,他也借鑑一個牜的初中生寫的Win12來的,星星很高的win12 web介面 win12地址在這。前端我基本不做調整了,順帶大家可以學習下外包時,前端已經寫好的情況,你如何對接。

參考1 leeyoshinari/OneDrive專案 Python地址在這
image

引用 其使用的win12前端專案 地址在這
image

好了,經過上面的步驟,我的好前端就算已經寫好了,下面交給我們的後端吧

經過和我的.NET 後端溝通,作為專案經理我直接要求他這麼簡單的專案,不要給我搞複雜了,能不能給我1000行程式碼搞定它,後端思考了3秒鐘,為了接單毫不在意的肯定得回覆了我,看程式碼行數分析,保證1000行搞定,

看著我懷疑的眼神,他請我拭目以待!殊不知我是在想難道太簡單了,媽的是不是錢給太多了?1000行不是幾百塊就好了,要我1000塊!我咬牙切齒,喊他快擼,超過1000行看我不多一行扣1塊,讓你倒貼!

我把前端寫好的靜態頁面交給了他,點此下載前端頁面,叮囑他小騾子快開始磨面吧,我要出去泡溫泉去了,更多後續,請看下回!

相關文章