編寫一個個人微信小程式(安裝,建立,編寫,執行)
一、微信小程式 微信公眾平臺 https://mp.weixin.qq.com/cgi-bin/wx
二、下載開發工具 https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html
三、安裝 執行 申請APPID 建立自己的應用
1、app.js是小程式的指令碼程式碼。我們可以在這個檔案中監聽並處理小程式的生命週期函式、宣告全域性變數。呼叫框架提供的豐富的 API,如本例的同步儲存及同步讀取本地資料。
2、 app.json 是對整個小程式的全域性配置。我們可以在這個檔案中配置小程式是由哪些頁面組成,配置小程式的視窗背景色,配置導航條樣式,配置預設標題。注意該檔案不可新增任何註釋。
3、app.wxss 是整個小程式的公共樣式表。我們可以在頁面元件的 class 屬性上直接使用 app.wxss 中宣告的樣式規則。
相關推薦
編寫一個個人微信小程式(安裝,建立,編寫,執行)
一、微信小程式 微信公眾平臺 https://mp.weixin.qq.com/cgi-bin/wx 二、下載開發工具 https://developers.weixin.qq.com/miniprogram/dev/de
微信小程式(看文件寫例項十一)微信小程式課堂寶APP完結總結及github地址
一、總結 國慶假期偷懶了幾天,從接到任務到分析到實現總共花了20天左右,終於完成了,點名功能由於要實時監聽需要收費,所以沒有給出程式碼,需要完成的可以自己動手實現。用一張導圖來結束: 二、原始碼地址 所有原始碼已經上傳https://github.com/SoleilLuo/Stu
動手開發一個名為“微天氣”的微信小程式(上
引言:在智慧手機軟體的裝機量中,天氣預報類的APP排在比較靠前的位置。說明使用者對天氣的關注度很高。因為人們無論是工作還是度假旅遊等各種活動都需要根據自然天氣來安排。跟著本文開發一個“微天氣”小程式,方便微信網友隨時檢視天氣。接下來兩天小編將同您一起開發一個“微天氣”小程式,本
讓微信小程式在瀏覽器和自己的App中執行--自己寫的一個開源框架FreeMina(開發中。。)
FreeMina: An open mina compatible framework for running in browser or webview. 一個相容微信小程式Mina框架的開源框架 從小程式的設計來看,微信正走向封閉生態。我們開發的微信
微信小程式(看文件寫例項十)微信小程式課堂寶APP實現我的模組相關介面及邏輯
繼上篇博文,這篇完成最後一個模組,即我的模組。 一、頁面效果 這個模組是和使用者型別相關的,因此老師賬號和學生賬號能看的功能不一樣,老師端效果如下: 點選頭像到達個人資訊如下: 點選後可以做相應的修改。學生端的介面如下: 修改密碼的頁面如下: &nbs
微信小程式(看文件寫例項八)微信小程式課堂寶APP實現練習模組前臺
接上篇博文,這篇主要描述練習模組的前臺顯示,其中包括test頁面,答題detail頁面以及提交答題後答卷answer頁面。 一、練習模組test頁面 練習頁面主要展示的是當前使用者的頭像,暱稱以及學校資訊,另外還有答題資訊,以及每個章節的練習資訊,先來看看效果: grid用的是樣式
微信小程式(看文件寫例項七)微信小程式課堂寶APP實現線上課堂測試
接著上篇博文已經完成簽到功能,這篇來完成課堂測試功能。 一、需求描述 1、在後臺選擇題、主觀題表中上傳測試題 2、客戶端獲取題目資訊 3、把題目資訊格式化載入顯示 4、客戶端答題,主觀題每題能上傳一張答題圖片 5、客戶端答題結束提交到伺服器 二、前臺頁面 提交大量資料
微信小程式(看文件寫例項六)微信小程式課堂寶APP實現簽到邏輯
繼上篇博文,這篇寫下籤到實現的邏輯。 一、實現邏輯 發起簽到 1、先上傳當前自己的定位經緯度 2、學生查詢老師的最後一次簽到記錄,如果發現簽到記錄signComplete為false說明有新的簽到 3、得到簽到的第幾次課 4、系統獲得學生的定位經緯度 5、判斷兩點經緯度轉
微信小程式(看文件寫例項五)微信小程式課堂寶APP實現獲取簽到列表
根據上篇博文,這篇主要實現獲取簽到列表邏輯。 獲得簽到列表主要有以下步驟: (1)查詢老師的ID (2)查詢老師的簽到記錄 (3)如果當前使用者是老師,直接顯示所有記錄,因為簽到記錄都是老師發起的,肯定每次都簽到 (4)如果當前使用者是學生,以老師的簽到列表作為長度,然後以ite
微信小程式(看文件寫例項四)微信小程式課堂寶APP實現簽到子頁面佈局及課程視訊播放頁面
一、簽到子頁面佈局 子頁面主要是一個簽到按鈕,然後下方是簽到記錄列表。 1、簽到按鈕 佈局程式碼: <button class='sign-button' bindtap='sign'>簽到</button>
微信小程式(看文件寫例項三)微信小程式課堂寶APP實現整體介面框架及首頁佈局
一、首頁佈局簡單思路 回顧上一篇博文,首頁的內容主要有輪播圖,橫向滑動選單以及選單對應的view,橫向滑動選單有簽到、課堂測試、模擬測試、課堂提問、答問記錄五個選項,當點選選項時更新顯示view。由於素材和時間有限,所以佈局做得相對簡單,主要是側重思路及程式碼邏輯。 二、輪播圖 檢視文件
一週擼一個 GitHub 微信小程式
掃碼體驗 宣告 眾所周知,GitHub 自己並沒有官方 App,更別說微信小程式了。本程式完全為第三方開發者開發,僅用於學習交流,禁止用於其他用途。若要使用正版,請使用 GitHub 網頁端。 該小程式所有 API 均來自 GitHub 官方提供的開發者 API 第三版,詳情請戳
利用微信小程式(小遊戲)API製作適配cocos creator小遊戲排行榜的例項程式
cocos creator 可以通過新建一個creator專案進行新增子域專案,但是有一個缺點就是佔用檔案大小是一個問題,所以我這裡採用微信的API進行繪製排行榜, 主域就是各種傳送給子域的訊息,這裡不再這裡贅述,就是各種呼叫微信的API 這裡給出微信的API 微信開放資料域 新建m
從零開始學習微信小程式(二)
wx.navigateTo()與wx.redirectTo()的區別 區別一 wx.navigateTo()表示的是從一個頁面跳轉到另一個頁面,會在另一個頁面中出現可返回之前頁面的按鈕,另一個頁面與之前頁面的關係為子頁面與父頁面的關係 wx.redirectTo()表示
學習微信小程式(二)
不管什麼語言,我覺得最關鍵的還是邏輯上的分析。然而,隨著年齡的增大我感覺自己的越來越沒有這種想要深入判斷某一事件的念頭,也許是因為網路的發達和越來越多的大佬和技術人員?但這顯然不是一個好的理由,只能慢慢的將他撿回來了。 在微信小程式中app.js是對於邏輯的處理的。其中Ap
微信小程式(設定當前頁面標題顏色背景)
微信小程式(設定當前頁面標題顏色背景) 全域性的屬性在全域性app.json裡面設定,如果要設定單獨介面裡面的屬性,就在那個資料夾底下的XXX.json裡面設定就可以了。 { "navigationBarBackgroundColor": "#b3d4db", "navigation
微信小程式(元件的業務)slot 的使用
1.呼叫元件向自定義元件插入內容,使用 slot 在自定義模板中有一對<view><slot></slot></view>,這裡是幹什麼用的呢?在元件模板中可以提供一個 <slot> 節點,用於承載元件引用時提供的子節點。
微信小程式(元件中的使用)observer函式的應用
小程式observer函式的應用 需求是這樣的 就是構建月份的元件中,月份小於10月的時候 顯示的數字都是一個位數,需要轉換成兩位數, 比如8月份是8 ,那就要轉換為08 ,同理可得 其他低於十月份的月份也是要這樣做: 開啟元件的js檔案 接下來看下程式碼: p
微信小程式(二)currentTarget、target區別
一、目的:點選輪播圖,進入到相對應的介面 二、方法: 方法(1)每個image元件上,繫結一個函式。壞處:如果輪播圖很多,每個元件都繫結會很麻煩 方法(2)使用冒泡事件來觸發,在父級元件<swiper>上進行事件繫結 三、具體實現
個人微信小程式和企業微信小程式的區別
17年3月27日,微信小程式開放個人主體註冊小程式,相信很多開發者都申請了小程式。但個人主體小程式和組織主體小程式有什麼不同呢?相對而言有什麼限制? 01介面限制 個人主體的小程式肯定是無法完整地使用小程式的介面和能力的,具體哪些介面用不了呢? 微信支付 如