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

posted @   绿茶叶  阅读(2670)  评论(10编辑  收藏  举报
编辑推荐:
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
阅读排行:
· 周边上新:园子的第一款马克杯温暖上架
· Open-Sora 2.0 重磅开源!
· 分享 3 个 .NET 开源的文件压缩处理库,助力快速实现文件压缩解压功能!
· Ollama——大语言模型本地部署的极速利器
· DeepSeek如何颠覆传统软件测试?测试工程师会被淘汰吗?
点击右上角即可分享
微信分享提示