美文网首页
浅谈表现和数据分离

浅谈表现和数据分离

作者: 喜欢唱Hi歌的 | 来源:发表于2019-10-11 12:35 被阅读0次

无意中看到了一篇关于表现和数据分离的文章,详细的看了一下,感觉和自己理解的不太一样就有了这次的探寻

一、什么是表现和数据分离

说法1:表现和数据分离就是MVC,MVC 是将数据和业务逻辑分离由控制器分发,明显不是

说法2:表现和数据分离就是Css和html+data分离,方便修改页面的表现形式,如模板制作

说法3:表现和数据分离就是javascript中的MVC,将数据的获取与数据的显示分离

说法4:表现和数据分离就是javascript控制数据填充,html负责表现

其中

说法1明显不符合,

说法2更应该称之为表现与结构分离

说法3,下面是研究并复制别人的代码

$(document).ready(function () {

//定义一个controller

var piliController = {

//选择视图

start: function () {

this.view.start();

},

//将用户操作映射到模型更新上

set: function (name) {

this.model.setPerson(name);

}

};

piliController.model = {

piliKV: {

'叶小钗': '刀狂剑痴',

'一页书': '百世经纶',

'素还真': '清香白莲'

},

curPerson: null,

//数据模型负责业务逻辑和数据存储

setPerson: function (name) {

this.curPerson = this.piliKV[name] ? name : null;

this.onchange();

},

//通知数据同步更新

onchange: function () {

piliController.view.update();

},

//相应视图对当前状态的查询

getPiliAction: function () {

return this.curPerson ? this.piliKV[this.curPerson] + this.curPerson : '???';

}

};

piliController.view = {

//用户触发change事件

start: function () {

$('#pili').change(this.onchange);

},

onchange: function () {

piliController.set($('#pili').val());

},

update: function () {

$('#end').html(piliController.model.getPiliAction());

}

};

piliController.start();

});

叶小钗

一页书

素还真

写的确实很好的代码,个人想法是为什么不将select在用js在view中生成?

说法4 那就是Ajax了,

将3和4两种结合起来会不会更好一些。。。。。。。

笔者QQ群 148042812

相关文章

  • 浅谈表现和数据分离

    无意中看到了一篇关于表现和数据分离的文章,详细的看了一下,感觉和自己理解的不太一样就有了这次的探寻 一、什么是表现...

  • 表现与数据分离(MVC)

    mvc指的是model,view,controller 三部分,view为视图层,负责显示内容;model为模块层...

  • CSS基础总结

    什么是CSS CSS是层叠样式表,用于控制网页数据的表现,使得网页数据和表现分离。 CSS引入的四种方式 行内式(...

  • 浅谈算法和数据结构

    注:采转归档,自己学习查询使用 浅谈算法和数据结构: 一 栈和队列浅谈算法和数据结构: 二 基本排序算法浅谈算法和...

  • 每日安全资讯(2019.12.11)

    浅谈数据安全和隐私保护这次的话题是“浅谈数据安全和隐私保护”。这是一个看似离我们很远,但又时刻发生在大伙身边的问题...

  • Drupal主题_2

    Drupal主题实现的原理 Drupal页面是内容和表现分离。内容(多)是存于数据库中的值,是一种树形结构的数据,...

  • 前端表现与数据分离之模式

    MVC模式: 分为三层:视图(View):用户界面。控制器(Controller):业务逻辑模型(Model):数...

  • 理解"表现和结构相分离"

    对于初学者,我们常看见web标准的好处之一是“能做到表现和结构相分离”,那这到底是什么意思呢?我将以一个实际的例子...

  • AngularJS-1.5

    AngularJS的优点? 实现了数据、表现、逻辑分离扩展了HTML的功能 什么是MVC? M:Model ...

  • angularJs学习笔记

    MVC是一种软件架构设计模式,它将表现从用户交互中分离出来。通常来讲,模型中包含应用的数据和与数据进行交互的方法,...

网友评论

      本文标题:浅谈表现和数据分离

      本文链接:https://www.haomeiwen.com/subject/uyiquctx.html