毛豆的備忘錄暨開發實記

保哥的介紹

原站

在保哥的網站看到的，先記錄一下，之後再看。

在小舖上看到有人問怎麼抓取目標網頁內容，並找出想要的區域輸出。找出想要的區域必須靠Regular Expression來配合，以前寫過了，這次記錄的是抓取目標網頁的原始碼。

這裡寫的方法是純粹用ASP.net來抓取而已，還有很多改造的方法可以用，譬如像設定快取以避免被人封ip等，惡搞空間還很大。

jQuery其實也有函式可以用，用client機來跑比較省資源，再加上比起server端的解法，在client做比較不會被封ip…因為都是client的。這也是一種改進的方向。

抓取目標網頁內容（vb.net）

Protected Function GetWebPage(ByVal url As String) As String Dim myRequest As System.Net.HttpWebRequest = System.Net.WebRequest.Create(url) Dim myResponse As System.Net.WebResponse = myRequest.GetResponse Dim myStream As IO.Stream = myResponse.GetResponseStream Dim streamReader As New IO.StreamReader(myStream, System.Text.Encoding.UTF8) Return streamReader.ReadToEnd End Function

#(4/15筆記：jQuery ajax參考網頁)

連：Flash Charts圖表資源大全-- Flash 版及 JavaScript 版

連：JavaScript的3D旋轉木馬效果

在網路上看到很炫的JavaScript應用，先記錄下來。

參考資料jQuery無限級改變字體大小

參考資料傳說中 JavaScript 的 parseInt('08')

參考資料Visual jQuery(jQuery 1.2.6 API)

常在網路上看到一些把字體放大縮小的函式，這可以達成很好的效果，讓不習慣看小字的人（像是眼精快壞掉的毛豆）有簡單調整的功能。老闆也要求我要做出相同功能，讓客戶可以爽度提昇，既然都要求了，就當作練習jQuery吧。

首先從網路上找相關範例，仔細審核並找出適合的來，仔細找了後，發現很多來源寫得不夠好，無法符合需求，最後就自己東拼西湊出一個來。

先說發現了哪些問題：

1. 字體只能分大中小，而有些網站的大字型仍然過小。
2. 用CSS定許多樣式出來，再動態改變標籤所繼續的樣式，但如果遇到字型寫死在內文的就掛了。
3. 有放大和縮小了，卻沒辦法復原。

現在目標很明確了：【建立一個可無限級放大縮小的功能，它能復原成初始值，並能修改內文定死的字型】。

步驟一：

建立一個可以取所有內文字型大小的函式，在文件讀取時如果沒設定，就加入預設值。

步驟二：

定義一個替內文真正進行放大、縮小的函式。

步驟三：

替函式加上還原的功能就完成了。

以下就是最後的結果。

但目前還不算寫得很好，像是我把能縮放的標籤名稱定死，還原時也有bug，還得再修修。

原文：瓶水相逢.Net

原站：CSS Table Gallery

最近有一些要做表格美化的需求，而點部落裡的瓶水相逢正好講到這個站。

它裡面是一堆很讚的美化css，你可以切換各種樣式去觀看它的外表，再挑喜歡的下載，正好符合我的需要。

學貫官網：深入淺出－設計模式

最近開始在看這本書，裡面講許多不同的程式設計模式，對以物件導向開發有彈性的系統是十分有幫助的，它是替很久以前的【Design Patten】作全新的解釋，作者群十分的用心，書中內容十分有深度，而且它採用大量圖片以及輕鬆口吻幫助你記憶，值得慢慢體悟（注意，是悟而不是品味哦）。

原本在此書以及重構--向範式前進兩本中做抉擇，後來為了一些Patten以及輕鬆有趣的理由讓我選了這本，找到此書真的讓人很高興，推薦有心要走程式的人，為了未來的路好，去細細看過吧。

寫案子時，常把可能發生錯誤的地方包起來不讓別人看到，但自己必須瞭解哪邊出問題，所以寫記錄是必須的，常看到的記錄檔有三種方式：

1. 寫進文字檔
2. 用mail寄送
3. 寫進windows內建的事件檢視器中

寫文字檔以及mail都不在今天的討論範圍中，且它們都有機會自己再出錯。

今天要寫的是利用windows的事件記錄器替我們做好記錄，事件檢視器在哪呢，請在【我的電腦】按右鍵→【管理】→【系統工具】中就找得到了。

首先是最簡單的寫法（我忘記在哪看到的了，sorry），下面的程式碼貼完它就會寫進去了（另錄：老方法）。

