【开发者的精进】 数据驱动下的程序设计

简介: 写在前面   大雪至,风纷飞,夜里呜声伴秋叶,转眼2017也快要过去了,时间在不停的走,事情在不停的做,今年的秋叶落尽了,明年的春芽也就不远了吧。     纵观程序千万,ui、功能、语法、运算、框架,都可以用数据两个字来囊括,二进制数据、xml数据、数据库数据。

写在前面

  大雪至,风纷飞,夜里呜声伴秋叶,转眼2017也快要过去了,时间在不停的走,事情在不停的做,今年的秋叶落尽了,明年的春芽也就不远了吧。

 

  纵观程序千万,ui、功能、语法、运算、框架,都可以用数据两个字来囊括,二进制数据、xml数据、数据库数据。 数据的基本定义是:

数据(data)是事实或观察的结果,是对客观事物的逻辑归纳,是用于表示客观事物的未经加工的的原始素材。

数据可以是连续的值,比如声音、图像,称为 模拟数据。也可以是离散的,如符号、文字,称为 数字数据
 
在计算机系统中,数据以二进制信息单元0,1的形式表示
 
在我们的开发中,你很可能使用的是xml,json,有时候要使用到base64,,对象,数组,它们都是数据的展现,在开发中大部分人可能忽略了一个出发点,那就是 数据驱动开发,在数据驱动下的开发事半功倍。
 

 数据驱动开发

  那么什么是数据驱动开发?  我的理解是,它是一种顺序思维,我们在开发时,往往关注于功能点、一个代码单元、单个系统,这里我以一个web界面解释(博主擅长web),

日常,我们界面开发流程可能是这样的:

  1.需求A,一个web界面,如下图

  

 2. ok 一张个人中心界面,这里面有什么呢,

   ①.一个用户,包含头像,姓名等信息

          ②.两个记录表

 3.然后就开始开发了,

  

 

一般的思维,首先布局,头部》中间》底部》动画 ,然后请求服务器数据,最后把数据渲染到页面中。这符合我们一贯的思路,不论用什么框架,什么技术,流程大多如此,但是作为对比,我们来看看数据驱动下的界面开发

    

 界面制作动手之前,我们需要设计一个数据模型,例如个人中心界面,这个简单的界面可以分为两块。

  1、用户信息

  2、相关信息

现在我使用json表示这个界面

{
    "user":{
    },
    "about_msg":{
    }  
}

 在用户信息里有用户名,头像,在相关信息里,有用户详细信息,报修记录,宽带记录,其中报修记录,宽带记录是有图标,有链接的,那么最后的数据模型应该是这样的

{
    "user":{
        "name":"zhangtaifeng",
        "img":"..."
    },
    "about_msg":{
         "user_detail":[
             {
                   "title":"姓名",
                   "value":"zhangtaifeng"
              },
             {
                   "title":"学号",
                   "value":"123456"
              },
             {
                   "title":"邮箱",
                   "value":"..."
              }
        ],
         "maintenance":{
             "icon":"../images/...",
             "href":"",
              title:"保修"
        },
        "buy":{
              "icon":"../images/...",
              "href":"",
              "title":"购买"
        }
    }  
}                             

当数据模型准备完毕,界面的开发就变得简单起来,无论你是用什么样的框架都可以在这样的数据基础上,或循环、或模板引擎、或后台渲染,核心要求是,

数据必须在前面,数据改变,界面改变,如果界面更改了,数据没有同步,那么这些设计就变得毫无意义。

可以预见的是,一旦使用了数据模型驱动界面开发,那么这块工作是由难到易的,后期维护简单。

这还只是一个简单的个人中心界面。开发复杂的、大型的图形界面,数据驱动无疑是最好的开发方式。

要点

  1、数据模型需要在用户界面的前面,也就是说,数据更改,界面更改。不可以直接更改界面,就算重新设计,也需要首先从数据修改入手。

  2、你可以设置数据监听,改变时重新渲染界面。也可以做一个驱动函数,专门负责界面渲染,每次更改数据调用,例如:

var data = {name:"zhangtaifeng"};
//渲染函数
var changeView = function(data){
     document.body.innerHTML='<h1>'+data.name+'</h1>';
      return  data
};

changeView(data); //zhangtaifeng

setTimeout(function(){
    data.name="aaa";
   changeView(data); //aaa
},3000);

  前端,像vue angular react都提供了简便的watch方法。

      3、尽量使页面数据化,如果你的项目不是依赖seo的话。

