微信小程式開發 第一彈 add99

2022-09-24 02:21:08 字數 862 閱讀 3793

前言:

第一步註冊

1.1 開啟** 然後選擇右上角的立即註冊

1.2 然後選擇小程式

1.3輸入郵箱,密碼,以及驗證碼,然後點選註冊,然後按照提示,進行郵箱啟用,以及進行小程式資訊登記,選擇小程式型別為個人,然後填寫個人資訊

1.4 **微信開發者工具

1.5 安裝後 雙擊開啟,選擇小程式專案

1.6 建立專案

1.6.1 選擇專案所在目錄

1.6.2 到微信公眾平台獲取小程式的appid

1.6.3 複製小程式appid 填入appid列

1.6.4 填寫小程式專案名稱,選擇建立的模板,點選確定

1.7 專案結構簡述

1.7.1 上一步的確定點選之後,微信開發者工具就會為我們自動生成乙個專案,具

體結構如下圖

1.7.2 快速生成對應功能資料夾,具體操作如下圖,然後儲存之後,你就會發現 pages資料夾中會自動生成乙個你填的資料夾。以及對應的wxml、wxss、js以及 json檔案

wxml ---對應html

wxss ---對應css

js --- 我們所有的js操作全部都在這裡

json --- 不經常使用,主要用來存放一些平常使用的json引數等

具體一些原生方法或者控制項可前往

檢視小程式開發

本編文章總結暫時到這裡,小編將在下面的文章中,對小程式的開發流程進行進一步詳細的總結。

看完本文有收穫?請**分享給更多人

新增小編微信,加入技術***or招聘交流

qq千人技術***:710566091 一起學習一起成長

學習棧***,掃碼關注回覆獲取更多學習資料,點選專題學習更多知識

微信小程式開發 第乙個小程式

實現結果 實際上就是切換的功能 專案目錄 images是我自己建立的,新增需要在專案檔案目錄中新增 其他都是自動生成的,很容易理解,index.wxml就是主頁面,index.js和index.wxss是其附屬的 分析 index.js page button function e if this....

微信小程式 開發入門 一

對使用者來說 3 通過掃一掃,搜尋等方式,我們用完了直接退出 與應用程式的區別在於 開發準備工作有以下幾個環節 1 首先要註冊小程式的賬號,點選註冊選擇小程式進行註冊 選擇小程式型別進行註冊 2 填寫相關郵箱並啟用 註冊郵箱並啟用 3 資訊登記,你是個人 企業 等組織型別 這人我們選擇個人,並填寫相...

第乙個微信小程式

官方文件 相關原始碼 2.wxml支援以下這些特性 4.沒有雙向繫結。在vue裡面,乙個vue例項就是乙個view model view層對資料的更新,會實時反饋到model model的更新,也會實時反饋的到view。在小程式裡面,沒有雙向繫結,view的更新不會直接同步到model 需要在相關事...