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

  • 相关阅读:
    渣渣小本求职复习之路每天一博客系列——Java基础(9)
    渣渣小本求职复习之路每天一博客系列——Java基础(8)
    渣渣小本求职复习之路每天一博客系列——Java基础(7)
    渣渣小本求职复习之路每天一博客系列——Java基础(6)
    渣渣小本求职复习之路每天一博客系列——Java基础(5)
    渣渣小本求职复习之路每天一博客系列——Java基础(4)
    渣渣小本求职复习之路每天一博客系列——Java基础(3)
    渣渣小本求职复习之路每天一博客系列——数据结构与常用算法(3)
    redis常用命令
    redis的sets类型
  • 原文地址:https://www.cnblogs.com/greenteaone/p/2663186.html
Copyright © 2011-2022 走看看