2021-03-03

ASP.NET使用VB - 家庭記帳簿01

自上篇網誌「家庭記帳簿 ─ 建立網站」迄今差不多半年,中間也曾一度撰寫後續,卻因些許意料外之事而延宕至今。網站建立之初,不難,但有些繁雜,需先建好框架,譬如要蓋建築物需先打好地基。本想一氣呵成,但擔心時間不足,所以分段進行。

言歸正傳。下圖為網站的入口,是由二個網頁檔組成:

  1. 上下紅色框:主板頁面,類似ppt母片,附檔名 Master。網站的預設檔名是Site.Master。
  2. 中間藍色框是個別頁面,副檔名 aspx。預設檔名是Default.aspx,就是入口網頁。之後我們可以建立不同的個別網頁,然後使用同一個主板頁面。



現在打開Visual Studio,開啟之前建立的網站,開啟上述二個檔案,如下圖,Site.Master的前端畫面。


點原始檔,會看到以下畫面,就是所謂的 Html語法。

接著修改如下圖螢光筆部分。



IIS開啟網站,如下圖,就會看到主板頁面修改的地方。



再打開Visual Studio 的 Default.aspx,如下圖。紅色框就是個別頁面,我們可以直接修改文字。



下圖的左邊是在Visual Studio 直接修改 Default.aspx,請記得儲存檔案,右圖就是前端的瀏覽器畫面。



現在回頭看之前的Site.Master檔,見下圖,我設計要建三個網頁程式,每個程式建個資料夾來存放程式所需要的檔案。以 「href="Daily/Daily.aspx"」為例,這是日記帳的連結網頁。



所以現在先新增三個資料夾,如下圖步驟。




新增資料夾後,再新增 Daily.aspx 檔,如下圖步驟。


打開 Daily.aspx,隨意寫幾個字,如下圖步驟。



截至目前,網站的基本架構大致完成。先消化這些,後續會正式進入寫程式的階段。


沒有留言:

張貼留言