2013年3月28日 星期四

[ASP.NET]產生一組英文加數字混和的亂數字串

這篇算是一個小筆記 :P

有時候我們會去需要產生一組亂數的字串

用於產生新密碼或者是驗證之類的,直接把它用成共用的Functuin還蠻方便的

protected void Page_Load(object sender, EventArgs e)
{
    //使用
    Response.Write(CreateRandomCode(10));
}

/// <summary>產生亂數字串</summary>
/// <param name="Number">字元數</param>
/// <returns></returns>
public string CreateRandomCode(int Number)
{
    string allChar = "0,1,2,3,4,5,6,7,8,9,a,b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u,v,w,x,y,z";
    string[] allCharArray = allChar.Split(',');
    string randomCode = "";
    int temp = -1;

    Random rand = new Random();
    for (int i = 0; i < Number; i++)
    {
        if (temp != -1)
        {
            rand = new Random(i * temp * ((int)DateTime.Now.Ticks));
        }
        int t = rand.Next(36);
        if (temp != -1 && temp == t)
        {
            return CreateRandomCode(Number);
        }
        temp = t;
        randomCode += allCharArray[t];
    }
    return randomCode;
}

當然這個重複性還是蠻高的,如果一定要產生唯一的亂數

可以使用Guid類別,他會針對使用者的電腦去產生一個唯一值

重複機率可能比樂透還低

-----

若文章有侵權地方,麻煩請告知,將迅速處理,謝謝!

2013年3月22日 星期五

[Jquery]搭配Jquery UI讓表單Email欄位自動完成

Technorati 的標籤:
最近寫到一個功能,為了要讓使用者快速建立表單,

多半會有自動完成的功能,類似Google搜尋會跑出建議的選項點選

所以在Email欄位,希望能讓使用者Key的時候自動帶入常用的Host

網路上有Jquey Autocomplete 的套件,還沒深入研究過,但我想功能應該更齊全,

此範例只用官方的Jquery UI來完成:

首先先到官方網站下載頁面,第一個下拉選單可以選擇主題,其實只是載入不同的css檔
image

以下是下載後的檔案結構,我新增一個autocomplete的網頁檔

image

當然記得在<head></head>裡載入Jquery的 Js檔

image

在Body新增一個Input標籤

image

接著在<head></head>加入以下程式碼,

大概邏輯是每MailData是我建立常用Email的資料

在Key in的時候將字串"@host.com",插入最後面

        $(document).ready(function () {
            var MailData = ["gmail.com", "hotmail.com", "msn.com", "yahoo.com", "yahoo.com.tw", "pchome.com.tw"];
            $("#email").autocomplete({
                autoFocus: true,
                source: function (request, response) {
                    var KeyValue = request.term,
                        index = KeyValue.indexOf("@"),
                        Address = KeyValue,
                        host = "",
                        result = [];

                    result.push(KeyValue);
                    if (index > -1) {
                        Address = KeyValue.slice(0, index);
                        host = KeyValue.slice(index + 1);
                    }
                    if (Address) {
                        var findedHosts = (host ? $.grep(MailData, function (value) {
                            return value.indexOf(host) > -1;
                        }) : MailData),
                        findedResults = $.map(findedHosts, function (value) {
                            return Address + "@" + value;
                        });
                        result = result.concat($.makeArray(findedResults));
                    }
                    response(result);
                }
            });
        });
</script>

最後的完成圖:

image 

若文章有侵權地方,麻煩請告知,將迅速處理,謝謝!

2013年3月6日 星期三

[ASP.NET MVC]利用ViewEngines來載入不同的View

這標題有點抽象,製作Master Page 與 Detail Page,在ASP.NET我們通常會用Masterpage控制項,
去把一些共用的樣式放在母版裡面,當然也可以利用Ajax的方式載入Detail Page的內容放置div裡面
在ASP.NET MVC,做法當然也有很多種,在這裡分享一下我實務上常用到的小技巧:
1
Technorati 的標籤:
我先新增一個MVC專案,在Controllers裡面增加MasterPage的Controllers
並產生一個Index的View,及3個分別顯示不同內容的View
Controllers裡會是長這樣子:
public ActionResult Index(int Type)
{
    string ViewType = string.Empty;

    //針對傳入的參數,導向不同的View
    switch (Type)
    {
        case 1:
            ViewType = "Detail1";
            break;
        case 2:
            ViewType = "Detail2";
            break;
        case 3:
            ViewType = "Detail3";
            break;
        default:
            break;
    }

    var content = string.Empty;
    var view = ViewEngines.Engines.FindView(ControllerContext, ViewType, null);
    using (var writer = new StringWriter())
    {
        var context = new ViewContext(ControllerContext, view.View, ViewData, TempData, writer);
        view.View.Render(context, writer);
        writer.Flush();
        content = writer.ToString();
    }
    ViewData["DetailView"] = content.ToString();

    return View();
}



此頁面需要傳入一個int的Url參數,再針對不同的值顯示不同的Detail內容,

我們可以用ViewEngines這個Class來取得View的內容,

取得之後將View的內容丟給ViewData,然後再丟給Index.cshtml顯示:
@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <title>Index</title>
</head>
<body>
    <div>
        @(new HtmlString(ViewData["DetailView"].ToString()))
    </div>
</body>
</html>

以下為結果:

2