Design

Design
asp.net mvc

2016年5月23日 星期一

後端資料庫產生Dropdownlist asp.net mvc

public ViewResult Index()
        {
            //Create db context object here 
            AdventureWorksDbContext dbContext = new AdventureWorksDbContext();
            //Get the value from database and then set it to ViewBag to pass it View
            IEnumerable items = dbContext.Employees.Select(c => new SelectListItem
                  {
                      Value = c.JobTitle,
                      Text = c.JobTitle
 
                  });
            ViewBag.JobTitle = items;
            return View();
        }
@Html.DropDownList("JobTitle", "Select a Value")

2016年5月14日 星期六

ASP.NET MVC 從空白專案新增BundleConfig 實做

NuGet:
Install-Package Microsoft.AspNet.Web.Optimization
建立App_Start\BundleConfig.cs:
自行修改要的
public class BundleConfig
{
    public static void RegisterBundles(BundleCollection bundles) {
        bundles.Add(new ScriptBundle("~/Scripts/jquery").Include(
            "~/Scripts/Lib/jquery/jquery-{version}.js",
            "~/Scripts/Lib/jquery/jquery.*",
            "~/Scripts/Lib/jquery/jquery-ui-{version}.js")
        );

        bundles.Add(new ScriptBundle("~/Scripts/knockout").Include(
             "~/Scripts/Lib/knockout/knockout-{version}.js",
             "~/Scripts/Lib/knockout/knockout-deferred-updates.js")
        );
    }
}

 Global.asax 新增這行
using System.Web.Optimization;

protected void Application_Start() {
     ...
     BundleConfig.RegisterBundles(BundleTable.Bundles);
     ...
}

最後別忘了web.config 新增命名空間 不然你也不能用



      <namespaces>
        <add namespace="System.Web.Optimization"></add>
      </namespaces>
讓我的開始Bundle吧
    @Scripts.Render("~/Scripts/jquery")
    @Scripts.Render("~/Scripts/bootstrap")

2016年4月25日 星期一

Entity Framework Code First 一對多關聯設定

http://blog.developer.idv.tw/2014/11/entity-framework-code-first_25.html

2016年4月23日 星期六

純CSS二、三階層動態選單按鈕 (完美支援各版本瀏覽器)

HTML
<div id="menu">
  <ul>
    <li> <a href="#">Fruits</a>
      <ul>
        <li><a href="#">Apple</a></li>
        <li><a href="#">Banana</a></li>
        <li><a href="#">Cherry</a></li>
        <li><a href="#">Orange</a></li>
      </ul>
    </li>
    <li> <a href="#">Vegetables</a>
      <ul>
        <li><a href="#Broccoli">Broccoli</a></li>
        <li><a href="#Cabbage">Cabbage</a></li>
        <li><a href="#Peas">Peas</a></li>
        <li><a href="#Onion">Onion</a></li>
      </ul>
    </li>
    <li> <a href="#Meats">Meats</a>
      <ul>
        <li> <a href="#White_Meat">White Meat</a>
          <ul>
            <li><a href="#Chicken">Chicken</a></li>
            <li><a href="#Duck">Duck</a></li>
            <li><a href="#Fish">Fish</a></li>
          </ul>
        </li>
        <li> <a href="#Red_Meat">Red Meat</a>
          <ul>
            <li><a href="#Beef">Beef</a></li>
            <li><a href="#Pork">Pork</a></li>
          </ul>
        </li>
      </ul>
    </li>
  </ul>
</div>

CSS

