# 2024.3.06 產業資訊服務 2nd 上課

[本文連結](https://hackmd.io/@RogerChao/ByStndSTT)


請先註冊課程網站，然後用這個網站點名

如果有注意到這連結的話，那就可以順便再確認一下點名[點名](https://course-rogerchao.sporetrofit.com/InfoService/11202/CourseWW02_124/)

### 運動數據的消費支出調查

https://isports.sa.gov.tw/Apps/Download.aspx?SYS=TIS&MENU_CD=M07&ITEM_CD=T04&MENU_PRG_CD=4&ITEM_PRG_CD=3






### 資料怎麼來

* 做問卷
* POS 記帳
* 軟體服務
* 物聯網數據搜集
* ...

沒有記到的帳, 為了平帳只能記一筆「狗飼料支出」

現實生活中的資料有多少是狗飼料支出

### 統計數據查看
1. [北市府的統計數據(舊)](https://www-ws.gov.taipei/Download.ashx?u=LzAwMS9VcGxvYWQvMzY3L3JlbGZpbGUvNDUwMDAvNzY2MzIyNy9hZTFhMTZlZC03MDMxLTQ3OTYtYTI4My04MTg0YjA1MGJmMTcucGRm&n=MTA2MTHoh7rljJfluILpgYvli5XloLTppKjoiIfpq5TogrLmtLvli5XmpoLms4EucGRm&icon=.pdf)(<--連結可點

2. [新List](https://sports.gov.taipei/News.aspx?n=303C4EF55A46BE49&sms=87C8FF80745A7D46) (<--連結可點）

### 拍賣網站分享的網址
裡面藏了什麼

如果乖乖點

實際上這樣也可以打開商品頁

老師利用教室的老師電腦所架設的臨時網站
[[here]](http://172.16.27.1:88)

---
# 網站撰寫
## 1.安裝VS Code ()

### 1.1 共用碟

### 1.2 裡面有vscode Apache PHP

### 1.3 一路按下去 VSCode

### 1.4 設定VSCode

開啟畫面之後 左下角有延伸模組，請再延伸模組裡面搜尋traditional, 出現繁體中文套件，請安裝


安裝完畢之後，點選下面視窗，確認更換語言及重啟


## 2.設定Apache
### 2.1 複製展開到本機磁碟

解壓縮之後

目標是在C:\server\Apache24 <-- 路徑中有這樣一個資料夾
許多人會解壓縮server 後 變成C:\server\server\Apache24 ，這樣跟預設的路徑不符合，會無法開啟Apache

### 2.2 Apache24設定
針對Apache24\conf\httpd.conf 進行設定，先找到該檔案，並且拉近VSCode中進行編輯


請確認你的Sever路徑是Apache24的位置
Define SRVROOT "c:/server/Apache24" (檔案中應該已經修改成這個路徑)

### 2.3 電腦中的捷徑
<font color='red'>（如果只是暫時開啟Apache 而非長期啟用，則可以跳過此步驟）</font>

如果將Apache變成服務(一啟動就執行，重開機也不用擔心)，便需要要在任何地方都能執行httpd.exe ，在Windows當中，必須設定環境變數讓這些路徑下的檔案都能直接啟動


下面的路徑需要注意資料夾名稱是 Apache24 或是Apache2454

### 2.4 執行httpd.exe

#### 1. 標準啟動方法
1.1. 先打開命令提示字元

1.2. 鍵入httpd.exe 啟動APACHE

用這樣的方法 可以確保如果有錯誤訊息時，可以查看

#### 2. 便捷啟動方法
直接到C:\server\Apache24\bin資料夾底下，搜尋httpd.exe 這個程式
啟動後，正常情況會開啟一個命令提示字元的視窗（黑底視窗)
有任何錯誤或者警示訊息都會顯示在這邊

#### 3. 開啟瀏覽器，迎接你本機伺服器的第一個網頁
在網址列打入localhost

#### 4. 特定電腦的問題
由於計中電腦部分有安裝TQC試題，因此Port 80受限
執行畫面會出現沒有權限

#### 5. 修改Apache24 Port為 88

修改httpd.conf 裡面的
listen 80 --> listen 88


再執行之，再使用Browser 打開localhost:88
顯示下列畫面及代表成功開啟本機端網頁

## 3. 編輯你的第一個網頁

### 3.1 使用VSCode 開啟資料夾 htdocs


首次使用需要確認授權


按下確認之後，便可以從左邊資料列．看到你的第一個html (index.html)


這就是上一個步驟所顯示出來的It works!


### 3.2 修改index.html

可以嘗試修改，但是修改完記得存檔. 如果你的檔案名稱右邊有一個白色原點，代表已修改未存檔，你的網頁如何重整都不會顯示改變

按下快捷鍵ctrl+s 存檔後 ，重新整理網頁，即可看到更新


---
## 註:沒有連線網路磁碟機的怎麼辦

打開本機，然後網址列打共用碟ip

\\\192.83.181.198
出現在這台電腦上的所有共享資料夾


選擇419 右鍵選擇連線網路磁碟機

就可以將你的網路磁碟機救回

結束點名[點名](https://course-rogerchao.sporetrofit.com/InfoService/11202/CourseWW02_125/)