剛好這幾天空閑時間比較多,就來記錄下開發一個(ge) 小程序,粗略版博客(這個(ge) 是零基礎入門篇幅,比較繁瑣,若已經入門,請忽略)
1、新建項目
選擇無AppID模式
進入項目初始化
2、文件講解
小程序裏麵一個(ge) 文件夾就是一個(ge) 頁麵,包含四個(ge) 文件。
.js結尾的是腳本文件。
.wxml是頁麵標簽文件,即類似我們(men) 原先使用的html標簽一樣。
.wxss是樣式文件,即是我們(men) 原先使用的css3.
3、開始開發
打開文件app.json,page對象表示每添加一個(ge) 頁麵,就需要往裏麵加一條路由,名稱必須和文件夾和文件一致。
4、路由導航
由於(yu) 小程序默認首頁是index,在首頁觸發事件後我們(men) 需要進行處理
編輯blog文件夾下麵blog.wxml,裏麵添加“<view>這個(ge) 是我個(ge) 人博客</view>”,編輯index文件裏麵的index.js文件,添加路由,完成後保存文件(一定要保存),點擊開發工具左側(ce) 菜單欄“編譯”,然後就進入頁麵
進入主頁後,點擊下,觸發我們(men) 剛剛綁定的函數,跳轉到我們(men) 的頁麵