ㄚ德的世界

2020年4月27日星期一

工商時間─幫忙推薦公部門會計室常用資源系統

Accounting Office簡稱AO，是新北市教育局會計室委託科碩資訊有限公司建置開發的一套會計室常用資源(Web Application)。使用ASPX解決方案建置系統，伺服器端使用C#為主的程式語言；使用者端使用ASPX Tool Kit和Jquery技術；報表產出嵌入CrystalReports元件。AO系統共包含8大平台2大管理系統，8大平台包含：報表填報平台、訊息平台、經費收支管理平台、年度作業紀錄平台、專案經費收支平台、檔案彙整平台、基金賸餘滾存平台、資源統計分析平台；其中基金賸餘滾存平台於106年度擴建、資源統計分析平台於109年度擴建。

由於AO最近解決了系統上的2大困擾，讓系統的穩定性與可用性更令人激賞(哈哈，老王賣瓜自賣自誇)，最近系統優化機制說明如下：

一、由於嵌入CrystalReports報表系統，此系統必須內含log4net元件，此元件為Apache公司早期使用了x86 CPU模式建置的開源軟體。啟用此元件使得IIS運用程式集區必須『啟用32位元應用程式』；啟用32位元應用程式的結果讓龐大的系統架構常出現out of memory的窘境。網路一查發現遇到此問題的文章還真不少，解決方案也五花八門、綜說紛紜，幾經折騰後終於找到快速而有效的解決方案。方法很簡單：只需移除Web Application bin區的log4net.dll，在Windows Server GAC安裝新版的log4net(MSIL版)，就可以直接使用IIS整合模式應用程式，免啟用32位元應用程式。

二、面對會計資料數量的快速成長，查詢語言的優化是必須的，稍有不慎會讓使用者出現等待資料的窘境。面對此問題，AO系統GridView的資料繫結策略，改以ObjectDataSource元件代替SqlDataSource，透過客製化的開發讓龐大資料的查詢與顯示，可以快速簡潔的只取得顯示區的資料量，優化使用者經驗；就算是資料量成成長至數百萬筆，也可以順暢查覽操作系統(痛快)。

說了這麼多，各位看官可能會以為這只是一套未產品化的專案系統，為什麼需要推薦呢？重點來了，經過多年的努力，AO系統不但所有Table的建置程式化；所有的預設資料也可以客製化啟動後重新匯入；網站主題也可以整組更換、更是支援多種認證機制。所以只要是公部門的會計室都可以使用AO系統，讓會計工作經常遇到的難題：蒐集資料、控帳無法集中、資源宏觀數據取得，都可以透過本系統快速而正確的取得；讓Accounting Office雲端化、數位化、集中化。

2017年11月18日星期六

網頁輸入頁面Enter鍵處理元件(KeyDownProcess Version:1.65)

2017年9月2日星期六

糟糕，HTTP轉HTTPS WCF Web服務失效了！

一、問題描述：

Microsoft WCF（Windows Communication Foundation）可以說是SOA 最佳實作技術，最主要的概念包含『鬆散偶合力』以及『軟體服務』。而SOA全名為 Service Oriented Architecture。這些名詞和概念不是本文的重點，讀者可以自行在網路上查到相關資料。

今天的問題是建置使用WCF服務的網站，如果由HTTP轉為HTTPS，預設情況下WCF服務是無法正常運作的，必須調整Web.config的serviceModel設定，讓我們來看看該如何調整？

二、實作解決方案：

以下是可正常運作的設定：

＜system.serviceModel＞
    ＜bindings＞
      ＜webHttpBinding＞
        ＜binding name="webHttpBindingConfig"＞
        ＜/binding＞
        ＜binding name="webHttpsBindingConfig"＞
          ＜security mode="Transport"＞
            ＜transport clientCredentialType="None"/＞
          ＜/security＞
        ＜/binding＞
      ＜/webHttpBinding＞
    ＜/bindings＞
    ＜behaviors＞
      ＜endpointBehaviors＞
        ＜behavior name="behaviorName"＞
          ＜enableWebScript /＞
        ＜/behavior＞
      ＜/endpointBehaviors＞
    ＜/behaviors＞
    ＜serviceHostingEnvironment aspNetCompatibilityEnabled="true" multipleSiteBindingsEnabled="true" /＞
    ＜services＞
      ＜service name="CmsP.Ctrl.Buyone.BuyoneWCF"＞
        ＜endpoint address="" behaviorConfiguration="behaviorName" bindingConfiguration="webHttpBindingConfig" binding="webHttpBinding" contract="mycontract" /＞
        ＜endpoint address="" behaviorConfiguration="behaviorName" bindingConfiguration="webHttpsBindingConfig" binding="webHttpBinding" contract="mycontract" /＞
      ＜/service＞
    ＜/services＞
