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

2018年最全 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 課程總結,揮淚再會
 

 

下載地址:百度網盤