第8章實(shí)戰(zhàn)本章學(xué)時：理論4學(xué)時，實(shí)驗(yàn)8學(xué)時教學(xué)目標(biāo)能根據(jù)需求描述設(shè)計界面原型。能根據(jù)需求描述和界面原型設(shè)計數(shù)據(jù)庫。能夠根據(jù)界面原型開發(fā)靜態(tài)頁面，根據(jù)后端API接口開發(fā)頁面的功能。理解“工程”思維，能夠從軟件工程的角度來開發(fā)系統(tǒng)的功能。教學(xué)內(nèi)容、重點(diǎn)與難點(diǎn)教學(xué)內(nèi)容需求描述包括案例的需求描述和功能結(jié)構(gòu)圖。原型設(shè)計包括案例所涉及到的7個頁面的原型和相關(guān)功能。（3）數(shù)據(jù)庫表設(shè)計包括案例所涉及到的4張表。（4）項(xiàng)目初始化包括創(chuàng)建目錄、拷貝資源、導(dǎo)入uni-ui組件、封裝公共函數(shù)、系統(tǒng)的tabBar結(jié)構(gòu)等。（5）功能實(shí)現(xiàn)包括個人信息、登錄、注冊、主頁、博客文章詳情、我發(fā)表的博客和我收藏的博客等功能。以上內(nèi)容參見PPT。其中案例所用到的后端程序的搭建方法參見附錄6。建議：理論4個學(xué)時講解案例的需求、原型設(shè)計、數(shù)據(jù)庫表和項(xiàng)目初始化，選取一兩個功能做講解。實(shí)驗(yàn)8個學(xué)時則講解案例其余功能的實(shí)現(xiàn)。重點(diǎn)設(shè)計界面原型。難點(diǎn)根據(jù)后端API接口編寫頁面的動態(tài)功能。教學(xué)方式課堂結(jié)合PPT講解核心知識點(diǎn)，并配合適當(dāng)?shù)牟僮餮菔?。教學(xué)過程設(shè)計理論教學(xué)過程舊知復(fù)習(xí)新知講解需求描述通過PPT做簡要介紹。原型設(shè)計原型設(shè)計工具設(shè)計原型界面數(shù)據(jù)庫表設(shè)計(1) 數(shù)據(jù)庫設(shè)計范式(2) 數(shù)據(jù)庫E-R圖(3) 數(shù)據(jù)庫邏輯設(shè)計項(xiàng)目初始化這部分內(nèi)容比較基礎(chǔ)，以簡介加操作演示的方式講解。功能實(shí)現(xiàn)實(shí)驗(yàn)教學(xué)過程案例這個案例的功能比較多，可以按以下過程指導(dǎo)學(xué)生完成功能的開發(fā)。學(xué)會通過swagger查看后端的API接口。個人信息(1) 編寫顯示頭像和個人信息的功能。(2) 編寫查看“我的博文”功能。(3) 編寫退出登錄功能。這個頁面的要點(diǎn)在于引入之前所編寫工具函數(shù)，對用戶的登錄狀態(tài)做判斷，然后再展示用戶信息。這個知識點(diǎn)以代碼演示的方式講解，而后學(xué)生根據(jù)實(shí)驗(yàn)指導(dǎo)材料動手操作，在此過程教師回答學(xué)生提出的問題，解決所遇到的bug。開發(fā)首頁完成首頁顯示博文列表的功能，并實(shí)現(xiàn)下拉刷新。通過swagger頁面查看后端提供給前端的API接口。g.封裝公共函數(shù)(1) 編寫判斷用戶是否登錄的函數(shù)(2) 編寫用戶退出的函數(shù)h.開發(fā)登錄后的個人中心頁面i.開發(fā)博文詳情頁面的收藏和點(diǎn)贊功能(1)在頁面剛加載時，要對瀏覽量加1，要判斷用戶是否登錄，并進(jìn)而判斷是否點(diǎn)贊或收藏該篇博文。(2)在用戶點(diǎn)贊博文時要判斷用戶是否登錄，未登錄則提示登錄后點(diǎn)贊；已登錄要切換點(diǎn)贊狀態(tài)。這是重點(diǎn)和難點(diǎn)。這個頁面的功能是系統(tǒng)中最為復(fù)雜的一個，涉及到比較多的流程判斷，代碼量