團隊討論筆記
===
[TOC]
# 每周日下午兩點討論
## 2021/07/04
### 使用工具
* git-版本控制
1. gitignore
2. [gitkraken](https://www.gitkraken.com/)
3. [github](https://github.com/)
* html&css-網頁顯示
* javascript-網頁處理
* mysql-資料庫
* mongodb-資料庫
* googleCloud-雲端（創新賬號，裡有$300美元，打死不要輸入信用卡）
* [流程圖撰寫](https://app.code2flow.com/)
* vscode extension(裝下去就對，無害的）
1. path intellisense
Visual Studio Code plugin that autocompletes filenames.
3. debugger for chrome
寫好的html可以預先透過套件顯示
4. bracket pair colorizer 2
快速知道你對應的框
5. html snippets
幫助你寫少點html
6. prettier-code formatter 排版

登入頁
---
* 登入頁面
> 1. 輸入帳號密碼
> 2. 用GOOGLE、FB帳號直接登入(進階)
> 3. 忘記密碼
> 4. 註冊帳號
* 註冊頁面
> 1. 設定帳號
> 2. 設定密碼
> 3. 使用者名稱
> 4. E-mail確認註冊(進階)
> 5. 手機號碼
> 6. 寄件地址
> 7. 生日
* 登入後的個人資料顯示
> 1. 編輯個人簡介
> 2. 我的帳戶
> 3. 購買清單
> 4. 通知總覽
* 修改資料
> 1. **我的帳戶**
使用者名稱
Email
手機號碼
生日
> 2. **銀行帳號/信用卡**
> 3. **配送地址**
> 4. **更改密碼**
→現在密碼:__________
→新的密碼:__________
→確認密碼:__________

電商平台
---
* 購物車
* 購物須知
* 食品

遵守事項
---
1. 變數命名需有意義，請參照這個網站的方式 [命名參考](https://medium.com/mr-efacani-teatime/%E6%92%B0%E5%AF%AB%E7%A8%8B%E5%BC%8F%E7%9A%84%E7%AC%AC%E4%B8%80%E6%AD%A5-%E5%AD%B8%E7%BF%92%E6%9C%89%E6%84%8F%E7%BE%A9%E7%9A%84%E5%91%BD%E5%90%8D-62252ea86587)
2. 每次開會需告知團隊做了哪些，有遇過哪些困難，並解釋給其他人了解

每週進度
---
@andrewzhen0903 工作
~~1. 創建新的google帳號，並開啟 google cloud使用~~
~~2. 使用google cloud開啟虛擬機，並使用linux系統~~
~~3. 在linux系統內安裝mysql資料庫~~
~~4. mysql設定帳號密碼，並告知團隊帳號密碼與連線ip~~
→**USERNAME**:user　 **IP**: 52.171.57.192　 ==**密碼**: POMELO== **port**:3306
~~6. 外部可以連線進去(如:mysql workbench)~~
7. 若提早完成，可以學習如何架設phpmyadmin(自己查一下是什麼，若是可以下週可以說明一下)
8. 了解git並撰寫gitignore
9. 研究資料傳輸方式(get、post傳法)

@v9T9jzLwTYKCFtE1SrR3Hg 工作
~~1. 撰寫4個頁面出來(分別為登入、註冊、個人資料顯示、修改資料)~~
~~2. 資料先放假資料，先不與資料庫做連線~~
~~3. 研究如何用javascript與資料庫連線(等待 @andrewzhen0903 架設完畢後開始連線)並說明~~
~~4. 頁面的轉換導址~~
~~5. 學習如何使用cdn匯入套件(如:lodash)-不限定哪個套件~~
~~6. 若是提早完成，可以嘗試套件的使用，並準備說明~~
7. 也可以考慮使用框架，去研究框架的優缺，並選擇其中一種來用(咪住先)
~~8. 了解git並撰寫gitignore~~
~~9. 研究資料傳輸方式(get、post傳法)~~

---

## 2021/07/11
@andrewzhen0903 工作
~~1. 先從外部連接雲端的database~~
~~2. 互相討論設計並畫出er diagram,而且要確定要怎樣的table~~
~~3. 根據設計好的table，嘗試傳資料到雲端的資料庫~~
~~4. 研究python django並架設server~~
~~5. 嘗試使用簡易的網頁連接到django和database~~
6. 研究如何使用gitkraken

@v9T9jzLwTYKCFtE1SrR3Hg 工作
~~1. 修改討論時需要修改的地方~~
~~2. 先從外部連接雲端的database~~
~~3. 設計並畫出er diagram, 討論設計怎樣的table~~
~~4. 根據設計好的table，嘗試傳資料到雲端的資料庫~~
~~5. 學習javascript的基本使用，順便了解下vue框架~~

## 2021/07/11
@andrewzhen0903 工作
1. 在mysql建立index和foreign key作查詢
2. mysql 改密碼
3. django連接mysql database，“一定要/must”了解django module
4. 用django增加新的頁面“/”，要設定get/post
5. 嘗試把所寫的東西push到github，記得存在“你自己”開的新的branch和有意義的commit
6. 研究如何使用gitkraken/github deskstop/sourcetree (選其中一個)

@v9T9jzLwTYKCFtE1SrR3Hg 工作
1. ~~使用js連接雲端的database - 練習module使用~~ [筆記](https://hackmd.io/@aiya861202/SJdiz1N0u)
2. 連接成功後，在前端顯示對應的資料
3. ~~了解sql語法撰寫~~ [筆記](https://hackmd.io/@aiya861202/rybn8Q7A_)
4. ~~了解github deskstop並使用作push~~
5. ~~了解並判斷是否使用框架~~
6. ~~js做表單規則驗證-(hint 可以用正則表達式做)~~
7. ~~構想登入後的頁面~~
9. ~~@media的瞭解跟撰寫~~

## 2021/07/25
@andrewzhen0903 工作
1. 修正ER-model
2. 了解django module
3. django與前端的HTML相連
4. django的註冊可以新增至資料庫
5. html網站登入需要用已註冊後的帳號才能登入

@v9T9jzLwTYKCFtE1SrR3Hg 工作
1. 研究vue
2. [本週筆記](https://hackmd.io/cFfKfkJUSVG14AJ1KNfAvQ)

## 2021/08/01
@andrewzhen0903
1. 查詢html跟django的寫法
2. 個人檔案的修改資料也能修改後端資料
3. 學習django語法
4. django上的程式修正 (Ex:完成(第2點),註冊就無法使用)

@v9T9jzLwTYKCFtE1SrR3Hg 工作
~~1. 解決中文輸入分裂問題~~
~~2. TW-ZIPCODE新版本~~
~~3. 表單驗證問題(v-if)~~
4. .join()---不確定
~~5. 完成首頁~~
~~6. js 練習~~
7. 商品放入購物車功能
8. [本週筆記](https://hackmd.io/Te4ZtrPATjGmgm0V3hDvGA)

## 2021/08/08
@andrewzhen0903
1. 完成個人資料剩下的與後端連接的部分(信用卡、地址、(密碼半成品))
2. 修正註冊時的住址無法連一起
3. 完成商品的資料庫內容

@aiya861202 工作

[8/8筆記](https://hackmd.io/rBUqzCf_Qpiu4y5Ho-fPzg)
1. ~~Ajax-join-/function/return/value/Post(url留空)~~
2. ~~sign-label樣式同行~~
3. ~~通知一覽原用的info icon多用於顯示更多詳細資訊，要換成較適合的鈴鐺~~
4. ~~購物車功能~~()
5. 商品詳細頁面模板(從資料庫取商品資訊)
6. 各店家管理員登入

## 2021/08/08
@andrewzhen0903
1. 寫API文件
2. 弄個requirements.txt
3. 優化程式碼 → 修改完上傳到Github了