2013年9月6日 星期五

使用POST取得JSON資料

WebMethod

Google Map API - 地圖標點

JQuery測試網站

工欲善其事,必先利其器,要學習jquery除了筆記本等工具之外,也有線上版的開發測試工具。
http://jsfiddle.net/
image
左邊選單提供使用者選擇想要使用的javascript lib,如各版本的JQuery、ExtJS等。
雖然介面跟一般所見即所得的編輯器沒什麼太大不同,但左邊選單的功能卻大大的加分。
介面上將HTML、CSS、JavaScript分開,方便使用者更改測試語法。
網站還提供儲存機制十分便利,也方便分享。

補充:http://dotnetfiddle.net/
可以讓使用者線上測試C#的程式碼,並支援MVC架構,
當真是神器。



2013年9月5日 星期四

Google Map API - 計算兩地距離

要估算兩地距離, 使用者只要給Google Map API 兩地的地址, 就可以輕易地取得計算後的距離。

2013年7月16日 星期二

ASP.NET 透過ODBC連結MySQL

MySQL ODBC Driver:

安裝完成後,便可在ODBC上查詢到值:

SNAGHTML182edfe

PS:如果不清楚版本,那就32與64都安裝。

程式:

因為DRIVER安裝版本不同,名稱也會有所不同,
DRIVER={MySQL ODBC 5.2 ANSI Driver},紅色部分就是安裝後ODBC上顯示的名稱。

以上圖為例,可表示為:
DRIVER={MySQL ODBC 5.2 ANSI Driver}
DRIVER={MySQL ODBC 5.2 Unicode Driver}

 

部署IIS注意事項:

  • 測試 OS:WIN7或以上(64位元環境)
  • 若是安裝的DRIVER版本為32位元,需要將應用程式集區的[啟用32位元應用程式]屬性改為True;64位元則使用預設值(False)。

SNAGHTML1962e0a

2013年7月5日 星期五

Sitefinity CMS-Part04-使用WCF Webservice

Sitefinity除了提供Library讓使用者開發外,系統還提供wcf webservice。

參考:List of Web Services

以"pagesservice.svc"為例:

網址會回傳json檔,以下實作jquery取得json。

結果:

image

Sitefinity CMS-Part03-自訂模組(widget)

參考影片: sitefinity官網

自訂模組的功能需要特定權限才可以進行開發。

在settings中,有自訂模組的功能,定義模組(usercontrol)的路徑。

image

設定好模組後,在頁面設定的功能,Custom下就可以選到自定義的模組。

image

Demo:

image

後臺內容管理:

image

2013年6月26日 星期三

LocalReport - 使用子報表

專案架構如下,專案下產生兩個報表(父報表與子報表)。

image

新增TypedDataSet(Ex:dsReport.xsd),範例定義如下。

image

在myReport.rdlc報表中,設定資料集屬性。

SNAGHTMLf854e7

在myReport.rdlc報表中,新增子報表。

image

在myReport.rdlc報表中,設定[子報表屬性]。

SNAGHTML1016ff6

設定要傳給子報表的參數。

SNAGHTML1022bc6

在mySubReport.rdlc報表中,設定資料集屬性。

SNAGHTML1041846

在mySubReport.rdlc報表中,設定參數,參數名稱要和[子報表參數]設定一致(EX:OrderID)。

image

SNAGHTML1074638

程式部分:

打包:下載

2013年6月18日 星期二

NPOI與RDLC衝突

VS2010在寫報表時,因為有同時使用NPOI。

結果在編輯報表時,加入[資料表]時,整個專案就關掉了。

錯誤是發生在選擇資料集(加入資料表會去選資料集)的時候。

查了一下Google發現有相同的問題

簡易解法:

  • NPOI某版本與RDLC互相衝突,換新版本就會好。
  • 或是Report獨立另外一個專案。

MSSQL 產生Table結構含資料的指令碼

資料庫按右鍵選擇(1)工作(2)產生指令碼。

image

在此勾選你要匯出的table,並點選下一步。

SNAGHTML1cc3980

 

點選[進階],設定要匯出的資訊。

SNAGHTML1d6b295
因為要匯出table的資料與結構的語法,所以選擇"結構描述和資料",按下確定。

SNAGHTML1d5fe93

