我的Web前端开发(一)-阿里云开发者社区

开发者社区> 开发与运维> 正文

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

作者:绿茶叶 
出处:http://www.cnblogs.com/greenteaone/ 
本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。

转载:http://www.cnblogs.com/greenteaone/archive/2012/08/30/2663186.html

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

分享:
开发与运维
使用钉钉扫一扫加入圈子
+ 订阅

集结各类场景实战经验,助你开发运维畅行无忧

其他文章