視圖（view），MVC中的V，主要用于處理與用戶之間的交互。
在我們學(xué)習(xí)的項目中，實現(xiàn)圖片交換功能里的視圖最基本要實現(xiàn)的功能主要表現(xiàn)在兩個方面：
- 圖片列表頁
- 圖片詳情頁
視圖部分的所有代碼都是圍繞這兩個方面來展開的。
第一個要記住的地方，用 evergrow 腳手架生成視圖的四個基本文件：
Screen Shot 2017-07-04 at 4.51.05 PM.png
四個基本文件有兩個~.html文件布局在view里，兩個.js文件布局在public里。
同時，在瀏覽器里直接輸入http://localhost:3000/image/page/list
就可看到默認(rèn)的表格視圖。
第二個要記住的，是這里的視圖模板是通過模板引擎來調(diào)用的，在 image-controller.js里有體現(xiàn)，如下：
Screen Shot 2017-07-31 at 5.42.00 PM.png
在evergrow框架中，使用模板引擎的配置在
/system/server-manager.js 文件中，
Screen Shot 2017-07-31 at 5.50.05 PM.png
第三點要記住的，JavaScript, Html, Css 是前端開發(fā)最基礎(chǔ)的工具，JavaScript是用來編寫前端程序的腳本語言，Html語言強調(diào)的是頁面布局，Css強調(diào)的是頁面渲染。
同時，一鍵生成的四個文件中，還會用到這兩個工具：
- Vue.js
- jQuery
雖然不懂，但看明白他倆都是為了前端呈現(xiàn)的頁面更好看，更靈活，更生動而存在的補充工具或庫。
最后，跟著教程走完，掉進(jìn)的坑有：
1, 在表格上添加了 gender 和 url 兩列數(shù)據(jù)，發(fā)現(xiàn)添加的兩列數(shù)據(jù)放在了表格的末尾，代碼添錯了位置，再將代碼挪到了頂部，結(jié)果才正常
Screen Shot 2017-07-31 at 4.33.13 PM.png
Screen Shot 2017-08-01 at 7.18.20 AM.png
2, 修改下拉菜單里的彈窗內(nèi)容后，彈窗內(nèi)容還是默認(rèn)內(nèi)容，修改的部分卻在頁面表格下方體現(xiàn)了出來，試了很多次，知道是代碼放的位置不對，最后試出來了，但格式感覺還是與教程有點差別，不知是哪里的原因了。
Screen Shot 2017-08-01 at 11.02.32 AM.png
Screen Shot 2017-08-01 at 11.03.12 AM.png
修改profile里的東西我還真不會，再多看看代碼先。
