產品介紹講義幻燈片1話述：首先自我介紹，以自己最擅長的方式介紹自己經過前面幾部分內容的學習，我們已經對appcan的各個知識點有了一定程度的認識，那么，到底這些知識點在項目開發中怎么樣應用呢？為了讓大家更好更系統的掌握appcan技術,接下來我們一起做一個完整的案例“我要搶座”，把以前各部分內容連接起來，進一步加深對各部分內容的理解，好，先來分析下案例，切到第二張PPT幻燈片2話述：(首先參考ppt流程圖講解案例流程)首先來看一下這個案例的功能，此案例將我公司PC端網站上的搶座欄目移動化，在手機端實現了搶座功能。首頁上有三個入口，分別是“首頁”，“會員中心”以及“更多”，“首頁”上首先顯示各大培訓城市列表信息，點擊各城市列表可進入“搶座”頁;進入“會員中心”頁面之后首先要登陸，登陸之前先注冊，注冊成功返回登陸頁面登陸，登陸成功跳轉到“搶座”頁面，并且登陸成功后可以分別進入“預約”頁面和“修改密碼”進行操作，進入“搶座”頁后，可單擊“搶座”圖標進行搶座。下面我們來演示一下這個案例的功能切到第三張PPT幻燈片3演示項目，演示過程中說明哪部分用了動態獲取，動態獲取需要后臺提供的接口，對照下面三張幻燈片接口進行說明，大家用的時候直接在以下這幾張幻燈片上復制需要的接口。切到第4張PPT幻燈片4講完此頁接口在項目中應用后切到第5張PPT幻燈片5講完此頁接口在項目中應用后切到第6張PPT幻燈片6講完此頁接口在項目中應用后話述：好，以上我們對這個案例的功能，流程以及要用的接口有了一個大致的了解，現在我們一起來完成這個項目，首先在官網上同步一個項目。切到第6張PPT幻燈片7話述：當然啦，沒有登陸的需要先登陸了，然后我們一起在官網上創建項目，并同步到本地。首先來看下此案例的幾個重要頁面的UI布局。切換到PPT8幻燈片8話述：首先我們來看界面布局，首頁部分上面是控件中的滑塊，然后是控件中的選項卡，下面用控件中的列表顯示城市信息，這塊主要采用控件中的內容;底部欄“footer”部分用DIV+CSS進行頁面布局;“搶座”頁面可以用模板，也可以全部自己定義，用模板也需自己重新布局，DIV+CSS仍然很需要，因此，在UI部分我們需要掌握的知識點是：切換到PPT9幻燈片9話述：這部分內容的完成會讓我們系統的掌握模板，樣式，響應式布局以及控件的使用，然后看下功能部分需要掌握的內容：切換到PPT10幻燈片10看下主要頁面功能：單擊首頁各列表可跳轉到搶座頁面，搶座頁面要顯示當前是哪個城市的相關信息，如：地點，培訓時間，以及具體內容等等。因此，在功能部分需要掌握的內容為：切換到PPT11幻燈片11話述：首先頁面跳轉要用到appcan.window.open,然后多浮動窗口部分要用到appcan.frame.open,動態獲取用appcan.ajax，數據傳值用locStorage和publish等，這是這個項目非常重要也是最難的一部分內容。然后，案例還用了幾個常用插件。切換到PPT12幻燈片12話述：本案例用到了微信的分享功能，以及百度地圖功能。【講的時候切到PPT13】幻燈片13話述：常用插件的基本功能咱們appcan文檔里都有詳細介紹，有些插件難度比較大，方法比較多，需要用到哪個方法的時候還需要在文檔中詳細學習。各部分UI及更能完成之后，并且本地測試成功之后上傳提交到官網，然后官網打包，打包流程我們也在第二章詳細介紹過。【切到PPT14】幻燈片14話述：好，現在我們對“搶座”項目大概有些了解，接下來就進入最重