1、企業(yè)級卓越人才培養(yǎng)（信息類專業(yè)集群） 01 學習目標 02 學習路徑 03 任務描述 04 任務技能 05 任務實施 06 任務總結(jié)01 01 學習目標學習目標 學習目標學習目標010203了解登錄功能的實現(xiàn)流程學習Ionic項目的基本結(jié)構(gòu)掌握Ionic項目的創(chuàng)建學習目標 通過Dancer時代登錄模塊的實現(xiàn)，了解登錄功能的實現(xiàn)流程，學習Ionic框架的優(yōu)缺點，掌握Ionic所需軟件的安裝及環(huán)境的配置，具有解決登錄驗證的實現(xiàn)過程中出現(xiàn)問題的能力。04具有解決登錄驗證的實現(xiàn)過程中出現(xiàn)問題的能力企業(yè)級卓越人才培養(yǎng)（信息類專業(yè)集群）02 02 學習路徑學習路徑 學習路徑學習路徑企業(yè)級卓越人才培養(yǎng)（信息

2、類專業(yè)集群）03 03 任務描述任務描述 01 情境導入 02 功能描述03 基本框架 04 開發(fā)環(huán)境 任務描述任務描述企業(yè)級卓越人才培養(yǎng)（信息類專業(yè)集群） 情境導入情境導入在這個衣食無憂，科技發(fā)達的時代，越來越多的人開始追求精神上的需求，而舞蹈正是滿足大眾需求的一種文化形式。經(jīng)過討論，項目負責人Richard和他的開發(fā)團隊決定開發(fā)一款手機軟件，讓更多的人在學習舞蹈的同時也可以了解舞蹈中蘊含的文化。Richard等人將該軟件命名為：“Dancer時代”。Dancer時代主要包括五個模塊，分別為：登錄、首頁、上傳、分享、我的。本模塊主要通過實現(xiàn)Dancer時代的登錄功能了解Ionic的基礎知識和

3、基本的項目結(jié)構(gòu)。企業(yè)級卓越人才培養(yǎng)（信息類專業(yè)集群） 功能描述功能描述使用Ionic輪播組件實現(xiàn)輪播圖效果 01 02 03 04使用路由進行頁面的跳轉(zhuǎn)使用輸入框組件實現(xiàn)輸入框的樣式使用ngModel進行數(shù)據(jù)的雙向綁定企業(yè)級卓越人才培養(yǎng)（信息類專業(yè)集群） 基本框架基本框架企業(yè)級卓越人才培養(yǎng)（信息類專業(yè)集群）04 04 任務技能任務技能010203任務技能跨平臺移動開發(fā)框架Ionic環(huán)境配置Ionic項目結(jié)構(gòu)跨平臺移動開發(fā)框架簡介1跨平臺移動開發(fā)框架2跨平臺移動開發(fā)框架選擇3跨平臺移動開發(fā)框架是一種在不依賴操作系統(tǒng)和不依賴硬件環(huán)境的情況下，通過打包工具適配輸出可以在多種移動操作系統(tǒng)上運行的開發(fā)框

4、架。它具有減少軟件開發(fā)、維護的費用，提高軟件使用時間的特點標準化、開發(fā)資源豐富是跨平臺移動開發(fā)最大的優(yōu)點，第三方框架工具（Cordova等）為其提供方便的跨平臺應用打包/發(fā)布服務、實用的API、靈活的擴展機制、以及積累下來的豐富的第三方API實現(xiàn)。 跨平臺移動開發(fā)框架跨平臺移動開發(fā)框架在對跨平臺移動開發(fā)框架進行初步的了解后，從項目開發(fā)的角度看，使用Ionic框架可以有效利用Angular的特性，極大的提供HTML5應用開發(fā)效率、質(zhì)量、模塊化程度。使用Ionic開發(fā)，相比較其他框架代碼量減少，開發(fā)速度提高。企業(yè)級卓越人才培養(yǎng)（信息類專業(yè)集群）Ionic基本環(huán)境安裝1在Window下打包APK2在

5、Apple OSX下的打包APK3（1） 安裝JDK （2） 安裝SDK（1） 安裝Xcode （2）運行APP（3）在SDK中打開項目 Ionic環(huán)境配置環(huán)境配置企業(yè)級卓越人才培養(yǎng)（信息類專業(yè)集群）（1） 安裝Node.js （2） 安裝Ionic（3） 安裝cordova（4） 創(chuàng)建簡單的ionic項目建設制造強國121、node_modules文件夾是Ionic項目中Node各類依賴包 2、platform文件夾是項目打包APK時需要的文件夾，打包完成后會自動生成在該文件夾下。3、plugins文件夾中是項目中所需的cordova插件 4、src文件夾中是項目最重要的文件夾，主要用來編輯

6、和配置顯示的內(nèi)容。頁面跳轉(zhuǎn)功能:（1）創(chuàng)建頁面（2）頁面配置（3）在新界面取值 Ionic項目結(jié)構(gòu)項目結(jié)構(gòu)Ionic項目結(jié)構(gòu)Ionic 案例企業(yè)級卓越人才培養(yǎng)（信息類專業(yè)集群）05 05 任務實施任務實施輸入標題輸入標題輸入標題第一步：打開命令行，進入想要創(chuàng)建項目的目錄下，運行ionic start myapp blank -v2創(chuàng)建一個有一個界面的項目第二步：創(chuàng)建登錄首界面并進行頁面制作第三步：創(chuàng)建登錄界面，進行登錄首界面跳轉(zhuǎn)到登錄界面第四步：進行登錄界面制作點擊輸入說明文字點擊輸入說明文字點擊輸入說明文字 任務實施任務實施企業(yè)級卓越人才培養(yǎng)（信息類專業(yè)集群）06 06 任務總結(jié)任務總結(jié)任務技能任務技能任務實施任務實施任務任務總結(jié)總結(jié)任務描述任務描述 本項目通過Dancer時代登錄模塊的學習，能夠?qū)缙脚_開發(fā)技術(shù)的介紹及特性有所認識，對Ionic環(huán)境搭建及APK打包具有初步了解并能夠安裝Ionic插件，同時能夠掌握Ionic的項目結(jié)構(gòu)及應用Ionic創(chuàng)建界面的本事。 任務總結(jié)任務總結(jié)企業(yè)級卓越人才培養(yǎng)（信息類專業(yè)集群）謝謝觀賞PPT模板下載： 行業(yè)PP