＜/system.serviceModel＞

※標示紅色字體部分為HTTPS運作的相關設定

2017年1月21日星期六

在GridView中如何Confirm CheckBox On Client Click

問題說明：
在系統實作的過程有可能會遇到需要在GridView中加入CheckBox元件，當使用者觸發OnCheckedChanged時，希望可以先啟動讓使用者確認異動的視窗。

<asp:templatefield footertext="序號" headertext="序號";>
<itemtemplate;>
<asp:checkbox AutoPostBack="True" id="selectedCB" oncheckedchanged="selectedCB_OnCheckedChanged" runat="server";></asp:checkbox;>
<asp:label id="indexNo" runat="server";></asp:label;>
</itemtemplate;>
<itemstyle horizontalalign="Justify" width="6%";>
</itemstyle;>
</asp:templatefield;>

上面布署的CheckBox元件，當使用者觸發CheckedChanged 後，會直接回送至伺服器，處理selectedCB_OnCheckedChanged even，要如何在Page PostBack前，觸發Confirm視窗呢？又如何讓完成的方法可以反覆使用呢？

我的作法：
1、將元件的布署修改如下：(取消AutoPostBack)

<asp:templatefield footertext="序號" headertext="序號";>
<itemtemplate;>
<asp:checkbox id="selectedCB" oncheckedchanged="selectedCB_OnCheckedChanged" runat="server";></asp:checkbox;>
<asp:label id="indexNo" runat="server";></asp:label;>
</itemtemplate;>
<itemstyle horizontalalign="Justify" width="6%";>
</itemstyle;>
</asp:templatefield;>

2、掛上Client 端jQuery Fuction

function CancelOrChanged4CB(idFixName) {
$("input[type='checkbox']").on('change', function (e) {
            if ($(this).attr('id').indexOf(idFixName) === -1)
                return;
            if ($(this).prop('checked') === false) {
                if (confirm('確定取消報名嗎？') === false) {
                    $(this).prop('checked', true);
                    return;
                }
            }
            else {
                if (confirm('確定報名嗎？') === false) {
                    $(this).prop('checked', false);
                    return;
                }
            }
            __doPostBack($(this).attr('id'), '');
        });
}

3、在需要啟動CheckBox Confirm的頁面，加入下面jQuery程式碼：

$(window).load(function () {
        CancelOrChanged4CB('selectedCB');
    });

結語：
上面的 CancelOrChanged4CB function是可以重複啟動的。所以可以加入自建的jQuery lib中等候呼叫。

網頁輸入頁面Enter鍵處理元件(KeyDownProcess Version:1.64)

修正：無障礙按鍵不正常問題

