實習生必看：Visual Studio 建立 Website 連接數據庫並顯示店鋪/店員信息的最小化教程

技術棧

• VS 2019/2022 + ASP.NET Web Forms (.NET Framework 4.8) 或 ASP.NET Core MVC
• SQL Server Express LocalDB (零配置)
• ADO.NET (`SqlConnection`/`SqlCommand`/`SqlDataReader`) 或 Entity Framework Core

5 分鐘跑通流程

1. 新建項目：`File → New → Project → ASP.NET Web Application → Empty → 勾選 Web Forms`。
2. 數據庫：右鍵 `App_Data` → `Add → New Item → SQL Server Database` (命名 `Shop.mdf`) → 雙擊打開 → 新建表 `Shops(Id, Name, Address)`、`Staffs(Id, ShopId, Name, Phone)` → 插入幾條測試數據。
3. 連接字符串 (`Web.config`)：
   ``
4. 數據訪問類 (`DAL/ShopDAL.cs`)：
   `public List GetAll() { using(var conn=new SqlConnection(cs)){...} }`
5. 頁面綁定 (`Default.aspx`)：
   ` `
   `Default.aspx.cs` → `Page_Load`: `if(!IsPostBack) gvShops.DataSource = new ShopDAL().GetAll(); gvShops.DataBind();`
6. F5 運行：瀏覽器顯示店鋪列表。

進階建議

• 改用 **EF Core Code First**：定義實體 → `Add-Migration Initial` → `Update-Database`，自動建表、強類型查詢。
• 學習 **三層架構** (UI/BLL/DAL) 或 **Repository + UnitOfWork** 模式。
• 部署到 IIS：發布 → 應用程序池設置 .NET CLR v4.0 → 綁定域名/端口。