uni-app入門到實戰精通新聞資訊跨端項目視頻百度云
一、以項目驅動導向uni-app基礎入門精通與項目環境初始化(25課時)
1.1)新聞類APP與小程序跨端項目指導前言與技術棧介紹
1.2)新聞項目的多平臺演示與開發實現思路
1.3)使用原生的小程序工具了解與開發原生小程序的基本知識與入門
1.4)uniapp開發小程序的優勢
1.5)開發一個完整的小程序或APP需要掌握哪些uniapp核心知識
1.6)uniapp零基礎開發與入門與第一個應用程序環境搭建
1.7)基本語法的快速學習
1.8)模板的語法結構介紹與引用
1.9)后端數據或者是靜態數據的展示與綁定
1.10)對數據做相關條件滿足判斷
1.11)數據列表的循環遍歷渲染展示
1.12)組件化開發的引用與引入
1.13)uniapp中的各種組件化應用與不滿足需求的情況下自定義組件使用
1.14)代碼的編譯與語法的編譯通過
1.15)相關核心內容的生命周期解析
1.16)開始使用uniapp搭建完整的跨端新聞項目的整體環境
1.17)解讀一個完整項目的目錄結構
1.18)項目整體結構的詳細配置
1.19)unicloud的認識使用與開發
1.20)配置unicloud的控制臺與環境
1.21)云函數的引入介紹與使用
1.22)文件上傳或者圖片上傳到云端
圖一:項目驅動導向uni-app基礎入門精通與項目環境初始化
二、新聞資訊端首頁、標簽頁與搜索頁模塊化開發(28課時)
2.1)布局新聞端項目的首頁
2.2)自定義適應多端兼容的頭部導航欄
2.3)測試小程序端文字的字體大小與圖標的大小
2.4)布局首頁功能的選項卡
2.5)點擊動態切換選項卡與加載展示數據
2.6)前臺與后臺交互時封裝向后臺請求的數據格式
2.7)實現點擊選項卡完成內容的切換與聯動的特效
2.8)數據的懶加載與初始化的設置
2.9)實現當手動點擊選項卡時再加載數據
2.10)實現滾動條下拉與上滑數據的加載特效
2.11)布局首頁端的各種菜單與收藏相關按鈕
2.12)布局新聞端的搜索頁與搜索框
2.13)點擊搜索按鈕實現搜索查詢與展示
2.14)首頁中布局新聞類目的標簽頁
2.15)標簽頁的數據更新與同步
圖二:新聞資訊端首頁、標簽頁與搜索頁模塊化開發課程詳情
三、新聞資訊詳情與關注設計實戰(22課時)
3.1)布局新聞展示的詳情頁模塊開發
3.2)詳情頁的頁面加載新聞標題與新聞數據
3.3)對新聞標題與新聞文字的格式與樣式渲染
3.4)新聞底部評論框的布局與設計
3.5)各個用戶各個層級的評價內容讀取與展現
3.6)實現對新聞作者的關注與收藏
3.7)新聞詳情頁面的點贊、關注收藏與轉發
3.8)讀取和查詢某個用戶收藏的文章
3.9)讀取和查詢某個用戶關注的作者
圖三:新聞資訊詳情與關注設計實戰課程詳情
四、個人中心開發與uniapp小程序性能優化打包部署上線
4.1)開發與布局小程序的用戶管理與用戶中心模塊
4.2)后端讀取用戶的賬號信息、昵稱信息以及個人數據信息
4.3)實現意見反饋問題反饋模塊布局
4.4)添加意見反饋時實現文件或者圖片的上傳
4.5)uniapp新聞小程序在多端平臺進行測試
4.6)對每個平臺瀏覽體驗進行調優與優化
4.7)不斷的修改與兼容各個平臺
4.8)代碼完善與項目的多端部署
4.9)小程序端的審核發布規則介紹
4.10)審核成功后成功上線與部署小程序
4.11)分別打包與部署H5端和APP端的新聞小程序上線
4.12)相關課程完善總結
圖四:個人中心開發與uniapp小程序性能優化打包部署上線
圖五:uniapp新聞小程序首頁界面演示