function KeyDownProcess(e) {
    //-----------------------------------------------------------
    //網頁親和性輸入控制元件
    //元件功能：可以讓網頁資料的輸入更親切，功能如下：
    //1.按下Enter鍵自動找到下一個可輸入輸入元件
    //2.按下Enter鍵自動找尋submit按鍵，如果找到則模擬Click的功能
    //3.當輸入元件設定唯讀時，按下backspace鍵時，防止網頁轉址
    //4.支援無障礙導覽設定
    //5.支援Firefox、Google Chrome瀏覽器
    //6.支援按下shift鍵全域變數ShiftKeyDown(可實作連選)
    //7.支援頁面元件已輸入資料偵測(全域變數：CursorUserChanged CursorUserChangedDetect 可實作window.onbeforeunload confirm)
    //版本：1.64(2016.1.22)
    //作者：科碩資訊有限公司
    //引用本元件，請保留作者和版本資訊
    //連絡mail:cursor@cursorinfo.com.tw
    //------------------------------------------------------------
    w3cEvent = e;
    ShiftKeyDown = false;
    _beforeunloadTarget = '';
    CursorUserChanged = false;
    var kv = 0;
    var rv = false;
    var isTextarea = false;
    var currentId = null; //目前元件
    var ex;
    var isAll = typeof (document.all) == "object";
    if (isAll) {
        ShiftKeyDown = event.shiftKey;
        ex = event;
        kv = ex.keyCode;
        isTextarea = (ex.srcElement.tagName == "TEXTAREA");
        currentId = ex.srcElement.id == undefined ? '' : ex.srcElement.id;
    }
    else {
        ShiftKeyDown = e.shiftKey;
        ex = e;
        kv = ex.which * 1;
        isTextarea = (ex.target == "[object HTMLTextAreaElement]");
        currentId = ex.target.id == undefined ? '' : ex.target.id;
    }
    switch (kv) {
        case 13:
            if (ex.srcElement.tagName == "A" || (ex.srcElement.tagName == "INPUT" && ex.srcElement.type == "BUTTON"))
                return true;
            if ((currentId.length == 0))
                return false;
            if (isTextarea == true) {
                rv = isTextarea;
            }
            else {
                var cts = isAll ? document.all : document.getElementsByTagName('*');
                var cid = "";
                var queryBu = null;
                var beginNext = false; //開始比對是否為輸入元件
                var nextInput = null; //下一個輸入元件
                var specialSubmitId = "textQueryBU"; //指定特例的submit id
                var exceptionSubmitId = "waitting"; //指定例外的submit Id
                for (ii = 0; ii < cts.length; ii++) {
                    if (cts[ii].type == null || cts[ii].id == null)
                        continue;
                    if (cts[ii].id == currentId) {
                        beginNext = true;
                        continue;
                    }
                    if (beginNext == true && (cts[ii].id.indexOf(specialSubmitId) > -1 || ((cts[ii].type == "submit" || cts[ii].type == "image") && cts[ii].id.indexOf(exceptionSubmitId) == -1))) {
                        queryBu = cts[ii]; //找到submit元件
                        break;
                    }
                    else if (beginNext == true && (cts[ii].type == "text" || cts[ii].type == "textarea" || cts[ii].type == "password") && cts[ii].readOnly == false && cts[ii].style.display != "none") {
                        nextInput = cts[ii]; //找到下一個文字輸入元件
                        break;
                    }
                }
                if (null != queryBu) {
                    setTimeout("doClickId('" + queryBu.id + "');", 100);
                    rv = false;
                }
                else if (null != nextInput && nextInput.offsetWidth != 0) {
                    try {
                        nextInput.focus();
                    } catch (Error) { return true; }
                    rv = false;
                }
            }
            break;
        case 8:
            if (currentId.length > 0)
                return !document.getElementById(currentId).readOnly;
            else
                return true;
            break;
        default:
            rv = true;
            CursorUserChanged = typeof CursorUserChangedDetect == 'undefined' ? false : CursorUserChangedDetect;
            break;
    }
    return rv;
}

//實做模擬Click的功能
function doClickId(source) {
    var o = document.getElementById(source);
    if (document.all && typeof (document.all) == "object") //IE
        o.click();
    else {
        if (document.createEvent) {
            var e = document.createEvent('MouseEvent');
            e.initEvent('click', true, false);
            o.dispatchEvent(e);
        } else {
            o.fireEvent('onclick');
        }
    }
}

2016年12月17日星期六

網頁輸入頁面Enter鍵處理元件(KeyDownProcess Version:1.62)

