我的Web前端開發（一）

       從別人的blog中看到，做前端開發的沒有用C語言，或者是C++做底層開發的有前途，有技術含量，被重視，因為前端開發門檻比較低，太容易上手啦。

       經過這些日子的實踐和學習，我個人覺得前端開發並沒有他們想象的那么簡單，這是一份綜合素質要求比較高的工作，不是你會了HTML、CSS和JavaScript就能成為一名優秀的前端開發工程師。

      一位優秀的Web前端開發工程師在知識體系上既要有廣度，又要有深度，既要把網站的界面更好地呈現給用戶，又要讓用戶使用的方便舒服。所以web前端工程師應該是一個好的設計師，用戶體驗師和軟件工程師。

      Web前端開發技術主要包括：HTML、CSS和JavaScript。但隨着RIA的流行和普及，Flash/Flex、Silverlight、XML和服務器端語言也是前端開發工程師應該掌握的。

      HTML實現頁面的架構，CSS美化頁面的布局，JavaScript實現頁面數據傳遞，以及編寫頁面插件。

      根據最近的實踐，我覺得web開發主要包含以下幾部分

 1.  構建數據結構：根據項目需求構建合適的數據結構

 2.  設計頁面布局

 3.  用HTML、CSS呈現第二步設計的樣式

 4.  用JavaScript實現數據的傳遞

 5. 數據存儲和傳遞的安全性（安全性這一部分，我還不很清楚，希望知道的朋友分享給一下，謝謝啦）

     下面舉例說明，我們要構建一個簡單博客網站，它包含用戶，博客，留言。

1.  構建數據庫，有用戶，博客，留言三張表，所以用三個類實現：

public class User : BusinessObject {
        public string LoginName { get; set; }
        public string LoginPassword { get; set; }
        public DateTime LastLogin { get; set; }
}

public class Blog: BusinessObject {
        public string Title { get; set; }
        public string Content { get; set; }
        public string Background { get; set; }
        [ScriptIgnore]
        [IgnoreDataMember]
        public User BelongsTo {
            get { return GetValue<User>("User"); }
            set { SetValue<User>("User", value); }
        }
        [ScriptIgnore]
        [IgnoreDataMember]
        public List<Message> Messages{
            get { return GetValues<Message>("Messages"); }
            set { SetValues<Message>("Messages", value); }
        }
    }

public class Message: BusinessObject {
        public string Content{ get; set; }
        [ScriptIgnore]
        [IgnoreDataMember]
        public User BelongsTo {
            get { return GetValue<User>("User"); }
            set { SetValue<User>("User", value); }
        }
    }

2.  設計頁面布局

    包含，用戶注冊頁面，用戶登錄頁面，用戶編輯頁面。寫blog頁面，編輯blog頁面，展現所有blog頁面（里面包含留言），這些頁面用圖片作出樣式

3.  HTML、CSS呈現呈現以上頁面

4.  實現數據傳遞

    用ViewData，ViewBag,model把后台的數據傳遞給頁面，用submit（）或者ajax把頁面的數據提交給后台

5.  安全問題沒有解決，請大家踴躍發言，網站的安全問題一般怎么處理