---
# System prepended metadata

title: DY網頁開發
tags: [Works]

---

---
tags: Works
---
# DY網頁開發

## 追蹤事項表



- [ ] 佈署方式是否需要外網?

:::info
1. <font size=5>自行搭建伺服器：</font> <br><br>


- 優點：
您有絕對的控制權，可以根據需求自由配置。這就像是在自己的土地上建造自己的商店。

- 缺點：
需要專業的資訊技術知識，並且需要大量的時間來管理和維護。您需要自己解決所有可能出現的問題，包括安全、效能和連線等問題。

<br><br>
2. <font size=5>虛擬私人伺服器（VPS）：</font> <br><br>


- 優點：提供您專屬的空間和控制權，但同時提供了一些工具來幫助管理伺服器。這就像是租下一棟商業大樓的一層來開設您的商店。

- 缺點：仍然需要一些技術知識來設定和管理伺服器。儘管有些工具可以幫助您，但如果遇到問題，可能仍然需要求助專業人士。

<br><br>
3. <font size=5>平台即服務（PaaS）()：</font> <br><br>
 Heroku、Google App Engine 或 Azure App Service

- 優點：
您只需要專注於您的應用程式，而不用擔心底層的技術問題。Heroku 會幫您處理所有的基礎設施和伺服器問題。這就像是在一個大型購物中心開設您的商店，而購物中心會處理所有的基礎設施問題，讓您可以專注於經營您的商店。

- 缺點：
相對地，您對於環境的控制權較少。如果您的應用程式需要特殊的配置，Heroku 可能無法滿足。此外，成本可能會隨著您的使用量增加而增加。


<br><br>
4. <font size=5>無伺服器（Serverless）架構：</font> <br><br>
- 優點：


抽象化管理：無伺服器將所有底層的基礎架構問題抽象化，讓開發人員可以專注於撰寫程式碼，不必擔心伺服器的設定、維護等問題。

自動擴展與收縮：當您的應用程式流量增加時，無伺服器服務會自動擴展；當流量減少時，則會自動縮減，您無需手動進行這些操作。

價格模型：您只需為實際使用的運算時間付費，而不是伺服器的運行時間。

- 缺點：

可調整性受限：與傳統伺服器相比，無伺服器架構的調整性可能會受到限制。因此，如果您需要特殊的環境設定，無伺服器可能無法提供。

冷啟動問題：如果您的函式在一段時間內沒有被調用，下次調用時可能需要花費一些時間來“啟動”。

運算時間限制：無伺服器服務通常有對單次運算的時間限制，例如 AWS Lambda 的限制為 15 分鐘。
:::




---

## 專案流程
![](https://hackmd.io/_uploads/ByCH8l4vh.png)
![](https://hackmd.io/_uploads/HknU8lNPh.png)



## 網頁開發功能
 - [ ] 公告
 - [ ] 權限?
 - [x] Github版控
 - [ ] data key in
 - [ ] 權限查看
 - [ ] 派單、指派
 - [ ] RWD
 - [x] MYSQL create
 - [x] 備忘錄(index彈出框顯示，add_project增加備忘欄位，修改再chg_project做更新)
 - [ ] 專案狀態 新增
 - [x] 大項目欄位 新增
 - [x] 專案代號重複bug
 - [x] HTML自動刷新(120000毫秒)
 - [x] layui列高自適應
### 首頁
 - [x] 首頁-進行中專案
 - [x] 首頁-已結案
 - [x] 進行中專案 > 已結案
 - [x] 404 page design
 - [ ] template 目前無法實現(JS模塊功能無法被包含內)

### 帳戶管理
 - [x] login
 - [x] login disable auto fill account(not git yet)

        <input type="text" name="acc_nu" required="" autocomplete="off">

 - [x] logout
 - [x] 新增
 - [x] 修改

### 大項目
 - [x] 顯示
 - [x] 新增
 - [x] 刪除
 - [x] 計算%數


### 小項目
 - [x] 顯示
 - [x] 新增
 - [x] 刪除
 - [x] 修改
 - [x] 計算%數