我的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. 构建数据库，有用户，博客，留言三张表，所以用三个类实现：

View Code

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. 安全问题没有解决，请大家踊跃发言，网站的安全问题一般怎么处理