# mosji 臨時專案管理區 ###### tags: `mosji` ## 需了解的基本技術 |名稱|斗笠|韜|補充| |-|:-:|:-:|-| |Flutter App開發|-||https://flutter.dev/ 包含使用Webview包裝網頁| |Bootstrap|||https://getbootstrap.com/| |Vue 3|||https://vuejs.org/guide/introduction.html| |vue-router|||| |pinia|||| |Composition API|||| |Vuetify|||https://vuetifyjs.com/en/ 一個Vue的專用UI框架| |Bootstrap-vue||-|https://bootstrap-vue.org/vue3 給vue3用的Bootstrap| ## 交流專區上傳新增檔案格式過濾、檔案大小限制 ### 標地 1. 上傳時，加上限制檔名及增加提示字樣，以下為參考的設定副檔名： - 圖片 : **.gif, .jpg, .jpeg, .png** - 檔案 : **.doc, .docx, .xls, .xlsx, .txt, .pdf, .csv** 2. 上傳時，加上限制檔檔案大小 ### 調整方式 - 實作於前端（前台＋後台）。 - 檔案上傳時會將不在允許清單內的檔案格式disable掉，無法選擇。 - 可透過環境變數設定「圖片」和「檔案」允許的格式，以利未來彈性調整允許的格式。 > 目前預設： > - 圖片：.gif,.jpg,.jpeg,.png > - 檔案：.doc,.docx,.xls,.xlsx,.txt,.pdf,.csv - 可透過環境變數設定「檔案大小」，單位為MB。 ### 需調整的功能 #### 前台 1. 上傳使用者大頭照 > 客戶出畫面 2. 活動、問卷視覺圖片 > 同現行 修改提示文字 3. 活動、文章、社團文章圖片附件、檔案附件 > 客戶出畫面 4. 相簿相片上傳 > 同現行 修改提示文字 5. 社團圖片 > 同現行 修改提示文字 6. 問卷、活動題目代表圖 > 客戶出畫面 7. 問卷、活動、投票單選、複選選項圖片 > 客戶出畫面 #### 後台 1. 首頁Banner圖片上傳 > 同現行 修改提示文字 2. 公告訊息、管理辦法附件上傳 > 客戶出畫面 3. 公告訊息、管理辦法，文章編輯內嵌圖片上傳 > 客戶出畫面 4. 投票、問卷、特約商店封面圖片 > 同現行 修改提示文字 5. 文章、活動、特約商店附件圖片、檔案上傳 > 客戶出畫面 6. 問卷、活動、投票單選、複選選項圖片 > 客戶出畫面 7. 相簿相片上傳 > 客戶出畫面 8. 問卷、活動、投票單選、複選選項圖片 > 客戶出畫面 ## git規格 #### 下載與建立分支 1. Clone到本地端 ```bash= $ git clone {repo的https網址} ``` 2. 查看目前在哪一個分支 ##### 查看本地端分支 ```bash= $ git branch ``` ##### 查看本地端和遠端的分支 ```bash= $ git branch -a ``` 3. 建立新的分支 ```bash= $ git branch {新分支名稱} ``` 4. 切換分支 ```bash= $ git checkout {分支名稱} ``` 5. 新增分支病直接切換到新的分支 ```bash= $ git checkout -b {新的分支名稱} ``` > **補充:** > 此步驟為上面3 + 4兩個步驟的合併 #### 查看git歷史紀錄 ```bash= $ git log ``` #### 提交 1. 檢視目前修改過的程式碼檔案清單 ```bash= $ git status ``` 2. 加入要提交的檔案 ##### 直接加入全部修改過的檔案 ```bash= $ git add . ``` ##### 加入特定的檔案 ```bash= $ git add {檔案相對路徑和檔名} ``` 3. 提交並描述此次提交的程式碼修改了甚麼以及目的是什麼 ```bash= $ git commit -m "{這裡打上描述}" ``` > **補充:** > 這個步驟只是提交到本地端的git 4. 更新本地端所有提交到遠端git ```bash= $ git push ```