2021-03-10

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


現在開始設計日記帳。首先我希望日記帳能有「新增」、「更新」、「明細」及「圖表」四項功能。除了一開始的 Daily.aspx 外,還要再新增三個 aspx 網頁檔。如下圖:





四個網頁就會有四個連結,做個主板頁面嗎?我選擇用 Html,然後用 include 的方式。先新增 html檔,一樣按右鍵加入新項目,如下圖。




然後編輯 Menu.html 檔,在<body> </body> 中間加入下列語法:

<br />
<br />
<h3>這是我的日記帳</h3>
<hr />
<ul id="menu">
<li><a href="Daily.aspx">圖表</a></li>
<li><a href="AddRecord.aspx">新增</a></li>
<li><a href="UpdateRecord.aspx">更新</a></li>
<li><a href="Details.aspx">明細</a></li>
</ul>
<hr />

上述就是標題以及要連結的清單。<ul id="menu"> 這是表示這個清單的樣式代碼,我們要編輯項目清單的樣式,所以在 <head> </head>之間加入下列語法:

     <style type="text/css">
        <!--
                #menu {
            font-size: 120%;
        }
   #menu li {
            list-style:none;
            padding: 0 10px;
            border-left:solid 1px #333;
            display:inline;
                  }

    #menu li a {
            text-decoration:none;   
                }
        -->
    </style>

使用 Chrome 打開 Menu.html 檔,會看到下圖。左邊是對應的 css 語法。


現在回到 Daily.aspx 檔,加入如下圖語法:



打開  Daily.aspx 檔,會看到以下畫面。其他三個如法炮製。然後每個連結點點看,看有沒有錯誤。




今天就先介紹到這裡。


沒有留言:

張貼留言