Dim eventLogPermission As New System.Diagnostics.EventLogPermission(System.Diagnostics.EventLogPermissionAccess.Administer, ".") eventLogPermission.PermitOnly() System.Diagnostics.EventLog.WriteEntry("Source", "Message")

不過大家貼完，一定會出現安全性警告，主要是因為ASPNET這個使用者權限不足的關係，請按這個網誌指示加權限，這網誌裡面也貼了許多關於事件檢視器的相關技巧，權限加完後應該就可以順利寫入。

再來是看到F6 Team網誌裡寫的，在global.asax寫錯誤處理，凡應用程式層級的錯誤都會跑到這事件中。所以他就在這個區域寫錯誤處理（以下為C#語法），處理完的結果也可以看他的網誌中看到。

void Application_Error(object sender, EventArgs e) { string Message = ""; Exception ex = Server.GetLastError(); Message = "發生錯誤的網頁:{0}錯誤訊息:{1}堆疊內容:{2}"; Message = String.Format(Message, Request.Path + Environment.NewLine, ex.GetBaseException().Message + Environment.NewLine, Environment.NewLine + ex.StackTrace); //寫入事件撿視器,方法一 System.Diagnostics.EventLog.WriteEntry("WebAppError", Message, System.Diagnostics.EventLogEntryType.Error); //寫入文字檔,方法二 System.IO.File.AppendAllText(Server.MapPath(string.Format("Log\\{0}.txt", DateTime.Now.Ticks.ToString())), Message); //寄出Email,方法三 //此方法請參考System.Net.Mail.MailMessage //清除Error Server.ClearError(); Response.Write("系統錯誤,請聯絡系統管理員!!"); }

而根據微軟的建議，其實我們還有Page_Error事件可以用，這樣可以在每一頁自訂錯誤訊息，讓別人可以根據不同的問題看到不同的訊息。當然不能忘了【在Web.config自訂錯誤訊息頁】的方法。

我們把事件都寫進去了，那怎麼把事件顯示出來呢？請看【使用ASP.NET 顯示事件日誌紀錄】，裡面它把DataGrid拿來當作顯示介面使用。

brothersoft：ASP.net maker 3.3

官網下載：ASP.net maker 3.3

今天在看w3c school的ASP.net教學，裡面某一篇提到asp只會出到3.0版，並不會有之後的版本出現了，我當下覺得奇怪，印象中就有啊，於是到Google下了asp 4.0的關鍵字，結果證實的確是有的，我沒記錯。不過如果只是看到這樣的東西，我就不會寫這篇了。

在亂看的同時，不小心在brothersoft中看到這玩意ASP.net maker 3.3，就是.net的自動程式產生器，當下試玩了一下，當我把資料庫設定好，再進去它的程式中設定（因為第一次使用，花了比較久的時間），最後按下產生程式碼，前前後後不到十五分鍾，它就依我設定的資料庫產生好三層式架構程式出來，而且包含有資料庫的增刪修查、檔案格式的匯出以及許多細項設定，連登入都幫我產生好了，當下，只有一個想法…

我在幹什麼…我在幹什麼…我在幹什麼…我在幹什麼…

前兩天剛去聽完jBoss的高雄研討會，才剛剛被它的高品質高產量嚇到，Seam竟然給我拉一拉就完成需要花很久時間才能架好的站，還包括了AJAX也是在網頁拉一拉設定一下，連自然語言都可以拿來用，有夠強的。這次是被這種自動產生器嚇到，我學了這麼久，程式架構卻連它的精細度都達不成…

不過倒是也可以搭配它的後端，自己來寫前端元件…稍微…提高產量。　＝＿＝

話說…學Java的人，不論是補習班老師還是主持人…聽到我是學.net的，都會露出奇怪的表情呢。

原文：執行 ASP.NET 的其他選擇 - Cassini Web Server

之前公司經理一直很想把系統開發換成以Java為主，但經理離職後就沒有繼續主導Java了，不過在離職前，經理丟了個問題給我們，就是以未來的狀況看來，IIS其實並不是最好的選擇，有沒有其它的Web Server可以用呢？

這問題困惑了毛豆我好久，後來總算找到相關資料（已經關閉的優秀教學站～酷必網），就是用Cassini這個玩意，還沒試用過，不過在我的參考資料中，裡面有商業性版本，也就是說它有針對一些商業考量加了東西，哪天用Virtual PC灌來玩玩看吧。

下載點：microsoft asp.net官網、UltiDev Cassini Web Server

原文：增強網路標準以增進存取性

這篇很重要，尤其是寫ASP.net的初學者常常把控制項拉一拉完成網頁就交差了，並沒有考慮到其實網頁還是要方便許多不同的人(裝置)來使用，在這篇文章中表明為什麼遵循標準是重要的，並寫出如何將ASP.net的控制項轉為符合標準的語法。

不過其實寫ASP.net還有個很麻煩的問題到目前都很難解，就是JavaScript，不太清楚現在的其它裝置對JavaScript支援性如何，但要是非必要，儘可能不去使用<a href="javascript:'XXXX'">前往</a>這種東西出來，不是為了網頁標準，是為了避免人家無法使用。但很多時候卻難以避免，畢竟ASP.net的核心就是靠JavaScript模擬出許多事件來的，如果不用就是苦了自己。

原資料：水森林

如果不想裝SQL server，卻想使用Asp.net 2.0里面的MemberShip等新功能要怎麼做？

總找算到用法了，先記錄下來

原本頁面

<style media="screen" type="text/css">
.wrapper{ width:700px; height:400px; background:#ccc; border:1px #000 solid;}
.holder{width:500px; height:500px; display:table; position:relative; margin:12px auto; border:1px solid #596480; background:#ffc;}
.holder div{*position:absolute; top:50%; left:0; display:table-cell; vertical-align:middle; width:100%;}
.holder p{position: relative; top:-50%; text-align:center; margin:0; padding:0;}

/* 分兩套看 holder的 display:table holder div的 display:table-cell; vertical-align:middle; 就可以實現在ff，safari和opera下的垂直居中，但是對ie系列無效 holder的 position:relative; holder div的 *position:absolute; top:50%; left:0; .holder p的 position: relative; top:-50%; 通過控制絕對層的位置實現ie6，7下的垂直居中 holder div中的*position:absolute是只給ie6和7看的css hack 對於水平居中要說的是如果holder div的width如果未指明100%，在ie7中它是不會自動延伸100%的，也就無法實現水平居中 */
</style>

<div class="wrapper">
    <div class="holder">
        <div><p><img src="filearea/sourcefile/jpg/preview/apc100003-si-tau_tsu_2008020009-0001-i.jpg" /></p></div>
    </div>
</div>

最優的解法：GridView 資料列單選功能

• 撰寫JavaScript來判斷，這是可以用，但如果前台不允許JavaScript時就窘了。
• 改在其它地方放置DrawDownList，但如果是每格看起來都很大時，這方法很不直覺，如果用在簡單列表還可以。
• 我創的：利用HoldPlace，自己針對每一DataRow撰寫，優點是有，不過失去使用編輯器的所見即所得優勢了。
• 最優的寫法：利用html標準的Radio，而不是伺服端的RadioButton，再利用Request.Form("RadioName")取值。

前幾天去郵局辦了點事情，當時因為離我還有三十個人，於是我跑到他們的公佈欄看了下海報，想說學點平面設計的觀念。當時看到了其中一份海報印有【郵局代收貨款】，好奇心驅使我上Google網站查資料。
在找到網站資料後，我順便看一下郵局網站到底能做些什麼。大概使用半小時後，發覺了一些問題和優點，優點就先不談，放到這文章最後去吧，總是要罵一罵，再找理由安慰嘛，呵呵。

首先看看查到什麼資料：

嗯，看完了很簡單明瞭的網頁內容後，我們再看另一份：

這兩頁是同一頁，網址：http://www.post.gov.tw/post/internet/ads/mons/service.htm，平平同一個網頁，為什麼會差這麼多呢？第一張圖是用Firefox 3觀看的，第二張使用的是IE6和Opera 9.6看的結果。

其中落差最大的其實不是畫面的美觀程度，而是頁尾的兩張圖，也就是【(附圖一)代收貸款郵件託運單】以及【(附件二)詳情單】的部份，Firefox 3里看不到這兩張圖片（其實所有圖片都看不到），所以如果使用Firefox 3的人沒注意到，可能會漏看許多資訊。

造成這種嚴重錯誤（因為換瀏覽器而不能觀看正常的內容，對我而言是網頁設計師的嚴重錯誤，尤其它是個html檔而不是動態的伺服器檔）的原因還不清楚，最近在準備考土銀的考試，沒有時間很細心的研究html碼，只看了個大概。

優點嘛，只要是圖它們都有滑鼠移過會顯示標題出來，如下圖：

這在網頁設計也是很重要的，甚至被列入無障礙設計的一環，因為語音瀏覽器這樣才會把它唸出來，對視力較差的網友們是很友善的設計。




郵局網站系列之一到此完畢。