微信小程式專案實戰【一】
花了一週零零散散的時間動手做了一個視訊播放的小程式,主要功能如下
>視訊播放
>論壇
>轉發
>收藏
這裡面數據不是測試資料而是真實資料,資料儲存主要使用的是最近前段時間出雲開發中的雲資料庫
眼見為實,耳聽為虛,下面展示下效果
以上是專案效果演示接下來的幾篇文章將會為大家詳細介紹每個功能模組以及如何使用雲開發。
原始碼已經上傳,需要原始碼的可以在文章左上角關注我的公眾號在裡面回覆:微信小程式
相關推薦
微信小程式專案實戰【一】
花了一週零零散散的時間動手做了一個視訊播放的小程式,主要功能如下 >視訊播放 >論壇 >轉發 >收藏 這裡面數據不是測試資料而是真實資料,資料儲存主要使用的是最近前段時間出雲開發中的雲資料庫 眼見為實,耳聽為虛,下面展示下效果 以上是專案
微信小程式專案實戰【二】-------實現授權登入
這節的內容主要根據專案中的功能模組做一個詳細的講解,專案結構圖如下 【授權登入效果圖展示】 點選授權登入切換到這個介面 【解析】 對於現在大多數小程式都需要一個授權登
微信小程式專案實戰【二】-------實現視訊列表展示
這一節我們主要介紹下如何實現視訊列表展示,這裡展示的資料是從雲資料庫裡面獲取顯示到介面上的。 【效果展示】 【分析】 我們通過授權登入之後跳轉到這個介面之後就可以看到我們自己資料庫中所需要顯示的視訊,這裡我們使用block標籤以及wx:for來實現遍歷我們需要顯示的
微信小程式專案實戰【四】------實現評論+轉發+收藏
上一節我們實現了視訊列表展示,接下啦我們需要在上一節的基礎之上繼續詳細解釋下當我們點選相應的視訊列表圖片我們可以跳轉到相應的視訊播放介面以及顯示當前評論訊息。效果展示如下 點選評論按鈕跳轉到評論介面 【解析】 通過上面的效果圖可知我們要實現這個效果首先要明白我們的資料
用Jmeter做微信小程式專案介面測試【案例】
公司新專案組開發一款微信小程式電商平臺,為了更好保證產品質量,因此提出了需要進行介面測試。 從介面本身來講,對其測試與其他專案應該是一樣的。所以不難理解,我們要對小程式的介面測試需要準備的 材料有: 1、完備的介面文件(什麼是完備的介面文件,之前文章有寫到,這裡不再綴敘) 2、測試工
基於java的微信小程式的實現(一)專案介紹
一,專案介紹 佐倉短視訊是一個以java為後臺編寫的短視訊類的微信小程式專案 使用者可以實現登入,註冊,視訊檢視,視訊上傳,個人資訊檢視,頭像上傳等功能 二,技術選型和效果預覽 本專案後端採用spring boot +spring data jpa的技術實現
【轉載】微信小程式-開發入門(一)
微信小程式已經火了一段時間了,之前一直也在關注,就這半年的發展來看,相對原生APP大部分公司還是不願意將主營業務放到微信平臺上,以免受制於騰訊,不過就小程式的應用場景(用完即走和二維碼分發等)還是很值得我們學習的,技術上面如果瞭解React的話,會發現他們在元件化上面有很多雷同之處。說白了,小程式就是基於微信
《微信小程式專案開發實戰:用WePY、mpvue、Taro打造高效的小程式》(筆記3)支援Vue.js語法的mpvue框架
(1)保證npm和Node.js的可用性後,使用如下程式碼安裝Vue.js環境。 # 全域性安裝 vue-cli # 如果是Linux或者Unix等一般是要 sudo 許可權的 npm install --global [email protected] 在Windows中使用CMD安裝環境,安裝效果如圖10
純正商業級應用-微信小程式開發實戰已更完
第1章 導學與申請appkey 如何更好的學習本課程?如何申請開發者key?如何呼叫和測試介面? 1-1 微信小程式商業級實戰-課程導學。 1-2 優先自己開發 1-3 appkey的申請 1-4 課程維護說明 第2章 準備工作 開發前的準備工作以及第三方開發工具的選擇 2-1 流程與開發前準備 2
純正商業級應用-微信小程式開發實戰最新無加密
第1章 導學與申請appkey 如何更好的學習本課程?如何申請開發者key?如何呼叫和測試介面? 1-1 微信小程式商業級實戰-課程導學。 1-2 優先自己開發 1-3 appkey的申請 1-4 課程維護說明 第2章 準備工作 開發前的準備工作以及第三方開發工具的選擇 2-1 流程與開發前準
微信小程式-專案搭建(詳細教程)
專案技術選型: node+mysql/mongodb(二選一)+miniprogram 介面說明: 主頁:主要功能包括輪播圖和列表 主頁標題:您專案的名稱(自行選題) 輪播圖: 根據專案選題找至少3張圖片,圖片大小以iphone6標準設計,寬度320px,高度自定。 列表:左方圖,右方包
mpvue寫微信小程式-圖片引入(一)
1、快速上手(http://mpvue.com/mpvue/quickstart/) 按官網給出流程,建立: 執行後,在微信工具檢視: 編輯器中檢視目錄結構: 為了執行的
微信小程式雲開發及一些微信小程式的回顧個人筆記
官方自帶模板 第一個資料夾是一個 雲函式|專案的名字 第二個資料夾是迷你程式 裡面有json js wxss 和三個資料夾 images pages style  
微信小程式專案之失物招領平臺-1.專案的建立
1.開發工具:微信web開發者工具 2.相關文件:微信公共平臺 3.使用到的微信小程式UI元件庫:wuss-weapp 4.使用微信web開發者工具建立一個小程式專案,專案名:lostandfound(appId可到微信公眾平臺申請,若沒有appId小程式的一些相關的功能無法使用) 5.將wus
《小程式 巧應用-微信小程式開發實戰》.pdf
書籍簡介: 《小程式,巧應用:微信小程式開發實戰》系統全面地講解微信小程式的開發技術。開篇建立一個小程式專案並解析體驗,介紹如何由零開始建立一個小程式,全面體驗小程式的開發工具、介面、開發框架、實現過程及其主要程式碼框架,瞭解小程式的應用場景及開發要求。接著介紹小程式開發基礎,包括小程式開
微信小程式——學習筆記(一):json
json配置檔案—— 1> app.json:作用於整個小程式全域性配置 頁面路徑——page(陣列[字串="路徑+檔名"]) "pages":["pages/index/index","pages/log/index"]
微信小程式開發實戰03
框架元件的開發和應用 框架為開發者提供了一系列的基礎元件,開發者可以通過組合這些基礎元件進行快速開發,創建出強大的微信小程式 元件時檢視層的基本組成單元,時構建頁面結構的重要元素 常用元件:檢視容器 基礎內容 表單 互動操作 頁面導航 三個高階元件: 媒體,地圖,畫布 View Sc
微信小程式學習筆記(一)之框架及工具
文章目錄 一、app.json的配置 1. 決定頁面檔案路徑 2. 配置視窗表現 3. 配置tab標籤導航 4. 設定網路超時時間 5. 配置debug模式 二、App()函式使用
基於mpvue的微信小程式專案搭建
[TOC] 1. 建立專案 參照mpvue五分鐘上手教程 # 全域性安裝 vue-cli $ npm install --global vue-cli # 建立一個基於 mpvue-quickstart 模板的新專案 $ vue init mpvue/mpvue-quickstart my-proje
微信小程式自定義元件(一)
好吧,突然發現學不完了,一下子,那就分開吧,由於時間太久,直接重新大致複習了一下 微信小程式自定義元件微信小程式支援自定義元件下方的目錄其中,components為元件目錄,nodemodules為模組目錄,pages為小程式的頁面目錄,utils為一些基礎功能的封