1. 程式人生 > >SpringBoot 仿抖音短視訊小程式開發 全棧式實戰專案分享

SpringBoot 仿抖音短視訊小程式開發 全棧式實戰專案分享

第1章 千呼萬喚史出來,微信小程式的簡要學習 對微信小程式的大致介紹,如何註冊,如何執行第一個demo。並且對微信小程式的基本框架了解並學習,頁面元件是如何構成的 1-1 微信小程式簡介 1-2 微信小程式的簡要註冊流程 1-3 微信開發者工具helloworld 1-4 執行微信官方的demo演示 1-5 公有目錄與私有目錄的工程結構瞭解 1-6 手寫屬於自己的第一個demo 1-7 wxss樣式檔案的使用 1-8 小程式預設載入的頁面 1-9 小程式app的生命週期 1-10 小程式中如何除錯js檔案 1-11 私有頁面的生命週期以及導航 1-12 小程式的事件 1-13 小程式抽離公用方法進行模組化 1-14 檢視層 - 細說資料繫結 1-15 檢視層 - 細說列表渲染 1-16 檢視層 - wx:key列表高階特性 1-17 檢視層 - 細說條件渲染與條件懶載入模式 1-18 小程式頁面通用模板的使用 1-19 wxs模組講解1 - 頁面引用 1-20 wxs模組講解2 - 模組呼叫模組 1-21 小程式模板在外部頁面引用 1-22 頁面引用外部wxml通用頁面 第2章 微信小程式的基礎元件學習 如何使用flex佈局的,針對view檢視元件,常用的基礎元件進行學習與講解 2-1 小程式的flex佈局 2-2 flex-direction 講解 2-3 flex-wrap 講解 2-4 justify-content 講解 2-5 flex成員元素的樣式設定 2-6 小程式的元件介紹 2-7 檢視元件 view 2-8 scroll-view 可滾動檢視 縱向 2-9 scroll-view 可滾動檢視 橫向 2-10 swiper 輪播圖示例 2-11 可拖動view 2-12 作業 - 可縮放view 2-13 基礎元件 - icon 2-14 基礎元件 - text 2-15 基礎元件 - rich-text 富文字 2-16 基礎元件 - progress 第3章 form表單元件與小程式前後端通訊 講解小程式的表單元件以及如何與後端通訊,如何內網穿透 3-1 form 元件 - button的使用 3-2 form 元件 - checkbox與lable 3-3 form的提交和重置 3-4 form 元件 - input文字框(上) 3-5 form 元件 - input文字框(下) 3-6 form元件 - picker普通選擇器 3-7 form元件 - picker多列選擇器 3-8 作業:picker時間日期城市選擇器 3-9 form元件 - picker-view 3-10 form元件 - radio單選框 3-11 form元件 - slider滑動選擇器 3-12 form元件 - swich開關 3-13 form元件小練習 3-14 導航標籤與傳值 3-15 image圖片元件 3-16 小程式與後端通訊 - 內網穿透 3-17 小程式與後端通訊 - wx.request使用 第4章 產品介紹與資料庫設計介紹 對專案做簡單的需求瞭解,對資料庫表設計進行講解 4-1 短視訊專案實戰功能演示與簡介 4-2 資料庫表結構介紹 第5章 開發使用者登入註冊與使用者資訊 在小程式端開發使用者註冊與登入以及個人資訊,包括基礎專案使用springboot分層搭建,mybatis逆向工程的使用,前後端聯調,圖片上傳,配置swagger等。 5-1 短視訊基礎專案初始化 5-2 使用者註冊頁面 5-3 Springboot聚合工程介紹 5-4 搭建Springboot分層專案 5-5 使用Springboot版mybatis逆向生成工具 5-6 開發註冊使用者的介面 5-7 swagger2的使用與介面測試 5-8 小程式註冊與後端聯調 5-9 作業:使用者登入 5-10 登入作業講解 5-11 wx.loading與頁面跳轉 5-12 有狀態會話與無狀態會話基本概念 5-13 安裝單機環境的redis 5-14 開發使用者redis-session 5-15 "我的"個人資訊頁面講解 5-16 開發登出介面 5-17 小程式登出與後端聯調 5-18 使用者頭像上傳介面 5-19 使用者上傳頭像聯調 5-20 上傳頭像後更新到資料庫 5-21 Springboot靜態資源配置,顯示圖片 5-22 小程式展示頭像以及手機端除錯 5-23 查詢使用者資訊介面 5-24 小程式個人資訊展示聯調 第6章 上傳視訊業務流程開發 這部分重點講解,主要涉及到上傳視訊,使用ffmpeg合併視訊與背景音樂,獲取視訊截圖 6-1 上傳短視訊業務流程講解 6-2 使用者選擇視訊 6-3 選擇背景音樂頁面講解 6-4 開發後臺bgm列表介面 6-5 bgm頁面聯調獲取背景音樂列表 6-6 開發上傳短視訊介面,完善swagger測試上傳 6-7 視訊臨時引數傳入下一個頁面 6-8 小程式端上傳短視訊聯調 6-9 ffmpeg介紹 6-10 ffmpeg的第一個例子 6-11 Java與ffmpeg的結合 6-12 ffmpeg操作視訊與bgm的結合 6-13 Java合併視音訊 6-14 小程式上傳視訊後呼叫視訊處理工具類聯調 6-15 儲存視訊資訊到資料庫 6-16 上傳封面圖儲存到資料庫 6-17 小程式端上傳視訊業務流程聯調 6-18 聯調手機端踩坑小程式 6-19 使用ffmpeg生成截圖 6-20 上傳視訊流程整合視訊截圖功能 6-21 小程式端與後臺聯調測試上傳流程 第7章 視訊展示頁開發 主要涉及開發視訊主頁列表展示,如何做分頁,視訊詳情頁展示視訊播放,講解視訊元件,開源搜尋框的使用,關注點贊使用者,舉報分享下載等。以及後端的攔截器講解。 7-1 小程式首頁視訊列表講解 7-2 編寫自定義mapper 7-3 視訊列表分頁查詢介面 7-4 首頁分頁前後端介面聯調 7-5 首頁視訊列表 - 上拉分頁 7-6 首頁視訊列表 - 下拉重新整理 7-7 視訊元件與api介紹 7-8 視訊展示頁開發1 - 視訊展示頁面 7-9 視訊展示頁開發2 - 圖示放置 7-10 開源搜尋視訊元件的使用,手機端演示 7-11 搜尋外掛快取講解 7-12 修改全域性使用者物件使用快取 7-13 查詢介面完善以及熱搜詞儲存 7-14 熱搜詞查詢介面開發 7-15 熱搜詞前後端聯調 7-16 搜尋功能整合首頁列表聯調 7-17 熱搜查詢聯調與視訊物件的播放與暫停 7-18 上傳視訊功能複用與測試 7-19 首頁進入視訊展示頁 7-20 橫向視訊的展示 7-21 小程式的頁面攔截 7-22 頁面重定向 7-23 攔截器配置與註冊 7-24 完善登入攔截並且限制使用者只能在一臺手機登入 7-25 前後端聯調測試攔截器 7-26 點贊與取消點贊後臺介面開發 7-27 點贊與取消點贊功能前後端聯調 7-28 進入視訊展示頁面查詢後端介面資訊 7-29 視訊展示頁面初始化聯調 7-30 檢視視訊釋出者資訊 7-31 關注與取消關注介面編寫 7-32 關注我前後端聯調 7-33 是否關注動態展示 7-34 關注我收尾工作 7-35 作品,收藏,關注 tab動態切換 7-36 作品,收藏,關注 程式碼講解 7-37 微信api選單操作 7-38 儲存舉報資訊介面講解 7-39 舉報前端開發與聯調 7-40 分享給好友或微信群 7-41 下載視訊到本地 第8章 開發視訊的留言板 主要對留言板進行開發,使用者留言後分頁顯示 8-1 儲存留言功能開發 8-2 查詢留言列表分頁介面 8-3 留言列表分頁前後端聯調 8-4 評論回覆sql設計與查詢 8-5 頁顯示回覆評論 8-6 評論回覆功能開發 第9章 開發短視訊後臺管理系統 使用ssm分層搭建後臺管理系統,開發使用者管理視訊管理舉報管理功能,重點會對bgm功能講解,會使用到zookeeper讓小程式後端所在的雲伺服器自動下載bgm 9-1 演示後臺管理系統,簡介頁面結構 9-2 搭建專案架構 - 構建parent工程 9-3 搭建專案架構 - 構建common, pojo, mapper和service工程 9-4 搭建專案架構 - 使用mybatis逆向工具生成檔案 9-5 搭建專案架構 - 搭建mng工程以及模板介紹 9-6 使用maven-tomcat7外掛執行web工程 9-7 登入、登出、攔截器 程式碼講解 9-8 上傳介面講解 9-9 非同步上傳JS編寫聯調 9-10 tomcat虛擬目錄配置與音樂播放 9-11 儲存背景音樂bgm到資料庫 9-12 jqgrid講解與bgm列表介面開發 9-13 bgm列表前後端聯調與jgqrid物件封裝 9-14 自定義列以及刪除BGM 9-15 zookeeper簡介 9-16 JDK的安裝 9-17 zookeeper下載、安裝以及配置環境變數 9-18 zookeeper客戶端的介紹 9-19 zookeeper模型,節點的CRUD操作 9-20 springmvc與zk curator整合 9-21 curator與springmvc整合除錯與測試 9-22 新增與刪除bgm寫入znode 9-23 springboot與zk curator整合 9-24 消費端監聽事件以及觸發測試 9-25 監聽zk節點下載bgm 9-26 監聽zk節點刪除bgm 9-27 資源地址使用屬性檔案統一配置 9-28 使用者列表資訊查詢 9-29 舉報管理 第10章 專案上線與釋出 主要涉及到兩臺伺服器上進行部署,分別對windows以及linux服務做服務的配置與上線,並且最終對小程式後臺配置https 10-1 購買騰訊雲伺服器 10-2 初識雲伺服器,安裝teamviewer 10-3 安裝ffmpeg以及JDK 10-4 安裝tomcat,配置安全組 10-5 域名註冊備案解析講解 10-6 ssl證書購買和HTTPS配置 10-7 安裝MariaDB,匯入sql指令碼 10-8 linux雲伺服器 - 安裝JDK環境 10-9 linux雲伺服器 - 安裝tomcat 10-10 linux雲伺服器 - 安裝redis 10-11 linux雲伺服器 - 安裝zookeeper 10-12 部署springboot到雲伺服器 10-13 部署短視訊admin管理後臺 10-14 linux雲伺服器中文亂碼配置 10-15 小程式上線稽核流程講解 10-16 課程總結,揮淚再會

下載地址:百度網盤