1.項目結構：
-----view
-----controller
-----service 公共方法的使用,主要封裝一些常用api，面向於方法
----model
2.完成項目流程是什麼？
a:企業中項目實現流程
①：實際的問題導致了需求產生
②：企業核心技術（CTO 首席技術執行官）負責人或者產品（PM productmanager）對需求採取更深分析（CTO--找產品部門溝通）。
③：產品：得到需求（輸入），輸出：設計產品的草圖（關於產品的構想）和原型（比草圖更細緻，具體哪點怎麼放置放在哪裏這種），以及交互設計（設計 整個項目的顏色搭配，每個按鈕擺放位置的意義，以及用戶習慣性操作心理，規劃設計原則是什麼樣的，確定給誰用，怎麼用，怎麼樣好用，隔三差五改需求）
④：產品和UI進行交互：UI----->具體的實現設計圖，設計圖最好方式：將切換時候圖的變化都能體現在設計圖
⑤：UI設計好圖以後和產品之間有很多次會議，review meeting UI和產品再交涉，設計出來具體東西和產品想法是否一樣。UI接受產品見解進行修改，直到產品沒有意見的時候，UI輸出具體設計圖。 UI 用Email形式羣發給所有人，抄送給PM，boss
⑥：各個項目組進行開發：
----backend (後臺，服務端 -- 系統應用支撐，數據結構，對外提供的webservice(用restful方式webservice)【restful前後端獨立分開，一種標準，各不依賴】之間通過webservice串接)
----ios
----android
----fe(前端或者叫h5) 與服務端協作
(1).設計師最主要的。設計前後端交互的文檔
請求地址：url:www.goole.com/rest/api/mt/login
請求類型： method:post
參數列表：param：{username:'admin',password:'12345'} | username=admin&password=12345
返回結果：{username:'',timestrap:'',roleId:'加密hash碼'，userImg:'頭像'，info:{}}
這樣做的原因：
a:前端是服務端用戶 前端可以向服務端定製webservice
b:服務端按照前端所定製的規範進行開發，前端按照自己定製的json進行模擬運行，只要服務端那邊一開發完畢，我們只要將指向本地模擬的service地址換成服務端，兩端數據無縫串接。
規範：restful標準(前後端完全獨立)
(2).設計前端項目結構
I：項目架構設計---解決數據流向
數據綁定角度：
MVVM 跟當前採取的技術方案是有關係的
MVC 跟當前採取的技術方案是有關係的
及時的數據顯示和處理 websocket
II：項目目錄結構
結構設計：
1.結構設計簡潔明瞭（嵌套不超過3層以上）
2.注意分類
----按照類別進行劃分
----按照功能（MVC）
----可維護，協同開發更加方便
⑦：1.按次數、天數 提交 | 代碼交付 code 交付到公司代碼服務器裏面
2.項目經理（ code review）按照代碼規範一書進行代碼檢查，看規範不
規範：
（1）.註釋描述精確
（2）.方法命名，英文，見名知意，語義化
（3）.變量命名規則 語義化 常量命名 大寫
（4）.邏輯和性能
3.測試人員對你的代碼和案例（use case | 用例）進行測試
bug---->bug寫好 doc格式 ---->email----->傳送給程序員改
⑧：build和上線
webapp:每個公司都有做build的，build將webapp代碼打包maven託管，上傳到服務器 啓動 公佈地址
混合app：iOS 申請apple develop key $99 經過app store驗證
安卓 申請安卓開發者key ,
工具：phonegap cordova,dcloud(hbuild),apicoud (都是打包工具)
b:當前項目實現流程是什麼？
1：排版好頁面，綁定好數據
2.當前項目難點：
a:詳情裏面打開地圖
b:進行支付
c:頁面切換和跳轉
3.根據項目流程實現基本內容
1.首頁
I:確定首頁結構,實現路由跳轉功能，導入js以及一些css庫，首頁環境搭建起來
II:劃分項目模塊：node_modules 以及 webpack.config.js實現模塊化
a：
控制器 controller.js
model model.js
service service.js
入口文件 app.js
分頁：下拉刷新（分頁）
每次下拉，請求一次數據，將得到數據填充在頁面中
數據20條 /3 分成7頁
pageIndex,每頁的數據量（pageSize）,顯示數據下標
1 3 0-2
2 3 3-5
3 3 6-8
上限：【 ( pageIndex-1 )*pageSize 】
下限：【 pageIndex *pageSize -1】
2.我的
3.附近
解決問題：1.解決下拉刷新問題
切換以後回來，列表不顯示
寫在路由控制器裏面
2.點擊詳情，做詳情顯示
3.打開高德地圖
ngRoute頁面傳值步驟
1.view 中進行編寫路徑的時候將值放到路由路徑後面 href="#/deatil/1234||{{ }}"
2.路由配置裏面獲取動態傳入參數（除了動態參數，攔截當前請求地址）
//when('/detail/:id')在when裏面 通過冒號 給傳入數據設置別名
3.傳遞的數據被路由處理了並且放在內置服務$routeParams,根據在路由配置裏面起的別名 將轉換成對象，獲取值，直接在deatil控制器裏面
.controller('detail',function($scope,$routeParams){
//$routeParams.id $routeParams.name //紅色部分要相同
})
按照id查詢詳情：
1.全部讀取 存到本地 數據流龐大 造成本地內存佔用
2.在另一個頁面得到id發送ajax請求
地圖：
混合開發&webapp 調用地圖api常見：
1.高德地圖
2.百度地圖
如何使用
1.進入百度&高德官方平臺，申請高德或是是百度開發者key
2.參考給的demo 找準你要使用api接口，直接放在你當前頁面
做項目的時候對於功能
①：將基本功能先實現，比如頁面排布，操作邏輯
②：將未知信息集成到當前項目裏面
高德地圖KEY：5f4f42f40******80e8bc6b631f2
高德地圖使用步驟：
1.登錄註冊
2.點擊控制檯，點擊創建應用，創建key,key很重要，項目中會用到
3.找到開發者API
4.選擇示例中心，找到自己想要的接口
支付 是一個複雜的過程
1.涉及銀行業務；普通用戶 開通網銀-------> 支付寶（支付平臺）------>網銀扣款
流程：用戶webservice請求支付接口（支付賬戶），支付密碼 ，支付金額
|
（渠道）公司自己和支付寶進行驗證或者簽證，簽證時間
|
支付寶
|
|
付款信息----哪個銀行---對接銀行api---銀行卡里面把錢扣除
2.支付接口API由服務端提供：
參數具體描述：
post
參數?cardId , password,密碼,金額 money
傳送符合參數規格
method:表示請求類型
action:表示請求地址
multiple:文件上傳規定
form 進行傳值的時候是 cardId , password,密碼,金額 money這樣類型的，在input中加入name屬性