/* 加載csshover3.htc,解決IE6沒有li:hover擬類的問題 */
* html body {
 behavior:url("csshover3.htc");
}
/* ---------- 大小與定位 ---------- */
#menu {
 /* 選單大小 */
 width:600px;
 height:30px;
}
#menu ul {
 /* 取消ul樣式符號 */
 list-style-type:none;
 /* 重設ul邊界與留白為零 */
 margin:0;
 padding:0;
 /* 內有浮動元件時,需設overflow才會自動調整大小 */
 overflow:auto;
}
* html #menu ul {
 /* 解決IE6不理overflow問題,直接指定高度 */
 height:30px;
}
#menu ul li {
 /* 利用float讓第一層li水平排列 */
 float:left;
}
/* 解決IE6條列式餘白問題*/
* html #menu ul li {
 display:inline;
}
#menu ul li a {
 /* 將a改為區塊元件,以便指定寬高 */
 display:block;
 /* 這邊也要設float,否則IE6會以100%寬度顯示 */
 float:left;
 /* 固定高度 */
 height:30px;
 width: 100px;
 text-align: center;
}
#menu ul li ul {
 /* 讓第二層ul跳脫文件流以利定位 */
 position:absolute;
 /* 固定寬度 */
 width:100px;
 /* 避免出現捲軸 */
 overflow:visible;
 /* 讓ul與母階層li相同位置 */
 clear:left;
 margin-top: 30px;
 margin-right: 0;
 margin-bottom: 0;
 margin-left: 0;
}
/* 修正IE7絕對定位差異 */
*:first-child+html #menu ul li ul {
 margin-top:0;
}
/* 修正IE6絕對定位差異 */
* html #menu ul li ul {
 margin-top:0;
}
#menu ul li ul li {
 /* 覆寫繼承自第一層的浮動設定 */
 float:none;
 text-align: center;
}
#menu ul li ul li a {
 /* 覆寫繼承自第一層的浮動設定 */
 float:none;
 width: 100%;/* 註:display、height、padding繼承第一層的設定 */
}
#menu ul li ul li ul {
 margin-top: -30px;
 margin-right: 0;
 margin-bottom: 0;
 margin-left: 100px;
 width: 100%;
}
/* 修正IE7絕對定位差異 */
*:first-child+html #menu ul li ul li ul {
 margin-top:-30px;
}
#menu ul li ul li ul li {
/* width、float繼承第二層,免設定 */
}
#menu ul li ul li ul li a {
/* width、float繼承第二層,免設定 */
}
/* ---------- 隱藏與顯示階層 ---------- */
#menu ul li ul {
 /* 預先隱藏第二層 */
 visibility:hidden;
}
#menu ul li:hover ul {
 /* 觸動第一層時,顯示第二層 */
 visibility:visible;
}
#menu ul li:hover ul li ul {
 /* 顯示第二層時,隱藏第三層,避免同時彈出 */
 visibility:hidden;
}
#menu ul li ul li:hover ul {
 /* 觸動第二層時,顯示第三層 */
 visibility:visible;
}
#menu ul li ul li:hover ul li ul {
 /* 顯示第三層時,隱藏第四層,避免同時彈出 */
 visibility:hidden;
}
#menu ul li ul li ul li:hover ul {
 /* 觸動第三層時,顯示第四層 */
 visibility:visible;
}
/* ---------- 以下為美化用,非必需 ---------- */


/* 預設字體 */
#menu {
 font-size:12px;
 font-family:Arial, Helvetica, sans-serif;
}
/* 第一層ul背景色彩與邊框 */
#menu ul {
 background:#6f6f6f;
}
/* 第一層a字型 */
#menu ul li a {
 color:#FFF;
 text-decoration:none;
 line-height: 30px;
}
/*第二層ul背景色彩與邊框  */
#menu ul li ul {
 background:#efefef;
}
/* 第二層a字型 */
#menu ul li ul li a {
 font-size:12px;
 color:#333333;
 text-decoration:none;
}
/* 觸動第一層li時,改變背景色 */
#menu ul li:hover, #menu ul li a:hover {
 background:#efefef;
}
#menu ul li:hover a {
 color:#333333;
}
/* 觸動第二層以上li時改變背景色 */
#menu ul li ul li:hover, #menu ul li ul li a:hover {
 background:#dfdfdf;
}

2016年4月20日 星期三

C# 問號的意思

1. int? number;
2. txtName.Text.Trim().Length == 0 ? null : txtName.Text.Trim()
3 .a??0

第一種的意思
?(單問號),是System.Nullable<T>的縮寫形式,可null類型。

第二種的意思
? 為三元運算符,在上面例子中,就等於是

        if (txtName.Text.Trim().Length == 0)
        {
            取 null;
        }
        else
        {
            取 txtName.Text.Trim();
        }

第三種的意思
??(雙問號),意思是取所賦值??左邊的,如果左邊為null,取所賦值??右邊的,所以上面例子等於是

   if (a==null)
        {
           取 0;        
        }
        else
        {
           取 a;
        }

2016年3月24日 星期四

合併兩筆JObject

var j1 = (JObject)JsonConvert.DeserializeObject(json1);
var j2 = (JObject)JsonConvert.DeserializeObject(json2);