优势

  假如A和B开发了一个一样的界面,A和平时一样,写html...写js....请求数据。 B首先设计数据模型,然后设计驱动函数,然后写html,写js,请求数据。 

  一开始看,A大多数情况下会比B快很多的,按通常流程走,符合逻辑。 

       现在老板需要增加一行元素,比如”我的订单“。

       A需要修改html、增加js

  B只需要在数据模型上加一行”我的订单“就行了。

  类似的,如果要你保存页面状态,怎么办?   保存数据就行了。

  跳转登录,返回回填表单,保存数据就行了。

       还有更多的好处。。。

结束

  传达一些想法,表示一些逻辑,实属不易,若笔头略有顿挫,诸君见谅,若观点也有偏差,望各位海涵,然君指出后,言出必思,思之必改,谢谢大家。

======================================================== 转载请注明出处。
目录
相关文章
|
2月前
|
前端开发 开发者 C++
通过对比普通开发者与大牛们的学习策略,揭秘他们高效学习的秘诀
前端技术日新月异,大牛们如何保持竞争力?本文对比普通开发者与大牛的学习策略,揭示高效学习的秘诀:明确目标、主动探索、系统资源、注重实践、持续学习。通过这些方法,大牛们能快速掌握新技术并应用于实际工作。
77 5
|
传感器 人工智能 物联网
数字孪生编程入门
数字孪生编程入门
128 0
|
6月前
|
敏捷开发 运维 Devops
IT入门知识第三部分《软件开发》(3/10)
IT入门知识第三部分《软件开发》(3/10)
63 0
|
4月前
|
算法 测试技术 开发者
精进你的代码:重构的艺术与实践
在软件开发中,编写清晰、高效且可维护的代码是每位开发者的追求。重构是提升代码质量的关键手段,它在不改变代码外部行为的前提下,优化其结构、可读性和性能。本文探讨重构的艺术与实践,介绍重构的概念、目标及基本原则,并提供实用技巧,如提取方法、简化条件表达式、消除重复代码、使用描述性命名和优化数据结构,帮助开发者持续改进代码,应对需求变化,提高开发效率。
|
6月前
|
JavaScript 前端开发 Java
代码之舞:从编程新手到资深开发者的旅程
【7月更文挑战第19天】编程,一种现代魔法,让无数人为之着迷。本文将通过个人的技术感悟,探讨如何从一个对代码一无所知的新手成长为一名能够自如驾驭复杂项目的资深开发者。我们将穿越编程语言的选择、学习资源的利用、项目实践的重要性以及持续学习的必要,最终达到技术与创造力的和谐共舞。
70 10
|
8月前
|
测试技术 uml
【软件工程】揭秘需求工程的奥秘:构建成功软件的基石
【软件工程】揭秘需求工程的奥秘:构建成功软件的基石
|
前端开发 程序员 开发者
开发者要想走更好的出路必须选全栈工程师这条路吗?
虽然说“技多不压身”,“术业有专攻”,但是作为程序员,尤其是做业务场景的开发者来说,并不是会的面越广越好,而且现在的技术迭代速度太快,不管是前端领域还是后端领域,技术栈或者技术框架更新迭代的周期越来越短、越来越快,学习成本越来越大,尤其是要做资深的全栈工程师,需要学的知识是非常的多,而且还需要各个方面的时间沉淀,考虑到人的精力会随着年龄的增长而递减,成反比例,所以虽然全栈工程师有着丰富的工作从业经验和经历,但是如果想要具备各个方面都差不多,难度是很大的。
212 1
开发者要想走更好的出路必须选全栈工程师这条路吗?
|
架构师 程序员
「软件工程」编程生产力概述
「软件工程」编程生产力概述
|
程序员 项目管理
程序员应该专注技术还是转管理?
只要有得选,专注技术或是转管理。
77 0
程序员应该专注技术还是转管理?
|
人工智能 Dart 安全
关于当今软件开发的四件会让过去的程序员大吃一惊的事
  过去的盲点给我们提供了另一种思考未来的方式。 技术变革的步伐并没有放缓。 在一两年之内,我们大多数人仍然会思考世界。 我们期待着很多变化,并且我们花了大量时间想象它们。 但是在雷达之下发生了什么? 我们期望哪些发展永远不会实现? 我们今天很少有人期望发生什么革命?   软件开发改变了世界。 我们只看到其中一些即将到来。关于当今软件开发的四件会让过去的程序员大吃一惊的事
181 0

热门文章

最新文章