於 Program 分類下的文章
本文將大略用圖示示範WebMatrix如何安裝以及撰寫簡單的連線資料庫和Wordprss建立 希望可以讓有興趣的人先對WebMartix有些基本的認識。
何謂WebMatrix?
WebMatrix 是一個免費,簡易設定(輕量化)的網站開發工具,它提供了建立網站更簡單的方式。包含了IIS Express,ASP NET,SQL Server元件(嵌入資料庫).同時包含一些主流的開放式源碼的應用程式(套件)例如:WordPress,Joomla.。 這套工具開發時也可整合至VisualStudio和SQLServer。 你可以利用WebMatrix建立動態網頁.它可以根據使用者輸入的資訊來改變內容.例如取得資料庫資訊.甚至你可以使用ASPNET搭配Razor語法(前端)和C#或VB(後端). 繼續閱讀 »
問題情況：使用GridView,ListView,FormView 這類資料繫結的表格時,當想將資料庫內的欄位資料直接拉到Image製作簡單的圖表時或其他複雜的情況需要對圖片做更多的影響和修改時。
解決方案：
這類的情況處理的方式不只一種，可以透過在資料繫結時再針對欄位處理例如DataBinding事件中作修改。
不過這篇文章要介紹的是另一種透過連結帶參數來產生圖片。例如
|
1 |
<asp:image id="Image" imageurl="handler.ashx" runat="server"> |
透過連結帶參數來改變圖片 imageurl="handler.ashx?width=100&height=50"
FormView 範例
|
1 |
<asp:formview datasourceid="SqlDataSource" id="FormView1" runat="server"> <itemtemplate> <asp:image id="Image18" imageurl="<%# string.Format("handler.ashx?width={0}&height=20",Eval("DbColume","{0:F0}")) %>" runat="server"> </asp:image></itemtemplate> </asp:formview> |
handler.ashx 程式碼
|
1 |
using System; using System.Web; using System.Drawing; using System.Drawing.Imaging; using System.IO; public class Handler : IHttpHandler { public void ProcessRequest (HttpContext context) { int width = int.Parse(context.Request.QueryString["width"]); int height = int.Parse(context.Request.QueryString["height"]); //由於Chrome等Browser在圖片無法呈現時會顯示失連的小圖可以加入判斷產生一背景色圖片 if (width == 0) { Bitmap bitmap = new Bitmap(5,20); Graphics g = Graphics.FromImage((Image)bitmap); g.FillRectangle(Brushes.White, 0f, 0f, bitmap.Width, bitmap.Height); MemoryStream mem = new MemoryStream(); bitmap.Save(mem, ImageFormat.Png); byte[] buffer = mem.ToArray(); context.Response.ContentType = "image/png"; context.Response.BinaryWrite(buffer); context.Response.Flush(); } else { //透過IO抓取實體檔案時須使用實體路徑 System.Drawing.Image objSourceImage = System.Drawing.Image.FromFile(context.Request.PhysicalApplicationPath + @"\images\YourImage.png"); System.Drawing.Image objNewImage = objSourceImage.GetThumbnailImage(width, height, null, new IntPtr()); Bitmap bitmap = new Bitmap(objNewImage); MemoryStream mem = new MemoryStream(); bitmap.Save(mem, ImageFormat.Png); byte[] buffer = mem.ToArray(); context.Response.ContentType = "image/png"; context.Response.BinaryWrite(buffer); context.Response.Flush(); } } public bool IsReusable { get { return false; } } } |
jQuery mobile 是一個跨所有流行的智慧手機平台的使用者介面系統，使用jQuery和jQuery UI 為基礎開發的。
簡而言之就是讓jQuery 可以在手持裝置上運作。在2011-3-31時已經釋出Alpha 4版本，官方指出這是Alpha最後一個版本了
將會進入Beta。
4.0時提出以下改善：
1. 支援WP7。但由於WP7上的瀏覽器幾乎跟IE7一樣所以在CSS 圓角和陰影目前仍不支援。
2. 針對資料屬性的部份和HTML5上的一些衝突提出解決方案：可增加命名空間也同時新增一些方法（method）和選擇器。
3. 標準化 觸控/滑鼠 事件系統（Fastclick）。處理關於用手機瀏覽網頁時，輸入欄位和複製的解決方案。
4. 修正PhoneGap的一些Bug 註：PhoneGap為將網頁程式轉成手機原生軟體的開放源碼。
5. 強化listviews使用表單（Form）的部份。
6. 提供組態化的文字設定。提供需要處理各國語系，在地化時程式的界面文字等的一個解決方案。
7. 自動更新頁面的Title。
8. BUG的修復和相關改善，例如自動產生返回按鈕等等。
4.1：
已 支援IE8 和9 並針對點擊系統做了部份微調，PhoneGap部份的問題修正。
近期迴響