var jArray = new JArray(j1, j2);
var str = jArray.ToString();
EDIT

var final = JsonConvert.SerializeObject( 
                new {Title=j1["Title"], data=j1["data"].Union(j2["data"])},
                Newtonsoft.Json.Formatting.Indented);

2016年3月15日 星期二

OAuth instagram 連線方法 C#

 public ActionResult OAuth()
        {
            code = Request["code"].ToString();
            NameValueCollection parameters = new NameValueCollection();
            parameters.Add("client_id", ConfigurationManager.AppSettings["instagram.clientid"].ToString());
            parameters.Add("client_secret", ConfigurationManager.AppSettings["instagram.clientsecret"].ToString());
            parameters.Add("grant_type", "authorization_code");
            parameters.Add("redirect_uri", ConfigurationManager.AppSettings["instagram.redirecturi"].ToString());
            parameters.Add("code", code);

            WebClient client = new WebClient();
            var result = client.UploadValues("https://api.instagram.com/oauth/access_token",  parameters);

            //取得json後轉一下string 才不會都是/////////////////////////////////
            var response = System.Text.Encoding.Default.GetString(result);

            //model建立物件後
            // Json反序列化 building model
            var collection = JsonConvert.DeserializeObject(response);
           // 也可以轉JObject然後像下面轉為string取想要用的部分
            var jsResult = (JObject)JsonConvert.DeserializeObject(response);

  
            string accessToken = (string)jsResult["access_token"];
            int id = (int)jsResult["user"]["id"];
            string username = (string)jsResult["user"]["username"];

            Session.Add("name", username);
            Session.Add("InstaSharp.accessToken", collection);
            Session.Add("accessToken", accessToken);
            Session.Add("id", id);

            return RedirectToAction("MyFeed",new { username});
        }

2016年3月12日 星期六

string和byte[]的轉換 (C#)

string類型轉成byte[]:
byte[] byteArray = System.Text.Encoding.Default.GetBytes ( str );
反過來,byte[]轉成string:
string str = System.Text.Encoding.Default.GetString ( byteArray );

其它編碼方式的,如System.Text.UTF8Encoding,System.Text.UnicodeEncoding class等;例如:
string類型轉成ASCII byte[]:("01" 轉成 byte[] = new byte[]{ 0x30, 0x31})
byte[] byteArray = System.Text.Encoding.ASCII.GetBytes ( str );
ASCII byte[] 轉成string:(byte[] = new byte[]{ 0x30, 0x31} 轉成 "01")
string str = System.Text.Encoding.ASCII.GetString ( byteArray );

有時候還有這樣一些需求:
byte[] 轉成原16進制格式的string,例如0xae00cf, 轉換成 "ae00cf";new byte[]{ 0x30, 0x31}轉成"3031":
        public static string ToHexString ( byte[] bytes ) // 0xae00cf => "AE00CF "
        {
            
string hexString = string.Empty;
            
if ( bytes != null )
            
{
                StringBuilder strB 
= new StringBuilder ();

                
for ( int i = 0; i < bytes.Length; i++ )
                
{
                    strB.Append ( bytes[i].ToString ( 
"X2" ) );
                }

                hexString 
= strB.ToString ();
            }

            
return hexString;
        }

反過來,16進制格式的string 轉成byte[],例如, "ae00cf"轉換成0xae00cf,長度縮減一半;"3031"轉成new byte[]{ 0x30, 0x31}:
        public static byte[] GetBytes(string hexString, out int discarded)
        
{
            discarded 
= 0;
            
string newString = "";
            
char c;
            
// remove all none A-F, 0-9, characters
            for (int i=0; i<hexString.Length; i++)
            
{
                c 
= hexString[i];
                
if (IsHexDigit(c))
                    newString 
+= c;
                
else
                    discarded
++;
            }

            
// if odd number of characters, discard last character
            if (newString.Length % 2 != 0)
            
{
                discarded
++;
                newString 
= newString.Substring(0, newString.Length-1);
            }


            
int byteLength = newString.Length / 2;
            
byte[] bytes = new byte[byteLength];
            
string hex;
            
int j = 0;
            
for (int i=0; i<bytes.Length; i++)
            
{
                hex 
= new String(new Char[] {newString[j], newString[j+1]});
                bytes[i] 
= HexToByte(hex);
                j 
= j+2;
            }

            
return bytes;
        }