最後選擇要匯出的位置或方式,再按下一步,即可取得語法。

SNAGHTML1d8ac4e

2013年6月10日 星期一

解決Winform輸入法BUG

WinForm在做輸入法切換時常發生錯誤。

Google了一下

寫個FormBase讓視窗繼承:

	#region 解決輸入法BUG     
//解決輸入法BUG
[DllImport("imm32.dll")]
public static extern IntPtr ImmGetContext(IntPtr hwnd);
[DllImport("imm32.dll")]
public static extern bool ImmSetOpenStatus(IntPtr himc, bool b);

protected override void OnActivated(EventArgs e)
{
base.OnActivated(e);
IntPtr HIme = ImmGetContext(this.Handle);
ImmSetOpenStatus(HIme, true);
}
#endregion

private void InitializeComponent()
{
//停用IMEMODE
this.ImeMode = System.Windows.Forms.ImeMode.Off;

}

2013年6月7日 星期五

Sitefinity CMS-Part02

 

安裝好系統後,進入系統內(http://localhost/SitefinityCMS/Sitefinity/)。

系統會要求輸入帳號密碼(系統安裝時設定的管理者帳號密碼)

image

進入後,先看看Pages上的設定。
因為尚未建立任何頁面,所以畫面上出現了大大的Create a Page字樣。

image

設定Page的資訊。

image

設定頁面的版型。
image

若已建立頁面,則會出現管理清單。

Pages

在Actions功能中,可以設定頁面的相關資訊,如設為首頁,新增子頁等。

image

如建立好子頁,架構會如下圖所示,此時便可點擊view預覽。

image

整個系統的網址定義以Company為例(http://localhost/SitefinityCMS/about/company),
是有階層性的。

在此頁面也可以透過拖曳,來建立階層的關係。

image

進入頁面編輯的介面,左方為編輯區,右方為功能區。

加入widget(模組),可將功能區的widget功能拖曳至編輯區。
image

Layout可以讓使用者定義與更換。

image

內容功能區列表:功能很多,彈性很大。

image

image             

編輯完成,選擇publish發佈。

此時輸入(http://localhost/SitefinityCMS/),便可以瀏覽到頁面。

此時若帳號還在登入的狀態時,頁面上可以看到Tools的功能按鍵,裡面可以設定是否顯示編輯按鈕。
這樣就可以在前台瀏覽時,直接點編輯進入修改,不須進入後台。

SNAGHTML14cc538

在後台頁籤中,Content頁籤主要就是在建立模組的內容,在此以新聞Content為例。

image

建立新聞的內容。

image

建立完成後,在後台加入News模組,就可以簡單的預覽到剛剛建立好的新聞。

image

而新聞模組也可以再設定顯示的條件,設定上面很有彈性。

image

2013年5月29日 星期三

IIS中http 回應標頭設定簡介

IIS中可以依照自己需求設定Http Header,可用來定義meta或是一些設定。

如下圖所示:每個框起來的地方,其實都可以設定自己的http header。

image

繼承設定:

設定http回應標頭時,若由最上層開始設定,子層便會繼承此設定。

以最上層來說,項目類型會寫"本機"。

而以EAP\DEMO為例,項目類型就會顯示"已繼承"。

image

image

移除繼承:

在這邊的子層會繼承父層的設定,但是如果不想繼承設定的話,在右邊有移除的功能,

點擊移除就可以。

image

image

2013年5月27日 星期一

Sitefinity CMS - Part01

What is CMS?

想安裝CMS來玩,如何開始?

  • 以Sitefinity CMS 為例:
    使用Web Platform Installer,在應用程式頁籤(1)中,可以看到CMS的選單(2)。
    點擊進去後,就會看到常見的一些CMS的列表,接著選擇新增(3)系統。SNAGHTMLdea029
  • 接著按下安裝
    SNAGHTMLe169be
  • 系統協助你安裝需要裝的相關資訊
    SNAGHTMLe36c0fSNAGHTMLe3e7c3SNAGHTMLe44c21[6]SNAGHTML110171d
  • 安裝完成後會開啟設定網頁。
    • 要求輸入license。
      image
    • 系統會在App_data\Sitefinity下面產生檔案(須設定此目錄的權限)image
    • 設定資料庫
      image
    • 設定管理者帳號
      image
    • 安裝完成。