#KeyDownProcess加入可實作 window.onbeforeunload confirm功能
#doClickId還原模擬
function KeyDownProcess(e) {
    //-----------------------------------------------------------
    //網頁親和性輸入控制元件
    //元件功能：可以讓網頁資料的輸入更親切，功能如下：
    //1.按下Enter鍵自動找到下一個可輸入輸入元件
    //2.按下Enter鍵自動找尋submit按鍵，如果找到則模擬Click的功能
    //3.當輸入元件設定唯讀時，按下backspace鍵時，防止網頁轉址
    //4.支援無障礙導覽設定
    //5.支援Firefox、Google Chrome瀏覽器
    //6.支援按下shift鍵全域變數ShiftKeyDown(可實作連選)
    //7.支援頁面元件已輸入資料偵測(全域變數：_CursorUserChanged _CursorUserChangedDetect 可實作window.onbeforeunload confirm)
    //版本：1.62(2016.12.17)
    //作者：科碩資訊有限公司
    //引用本元件，請保留作者和版本資訊
    //連絡mail:cursor@cursorinfo.com.tw
    //------------------------------------------------------------
    w3cEvent = e;
    ShiftKeyDown = false;
    _CursorUserChanged = false;
    _CursorUserChangedDetect = false;
    var kv = 0;
    var rv = false;
    var isTextarea = false;
    var currentId = null; //目前元件
    var ex;
    var isAll = typeof (document.all) == "object";
    if (isAll) {
        ShiftKeyDown = event.shiftKey;
        ex = event;
        kv = ex.keyCode;
        isTextarea = (ex.srcElement.tagName == "TEXTAREA");
        currentId = ex.srcElement.id == undefined ? '' : ex.srcElement.id;
    }
    else {
        ShiftKeyDown = e.shiftKey;
        ex = e;
        kv = ex.which * 1;
        isTextarea = (ex.target == "[object HTMLTextAreaElement]");
        currentId = ex.target.id == undefined ? '' : ex.target.id;
    }
    switch (kv) {
        case 13:
            if (isAll) {
                if (ex.srcElement.tagName == "A" || (ex.srcElement.tagName == "INPUT" && ex.srcElement.type == "BUTTON"))
                    return true;
            }
            if ((currentId.length == 0))
                return false;
            if (isTextarea == true) {
                rv = isTextarea;
            }
            else {
                var cts = isAll ? document.all : document.getElementsByTagName('*');
                var cid = "";
                var queryBu = null;
                var beginNext = false; //開始比對是否為輸入元件
                var nextInput = null; //下一個輸入元件
                var specialSubmitId = "textQueryBU"; //指定特例的submit id
                var exceptionSubmitId = "waitting"; //指定例外的submit Id
                for (ii = 0; ii < cts.length; ii++) {
                    if (cts[ii].type == null || cts[ii].id == null)
                        continue;
                    if (cts[ii].id == currentId) {
                        beginNext = true;
                        continue;
                    }
                    if (beginNext == true && (cts[ii].id.indexOf(specialSubmitId) > -1 || ((cts[ii].type == "submit" || cts[ii].type == "image") && cts[ii].id.indexOf(exceptionSubmitId) == -1))) {
                        queryBu = cts[ii]; //找到submit元件
                        break;
                    }
                    else if (beginNext == true && (cts[ii].type == "text" || cts[ii].type == "textarea" || cts[ii].type == "password") && cts[ii].readOnly == false && cts[ii].style.display != "none") {
                        nextInput = cts[ii]; //找到下一個文字輸入元件
                        break;
                    }
                }
                if (null != queryBu) {
                    setTimeout("doClickId('" + queryBu.id + "');", 100);
                    rv = false;
                }
                else if (null != nextInput && nextInput.offsetWidth != 0) {
                    try {
                        nextInput.focus();
                    } catch (Error) { return true; }
                    rv = false;
                }
            }
            break;
        case 8:
            if (currentId.length > 0)
                return !document.getElementById(currentId).readOnly;
            else
                return true;
            break;
        default:
            rv = true;
            _CursorUserChanged = _CursorUserChangedDetect !== undefined && _CursorUserChangedDetect === true ? true : false;
            break;
    }
    return rv;
}

function doClickId(source) {
    var o = document.getElementById(source);
    if (document.all && typeof (document.all) == "object") //IE
        o.click();
    else {
        if (document.createEvent) {
            var e = document.createEvent('MouseEvent');
            e.initEvent('click', true, false);
            o.dispatchEvent(e);
        } else {
            o.fireEvent('onclick');
        }
    }
}

2016年1月29日星期五

網頁輸入頁面Enter鍵處理元件(KeyDownProcess Version:1.61)

