发表于: 2017-05-17 23:46:33

3 1149


今天完成的事情/收获:

关于MVC我打算写成自己的博文,发布到了简书(纯手打 所有引用的地方都指明了)

以下是简书内容:


不足的地方请指正!

最简单的先翻译下看看是啥:

Model模型

View试图

看了写零零碎碎的教程。但是我得有自己的理解,不去复制。

Model 用来处理数据 处理逻辑事件 往上说从数据库映射而来 ,我觉得也可以理解为就是处理后台给我们的接口数据并且把这些数据渲染到View--试图上面;

View渲染展示出来的页面 所有我们能看到的网页页面都可以叫做View

我觉得Model和View其实是互通的,互相作用的,其中间的纽带就是控制器;

有意思的是对于如何把Model展现到view以及如何把数据从VIEW写入到Model里,有很多不同的意见,甚至还分成了几个派?

到这里我想我先得梳理一下MVC框架到底是个啥?

/

MVC全名是Model View Controller,是model-View-controller的缩写 用一种业务逻辑,数据,界面显示分离的方法组织代码,      将业务逻辑聚集到一个部件里面,在改进和个性化定制界面及用户交互的同时,不需要重新编写业务逻辑。MVC被独特的发展          起来用于映射传统的输入、处理和输出功能在一个逻辑的图形化用户界面的结构中。

/


以下部分引用自知乎(引用页面https://www.zhihu.com/question/22886622)

model,就跟“数学建模”中的“模”一样。一个现实中的问题要在人类解决,人类首先需要将其抽象成一个模型来分析。计算机处理现实问题也需要先把其抽象成一个模型来处理。前台的东西是由后台的数据模型是实现。controller只是中间传达信息的。

作者:bobo

MVC 中的 Controller(也叫 View Controller,视图控制者)的主要职责是管理和处理用户的输入,并根据用户在 View 上的输入、系统当前状态和任务的性质,挑选后台合适的一些 Model 对象(也叫领域对象 Domain Object)来处理相应的业务逻辑,并把经处理后的用户输入请求等信息传递给 Model 对象。View Controller 本身不应该负责一个应用程序中业务逻辑的计算。

作者:张恂老师

链接:https://www.zhihu.com/question/22886622/answer/48378638

来源:知乎

著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

下面是我自己的理解

我们用Model来处理数据 ,处理数据库和业务逻辑的部分,通俗的来理解就是做一些定义(预设),定义你这个函数改怎么处理,定义这个循环要怎么处理等等。用View来输出 ,用controller控制View中所渲染的内容。

所有引用的地方都注明了出处

本人简书链接:http://www.jianshu.com/p/ba2ea13c7f49


关于任务4的新方法 ,用面向对象 给每一个杀手或者平民设置状态对象;

var List = [];  //需要一个空的数组来装每个玩家状态的数组

for(i = 0 ; i < Nn.length; i++) //循环给每个玩家加状态

{

    List[i] = {}; //让每个玩家成为一个对象

    List[i].name = Nn[i];//name 匹配身份

    List[i].state = "alive"; //设置生死状态默认状态是生

    List[i].die = " "; //记录第几天死

//name,state,die三个属性可以自由赋值

}

console.log(List);

for (var i = 0; i < Nn.length; i++) {

    var box = "<div class='box'> " +

                    "<div class='box-top'>" +

                        "<div class='box-identify' id=hezi>"+

                           Nn[i]+

                        "</div>" +

                        "<div class='box-number'> "

                            + (i + 1) + "号" +

                        "</div>" +

                    "</div> " +

                "</div>";

    $(".A").append(box);

}

$(".food-but").click(function()

 {

    location.href="See.html"

 })

  

//输出的结果

(4) [Object, Object, Object, Object]0: Objectdie: " "name: "平民"state: "alive"__proto__: Object1: Objectdie: " "name: "杀手"state: "alive"__proto__: Object2: Objectdie: " "name: "平民"state: "alive"__proto__: Object3: Objectlength: 4__proto__: Array(0)


一看表才两点。但是我老了身体力不从心 也无法一口气上五楼了 留下的明天再写(对自己深深的愧疚)

明天计划的事情:做完任务4  回顾整个JS的任务。
遇到的问题:基础最为致命。。。赶紧要恶补啦!!!


返回列表 返回列表
评论

    分享到