File 與 Log #3--動態加入控制項,[圖片版]訪客計數器(用.txt檔案來記錄)

動態加入Web Form控制項 / 動態加入ASP.NET控制項
[圖片版]訪客計數器(用.txt檔案來記錄)

 

 

 

以前的兩篇文章(收錄在書本「上集」的第十七章)

請看「ASP.NET專題實務」,松崗出版

File 與 Log #1--ASP.NET的檔案與I/O Stream(為系統記錄Log檔)

File 與 Log #2--[圖片版]訪客計數器(用.txt檔案來記錄)

 

現在這麼多免費資源,應該也沒人得自己製作「訪客計數器」了

這個範例的結果或許不合用,但其中實作的經驗倒是很有趣

 

 

讀者來信詢問:

      上述第二個範例,如果改用 Image控制項(<asp:Image>)而且在後置程式碼撰寫,該怎麼做?

 

其實很簡單,只不過是「動態加入控制項」而已

 

您可以在我書本「上集」第三章的 PlaceHolder控制項 或是書本「下集」找到不少範例

用程式碼動態加入Web Form控制項,加入ASP.NET網頁

只要寫成 Page.Form.Controls.Add()即可。

 

動態加入清單控制項的「子選項」,例如:單選 DropDownList 或是 複選CheckBoxList

 -- 清單控制項ID.Items.Add()

[習題]動態新增 DropDownList或 ListBox底下的新項目(Item)#1

動態加入HTML標籤的屬性(attribute)

 -- XXX.Attributes.Add("屬性名稱", "值")

[習題]GridView 光棒效果 與 JavaScript -- e.Row.Attributes.Add()方法

上述三者的程式是否很相似呢?

 

上一個範例,仍使用傳統HTML的 <img>標籤

假設目前的訪客數是 1234,那麼我們輸出時,要先從最後一個 "4"輸出,然後輸出 "3" .....

簡單的說,就是把結果「反過來」、一個一個地地對應到這個數字的「圖片」,輸出到畫面上

        while (Length >= 1)    {
            //--訪客人數的每一位數字,都用圖片來呈現。
            strURL = "<img src='image/" + visitors.Substring((Length-1) ,1) + "圖片檔名.gif' />" + strURL;
 
            // 因為 C#語法沒有VB的 Mid()函數,所以C#語法裡面,改寫成
            // 程式碼 strURL = "<img src='image/" + Mid(visitors, Length, 1) + "圖片檔名.gif' />" + strURL;
            Length = (Length - 1);
        }

上面這種作法,有個好處:當您的數字從 999

要提升到四位數 1000的時候,不需要額外的判斷式與程式碼去防呆

 

 

但是,如果改成 <asp:Image>控制項,那就不同了!

因為我們在後置程式碼動態加入控制項,所以必須「循序」輸出,從頭到尾循序輸出

假設目前的訪客數是 1234,那麼我們輸出時,要先從第一個 "1"輸出,然後輸出 "2" .....

        for(int i =1; i <= Length; i++)
        {   //--訪客人數的每一位數字,都用圖片來呈現。          
            // 因為 C#語法沒有VB的 Mid()函數,
            // 程式碼 strURL = "<img src='image/" & Mid(visitors, i, 1) + "圖片檔名.gif' />" & strURL
           //  所以C#語法裡面,改寫成 --
            Image img = new Image();
            img.ImageUrl = "image/" + visitors.Substring((i-1), 1) + "圖片檔名.gif";
 
            Page.Form.Controls.Add(img);   //動態加入控制項。
        }

 

另外這個範例還發現另一個缺失,就是「讀取」文字檔時,太晚關閉資源

如果程式有錯,就會鎖住這個 .txt檔案,無法釋放。

建議把關閉&釋放資源的程式向上移動

讀取完,不用了就立刻關閉、釋放。

        //====讀取檔案 (務必修改這個檔案的權限,需要「寫入」的權限)====
        StreamReader sr = new StreamReader(Server.MapPath("counter.txt"));
 
        //--把檔案內, 原本的訪客人數[加一]
        string visitors = sr.ReadLine();
        sr.Close();   // 檔案讀取,結束!
        sr.Dispose();

 

 

相關文章:動態加入控制項

[轉貼]ASP.NET動態加入控制項

[習題].FindControl()方法 與 PlaceHolder控制項 #1(動態加入「子控制項」,因Page_Load而發生的錯誤)

 

其實動態加入 Web Form控制項並不難,

大部分的人是卡在「動態加入控制項了,但使用者輸入的值,後置程式碼卻抓不到」  :-)

可以參考這三篇文章,從這一篇開始:

自動化投票區、網路問卷、問卷調查,如何規劃與設計?#1(觀念篇)......考驗初學者能力的一門課

 

 

 

 

我將思想傳授他人, 他人之所得,亦無損於我之所有;

猶如一人以我的燭火點燭,光亮與他同在,我卻不因此身處黑暗。----Thomas Jefferson

線上課程教學,遠距教學 (Web Form 約 51hr)  https://dotblogs.com.tw/mis2000lab/2016/02/01/aspnet_online_learning_distance_education_VS2015

線上課程教學,遠距教學 (ASP.NET MVC 約 140hr)  https://dotblogs.com.tw/mis2000lab/2018/08/14/ASPnet_MVC_Online_Learning_MIS2000Lab

 

寫信給我,不要私訊 --  mis2000lab (at) yahoo.com.tw  或  school (at) mis2000lab.net

 (1) 第一天 ASP.NET MVC5 完整影片(5.5小時 / .NET 4.x版)免費試聽。影片 https://youtu.be/9spaHik87-A 

 (2) 第一天 ASP.NET Core MVC 完整影片(3小時 / .NET Core 6.0~8.0)免費試聽。影片 https://youtu.be/TSmwpT-Bx4I 

[學員感言] mis2000lab課程評價 - ASP.NET MVC , WebForm  。 https://mis2000lab.medium.com/%E5%AD%B8%E5%93%A1%E6%84%9F%E8%A8%80-mis2000lab%E8%AA%B2%E7%A8%8B%E8%A9%95%E5%83%B9-asp-net-mvc-webform-77903ce9680b  


ASP.NET遠距教學、線上課程(Web Form + MVC)。 第一天課程, "完整" 試聽。 

.........   facebook社團   https://www.facebook.com/mis2000lab   ......................

.........  YouTube (ASP.NET) 線上教學影片  https://www.youtube.com/channel/UC6IPPf6tvsNG8zX3u1LddvA/

 

Blog文章 "附的範例" 無法下載,請看 https://dotblogs.com.tw/mis2000lab/2016/03/14/2008_2015_mis2000lab_sample_download

請看我們的「售後服務」範圍(嚴格認定)。

...................................................................................................................................................... 

ASP.NET MVC  => .NET Core MVC 線上教學  ...... 第一天課程 完整內容 "免費"讓您評估 / 試聽

[遠距教學、教學影片] ASP.NET (Web Form) 課程 上線了!MIS2000Lab.主講   事先錄好的影片,並非上課側錄!   觀看時,有如「一對一」面對面講課