RN講解 知識回顧（二）

View：承載佈局，樣式，和事件交互邏輯
Controller:承載邏輯和視圖,簡單的佈局主軸方向和排列
Model:XXXManager,封裝數據操作，為上層容器組件提供數據，和功能

Nodejs環境，後臺通過API(application public interface)介面暴露服務
Web框架：express,處理API請求
ORM：Sequelize，操作資料庫的封裝，以對象形式操作資料庫
資料庫：MySql,數據基礎支撐，所有系統中的數據





數據從資料庫到頁面展示給用戶
用戶將數據從頁面提交到資料庫



/*
const a = {
    name:'Tom',
}
console.log(a);

const action = (a)=>{
    a.name = "xxx";
}
console.log(a);

function f1(a,action){
    action(a);
}

console.log(a);

f1(a,action);


console.log(a);
*/
//callBack(result,message);


// function test(b,a){
//     log(a);
//     log(b);
// }
// const a = 0;
// const b = 1;
// test(a,b);
// {
//     let x = a;
//     let y = b;
// }



/*
function test(a){
    a.name = "xxx";
}

cosnt p = {
    name:'Tom',
}

//test(p);
{
    //淺複製
    let a = p;
    a.name = "xxx";
}

console.log(p);

*/

/*
function test(b){
    b = 10;
    return b;
}
{
    let a = 1;

    //函數實參到形參
    //函數實參，在函數調用是傳入的變數
    //函數形參，在函數定義是定義的變數
    //函數調用，本質一個賦值過程，
    //形參 = 實參，把實參的值付給形參
    const s = test(a);
    //函數調用本質
    // {
    //     //實參形參賦值過程
    //     let b = a;

    //     //函數體語句
    //     b = 10;
    //     s = b;
    // }
    log(s)
    console.log(a);
}

let a = 1;
let b;
//深複製，值傳遞
b = a;
b = 10;
log(a);
*/
// A = B
// B = C

// A = C



// let a = 1;
// {
//     let a;
//     a = 2;
// }
// console.log(a);

//年級有一個叫 小明同學
//在A班內喊小明


//A班裡面有一個叫 小明同學
//B班裡面有一個叫 小明同學

//喊小明
//在A班內喊小明
//
//
//
//
//


1,用函數去封裝一件事
2，用函數去作為一件事的變數

//求兩個數的和
function(x,y){
    return x+y;
}

//做一件沒有輸入參數沒有返回值的事
function(Action){
    Action();
}

const a = ()=>{
    log('a');
}

function(a);

WeiboManager
//當獲取微博成功之後，需要做一件事，這件事有一個輸入參數weibos，沒有返回值
getWeibos(callBack){
    callBack(weibos);
}

//當getxxx完成之後，需要做一件事，這件事有一個返回值，沒有輸入參數
getXXX(callBack){
    const s = callBack();
    log(s);
}

MainView
import weiboManager

componentDidMount(){

    //使用MVC開發模式

    weiboManager.getWeibos((weibos)=>{
        this.setState({
            dataSource:this.state.dataSource.cloneWithRows(weibos),
        })
    });

    //函數實參到形參的賦值過程
    callBack = (weibos)=>{
        this.setState({
            dataSource:this.state.dataSource.cloneWithRows(weibos),
        })
    }

    function(a){
        a = 10;
    }
    let a = 1;
    function(a);
    log(a);


    /***********/
    //不適用MVC

    fetch(url)
    .then((response)=>response.json())
    .then((jsonData)=>{
        const weibos = jsonData.statues;

        this.setState({
            dataSource:this.state.dataSource.cloneWithRows(weibos),
        })
    })


}