我的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/
本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· 周边上新:园子的第一款马克杯温暖上架
· Open-Sora 2.0 重磅开源!
· 分享 3 个 .NET 开源的文件压缩处理库,助力快速实现文件压缩解压功能!
· Ollama——大语言模型本地部署的极速利器
· DeepSeek如何颠覆传统软件测试?测试工程师会被淘汰吗?