Day 4 - 樣版(Template)的各種變化 & 錯誤與解決

(1). 網頁與資料庫#3 -- 大型控制項的樣版(Template)

(2). 網頁與資料庫#4 -- 大型控制項的樣版(Template)與清單控制項

(3). 網頁與資料庫#5 -- 樣板裡面的 Calendar日曆控制項「編輯DataBinding」無法呈現日期?

 


 

延續上一篇文章  https://dotblogs.com.tw/mis2000lab/2017/04/20/webpage_database_20170420

 

 

(1). 網頁與資料庫#3 -- 大型控制項的樣版(Template)

今天要分享的範例是「大型控制項的樣版(Template)」

網站的「前台」,給一般用戶(End User)觀賞時,當然是爭奇鬥艷,各種前端的花俏技巧都得加上。

但到了「後台」,也就是必須輸入會員帳號、密碼才能看見的「網站管理區」。
這裡的功能就很單純,但是程式數量很 "多",

例如:資料存取(CRUD)、查詢(搜尋)、各種報表的產生(光是各式各樣的報表,都是幾十份起跳!)....等等。

如果一個一個功能,還是得 自己寫程式+自己手寫HTML畫面,那麼「生產力」太差勁了

ASP.NET (Web Form)最強的的應該就是「大型控制項」,尤其是「資料繫結控制項」吧
常用的功能,可以快速完成,然後小幅修改即可。

其實修改大型控制項,除了畫面上的修改(樣版)以外
也可以在後置程式碼裡面動手,但這難度又高了一點點。沒關係,我們慢慢來.....

問題是:接下來的這兩個小幅修改(範例),該怎麼做呢?

第一個比較簡單,我們只是把 TextBox(文字輸入方塊)改成 Calendar日曆控制項
      用意是:避免使用者輸入「日期格式」時,自己填寫毫無規範。
      例如:有人寫2017/1/1,有人會補上零 2017-01-01,有人寫日月年格式 Jan-1-2017

不如直接點選 Calendar日曆控制項 ,產生的「日期格式」比較一致化

請看 Youtube教學影片 - https://youtu.be/Sr61a1sCSqM


這個範例有兩三種變化,也可以說「大型控制項+基礎控制項」可以做出什麼變化呢?

 

(2). 網頁與資料庫#4 -- 大型控制項的樣版(Template)與清單控制項

如果您要在大型控制項「裡面」、樣版「裡面」加入清單控制項,如DropDownList
有這兩種情況
第一,選項很簡單,例如:是/否? 男/女?
第二,選項多而且可能異動。例如:出生地、部門別、科系....

出生地(縣市)可能因為行政區重整,做修改
部門可以擴編或是異動
當初就讀的科系可能改名字或異動

我直接用Youtube教學影片說明,比較清楚 -- https://youtu.be/Gaatqr2pJFw


以今天分享的範例來說,其實滿實用的
我也是在台灣幾本入門書上沒看見,才想到要做這示範

下一個範例則是讀者詢問的範例,頗為有趣

 

(3). 網頁與資料庫#5 -- 樣板裡面的 Calendar日曆控制項「編輯DataBinding」無法呈現日期?

樣板裡面的 Calendar日曆控制項「編輯DataBinding」無法呈現日期?

ASP.NET 大型控制項轉成「樣板(Template)」以後,沒想到日曆控制項會遇見這種錯誤?
對應資料表欄位的 DateTime格式會出一點小bug。

幸好透過資料繫結運算式 (DataBinding Expression)就能修正,很簡單。

<asp:Calendar ID="Calendar3" runat="server"
    SelectedDate='<%# Convert.ToDateTime(Eval("欄位名稱", "{0:yyyy/MM/dd}")) %>' .... >

當資料表裡面的日期與時間,預設的時間是 上午12:00:00 或是 00:00:00。
日曆控制項正常呈現。

      圖片上方,當資料表裡面的日期與時間,預設的時間是   上午12:00:00  或是  00:00:00。日曆控制項正常呈現。

      圖片下方,資料表裡面的「時間不是預設值的時候,日曆控制項無法呈現結果????

 

透過影片教學來分享這個有趣範例......

YouTube影片 --  https://youtu.be/OsUT5Qu9yRE

 

下一篇文章:   https://dotblogs.com.tw/mis2000lab/2017/04/21/sqldatasource_insert_20170421

 

 

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

猶如一人以我的燭火點燭,光亮與他同在,我卻不因此身處黑暗。----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.主講   事先錄好的影片,並非上課側錄!   觀看時,有如「一對一」面對面講課