在用vue3+uni寫完一個公司的移動端跨平臺的項(xiàng)目后，TS也學(xué)完后，著手跟著coderwhy的視頻講解，跟著寫了一個后臺管理系統(tǒng)，當(dāng)然不是簡單的你說我寫的模式，而是在結(jié)合ts相關(guān)知識點(diǎn)和老師講的邏輯點(diǎn)進(jìn)行寫的（代碼自己一個個的敲，沒有command+c??），如果知識照著超，那不寫也罷。

整個項(xiàng)目以vite為構(gòu)建工具，利用element-plusUI框架（一些主要的），并利用了Pinia的狀態(tài)管理，vuerouter的路由，還有axios的三方網(wǎng)絡(luò)請求這些官方的或者三方的進(jìn)行項(xiàng)目的開發(fā)。

難點(diǎn)：

• 動態(tài)路由的添加：
  這個是根據(jù)接口數(shù)據(jù)返回的path進(jìn)行動態(tài)的路由添加，保證登錄用戶有區(qū)別的進(jìn)行菜單的分配，防止用戶訪問沒有權(quán)限的菜單界面
• 菜單在網(wǎng)頁刷新后的狀態(tài)保存管理：
  這個要求界面在刷新時候能夠保存刷新之前的菜單選中狀態(tài)
  
  菜單默認(rèn)選中 、刷新狀態(tài)保存
• 通用界面（增刪改查）的封裝：
  這個難點(diǎn)是對通用文件的字段展示不能寫死，而是根據(jù)配置文件進(jìn)行UI的展示，邏輯的處理，數(shù)據(jù)請求
• 在通用界面的基礎(chǔ)上，處理一些特殊的UI展示，邏輯的處理：
  這個難點(diǎn)是對通用的不同點(diǎn)的處理上
  
  通用界面的封裝和不同點(diǎn)處理
• echarts的封裝和配置數(shù)據(jù)
  這個要求對echarts的不同的圖進(jìn)行數(shù)據(jù)配置的處理上，需要熟悉接口數(shù)據(jù)轉(zhuǎn)換為需求數(shù)據(jù)和對echarts的各項(xiàng)數(shù)據(jù)配置的理解上
  
  echats數(shù)據(jù)配置，網(wǎng)絡(luò)數(shù)據(jù)轉(zhuǎn)換

老師由于時間上的限制，在ts語言優(yōu)勢上，特別是類型方面，有所不足，很多狀況下，是能不用類型就不用，基本能用any的就是any了。瑕不掩瑜，還是很優(yōu)秀的。之所以提到這點(diǎn)，就是希望在真的寫項(xiàng)目的時候，多多利用ts的類型，讓項(xiàng)目更加健壯和安全。（當(dāng)然，我在寫的時候，彌補(bǔ)了這點(diǎn)缺憾）

總的來說，寫了這個項(xiàng)目后，就掌握了大概的后臺管理系統(tǒng)的架構(gòu)以及功能點(diǎn)，在實(shí)際的項(xiàng)目開發(fā)上有了一定的經(jīng)驗(yàn)和理解，能夠在效率提升上大有提高。