第一個WEB應用 ─ 家庭記帳簿 ─ 前置作業

如果您的作業環境是Windows10，只是想寫個互動網頁來玩玩。那麼我來告訴大家如何寫一個簡單的asp.net Web應用程式，例如家庭記帳簿。現在請跟著我做。

首先，要寫一個基本的Web應用程式，必須先具備下列三大工具，所以請先完成下列三步驟：

1. 寫程式的開發環境。因為是Windows10，而且是使用asp.net，所以同樣使用微軟的開發工具Visual Studio是最適合不過了。Visual Studio有眾多版本，不用管它，請到微軟官網下載最新版的Visual Studio，完全免費。至於如何下載及安裝Visual Studio，請按此連結。


2. 網頁伺服器(Web server)。我們在網路上看到的網頁，都是透過網頁伺服器呈現在各位面前。所以要有網頁伺服器，才能進行web應用。而微軟所提供的網頁伺服器Internet Information Server（IIS），就內建在Windows10作業系統中。至於如何設定IIS，請按此連結。


3.  資料庫(Database)。顧名思義，資料庫就是儲存資料的地方，就好比說以前用手記帳本，把帳目記到一頁頁，現在用電腦記帳，一頁頁存在資料庫裡。資料庫管理是一門專業的課程，以後用到時，再說基本的概念。資料庫可大可小，端看使用者需要。這邊我們會使用二種資料庫，分別設計。

•  Access資料庫：適合小型企業，不需要太複雜的資料結構。儲存日記帳資料綽綽有餘。 Access資料庫附在Microsoft Office，毋須另外下載。


• SQL Server：很強大的資料庫，最新版本還可運行R及python，但是我們用不著。現在不需要說明一堆原理，我們以後邊使用邊說明，有任何疑問，都可在部落格留言提問。現在就進入「如何下載及安裝SQL Server」。

以上前置作業都完成了，就要開始寫程式了嗎？別急。在寫 WEB 應用程式前，先規劃好，才不致屆時手忙腳亂，大改特改，甚至程式砍掉重頭再寫。主要是規劃二方面：

• 資料表：日記帳的交易時間、收入還支出、買甚麼東西、多少錢、需不需要備註等等。先用Excel 試寫幾筆紀錄，大致就會知道需要那些欄位。


• WEB 介面：您希望您輸入記錄時，頁面長什麼樣子。有日月週年報表，有圓餅圖、長條圖等等。先用手畫出來，你希望的頁面就是長這樣，有幾個頁面，有甚麼功能，有什麼選項，希望這個按鍵按下去會出現什麼，全部都畫出來。寫程式時就照這些流程撰寫，才會事半功倍。

前置作業就到這裡。之後會接續解說如何使用VB撰寫家庭記帳簿WEB應用程式。