MVC中的M(model)、MVC總結

zombieda 發布于2019-08-23 11:00 / 2062人閱讀

摘要：中的總結封裝重點明白的封裝這篇博客的源代碼是我的正在寫的在線簡歷博客是繼上一篇寫的完整代碼項目暫未完成預覽地址在本地預覽項目的時候用的將代碼變得有結構與將的代碼封裝為模式先分離和讓代碼看上去有條理修改后的結構完整代碼操縱數據的模塊是操縱數

MVC中的M(model)、MVC總結 MVC封裝message.js(重點明白M的封裝)

這篇博客的源代碼是我的正在寫的在線簡歷,博客是繼上一篇寫的
完整代碼(項目暫未完成)
預覽地址

在本地預覽項目的時候用的http-server
將代碼變得有結構

V與C

將message.js的代碼封裝為MVC模式,
先分離V和C,讓代碼看上去有條理
修改后的結構:

完整代碼message.js

M(model)操縱數據的模塊

model是操縱數據的模塊,所以將LeanCloud封裝為操作數據的對象.將初始化和操縱數據的方法封裝在model里:

fetch()和save()返回promise,以便后面的controller調用

剩下部分的結構修改如下:

將view和model傳入controller,對其操作

在controller中添加并初始化model

使用model里操縱數據的函數(fetch和save),并對返回的promise使用.then()繼續寫成功和失敗后的代碼

controller在調用fetch()和 save()并接受到返回的Promise之后就可以直接去寫異步代碼,可以寫成功之后和失敗之后要做的事.

操縱數據交給model,之后成功或失敗處理,交給controller.在返回的Promise在后面then就好了.至于是成功還是失敗,就要看model層的返回信息了

message.js分離MVC中的M完整代碼

MVC總結

MVC就是把代碼分為三塊

V(view)只負責看得見的東西.

M(model)只負責跟數據相關的操作,不會出現DOM,不會出現任何的html/css操作.例如model里只會有初始化數據庫,獲取數據方法fetch(),保存數據的方法save()

C(controller)只負責把這些view和model組合起來,找到view,找到model,使用model完成數據修改業務,并修改view的顯示

V:視圖
M:數據
C:控制器

MVC是一種代碼組織形式,不是任何一種框架,也不是任何一種技術,只是組織代碼的思想,要做的就是V和M傳給C,C去統籌

至于M,V,C是對象還是類,都不重要.在js里,MVC分別由三個對象去擔任三個職責

MVC的邏輯順序(綠色字)

model專門專注對于server(服務器上的數據庫)的訪問

GPU云服務器云服務器 mvc中的aspx MVC? mvc?? MVC

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/96900.html

JS面向對象一:m>MVCm>的面向對象封裝

摘要：自己的理解的第一個參數就是的值如果沒用默認是那個調用函數的當前的對象在全局作用域中就是被隱藏的所以不寫且在全局作用于調用函數的時候就是可以使用或者自己指定的指向 JS面向對象一:MVC的面向對象封裝 MDNjavascript面向對象面向對象(Object-Oriented) showImg(https://segmentfault.com/img/remote/1460000016...

Scliang 2019-08-26 12:16 評論0 收藏0
JS題目總結:原型鏈/new/json/m>MVCm>/Promise

摘要：數據管理，包括數據邏輯數據請求數據存儲等功能。負責處理的事件，并更新也負責監聽的變化，并更新，控制其他的所有流程。上面代碼就是一個最簡單的類，構造函數創建出來的對象自身有屬性，其原型上面有一個屬性。 JS題目總結:原型鏈/new/json/MVC/Promise 1原型鏈相關 showImg(https://segmentfault.com/img/remote/14600000161...

biaoxiaoduan 2019-08-26 12:18 評論0 收藏0
關于m>MVCm>/P 的簡單介紹

摘要：模式的核心是為了將模型從視圖控制器中分離出來，從而使得模型獨立于它們，因此模型不包含對視圖和控制的引用。寫在最前面的那些話相信對于大多數小白來說,關于MVP、MVC設計模式肯定是聽過也看到過很多次了,也許也有過一些簡單了解,但關于TA的具體概念,如何使用以及具體應用等都毫無所知,所以本著許多小伙伴一看到mvp、mvc就一臉懵逼的表情(當然也包括本人了⊙▽⊙)#),最近上手一個基于m...

snowLu 2019-08-15 15:31 評論0 收藏0
談談前端m>MVCm>、MVVM設計模式

摘要：模式的目的是實現動態的程序設計，簡化程序后續的修改和擴展過程，并且使模塊能夠被重復利用。視圖的可視化表示，表示當前狀態的視圖。出現于年，最大變化在于代替了。其關鍵改進是數據綁定，也就是說，的數據狀態發生變化可以直接影響，反之亦然。 MV模式的目的是實現動態的程序設計，簡化程序后續的修改和擴展過程，并且使模塊能夠被重復利用。此模式通過簡化程序使之變得更為直觀。MV不是一種技術，而是一種...

yeyan1996 2019-08-26 10:12 評論0 收藏0
m>MVCm>,MVP,MVVM淺析

摘要：的模式之間不同主要是與的數據傳遞的流程不同。所以無論是復雜化簡單化還是修改流程，基本都是因為技術棧變化了對應做的調整。實例實際項目往往采用更靈活的方式，以為例。用戶可以向發送指令事件，再由直接要求改變狀態。與不發生聯系，都通過傳遞。概述 M -V- X 本質都是一樣的重點還是在于M-V 的橋梁要靠 X來牽線。 X的模式之間不同主要是 M與V 的數據傳遞的流程不同。數據傳遞的流程不...

Vultr 2019-08-22 10:36 評論0 收藏0