##更新實作模擬Click的方法
function KeyDownProcess(e) {
//-----------------------------------------------------------
//網頁親和性輸入控制元件
//元件功能：可以讓網頁資料的輸入更親切，功能如下：
//1.按下Enter鍵自動找到下一個可輸入輸入元件
//2.按下Enter鍵自動找尋submit按鍵，如果找到則模擬Click的功能
//3.當輸入元件設定唯讀時，按下backspace鍵時，防止網頁轉址
//4.支援無障礙導覽設定
//5.支援IE、Firefox、Google Chrome瀏覽器
//6.支援按下shift鍵全域變數ShiftKeyDown
//版本：1.61(2016.01.30)
//作者：科碩資訊有限公司
//引用本元件，請保留作者和版本資訊
//連絡mail:cursor@cursorinfo.com.tw
//------------------------------------------------------------
w3cEvent = e;
ShiftKeyDown = false;
var kv = 0;
var rv = false;
var isTextarea = false;
var currentId = null; //目前元件
var ex;
var isAll = typeof (document.all) == "object";
if (isAll) {
ShiftKeyDown = event.shiftKey;
ex = event;
kv = ex.keyCode;
isTextarea = (ex.srcElement.tagName == "TEXTAREA");
currentId = ex.srcElement.id == undefined ? '' : ex.srcElement.id;
}
else {
ShiftKeyDown = e.shiftKey;
ex = e;
kv = ex.which * 1;
isTextarea = (ex.target == "[object HTMLTextAreaElement]");
currentId = ex.target.id == undefined ? '' : ex.target.id;
}
switch (kv) {
case 13:
if (isAll) {
if (ex.srcElement.tagName == "A" || (ex.srcElement.tagName == "INPUT" && ex.srcElement.type == "BUTTON"))
return true;
}
if ((currentId.length == 0))
return false;
if (isTextarea == true) {
rv = isTextarea;
}
else {
var cts = isAll ? document.all : document.getElementsByTagName('*');
var cid = "";
var queryBu = null;
var beginNext = false; //開始比對是否為輸入元件
var nextInput = null; //下一個輸入元件
var specialSubmitId = "textQueryBU"; //指定特例的submit id
var exceptionSubmitId = "waitting"; //指定例外的submit Id
for (ii = 0; ii < cts.length; ii++) {
if (cts[ii].type == null || cts[ii].id == null)
continue;

if (cts[ii].id == currentId) {
beginNext = true;
continue;
}
if (beginNext == true && (cts[ii].id.indexOf(specialSubmitId) > -1 || ((cts[ii].type == "submit" || cts[ii].type == "image") && cts[ii].id.indexOf(exceptionSubmitId) == -1))) {
queryBu = cts[ii]; //找到submit元件
break;
}
else if (beginNext == true && (cts[ii].type == "text" || cts[ii].type == "textarea" || cts[ii].type == "password") && cts[ii].readOnly == false && cts[ii].style.display != "none") {
nextInput = cts[ii]; //找到下一個文字輸入元件
break;
}
}
if (null != queryBu) {
setTimeout("doClickId('" + queryBu.id + "');", 100);
rv = false;
}
else if (null != nextInput && nextInput.offsetWidth != 0) {
try {
nextInput.focus();
} catch (Error) { return true; }
rv = false;
}
}
break;
case 8:
if (currentId.length > 0)
return !document.getElementById(currentId).readOnly;
else
return true;
break;
default:
rv = true;
break;
}
return rv;
}

//實做模擬Click的功能
function doClickId(source) {
    var o = document.getElementById(source);
    if (!o.addEventListener) {
        o.attachEvent('onclick', onClick);
    } else {
        o.addEventListener('click', onClick, false);
    }
}

訂閱：文章 (Atom)

ㄚ德的世界

2020年4月27日星期一

工商時間─幫忙推薦公部門會計室常用資源系統

2017年11月18日星期六

網頁輸入頁面Enter鍵處理元件(KeyDownProcess Version:1.65)

2017年9月2日星期六

糟糕，HTTP轉HTTPS WCF Web服務失效了！

一、問題描述：

二、實作解決方案：

2017年1月21日星期六

在GridView中如何Confirm CheckBox On Client Click

網頁輸入頁面Enter鍵處理元件(KeyDownProcess Version:1.64)

2016年12月17日星期六

網頁輸入頁面Enter鍵處理元件(KeyDownProcess Version:1.62)

2016年1月29日星期五

網頁輸入頁面Enter鍵處理元件(KeyDownProcess Version:1.61)

教學是一種藝術，寫程式也是，您相信嗎？

網誌存檔

2020年4月27日 星期一

2017年11月18日 星期六

2017年9月2日 星期六

一、問題描述：

二、實作解決方案：

2017年1月21日 星期六

2016年12月17日 星期六

2016年1月29日 星期五

2020年4月27日星期一

2017年11月18日星期六

2017年9月2日星期六

2017年1月21日星期六

2016年12月17日星期六

2016年1月29日星期五