微信小程式 家庭記賬本開發 07

2022-07-27 08:09:14 字數 1609 閱讀 8986

本次開發主要頁面則是首頁介面以及記賬介面以及實現頁面跳轉,以及記賬內容儲存。

index定義首頁介面,部分**如下:

//

index.js

//獲取應用例項

page(,

hasuserinfo:

false

, caniuse: wx.caniuse('button.open-type.getuserinfo')

},goindex_1tap:

function

(event) )

},//

事件處理函式

bindviewtap: function

() )

},onload:

function

() )

} else

if (this

.data.caniuse) )}}

else

) }})}

},getuserinfo:

function

(e) )

}})

if="}" open-type="getuserinfo" bindgetuserinfo="getuserinfo"> 獲取頭像暱稱 

else>

} 歡迎使用祺小屋記賬

記賬介面主要在me檔案中,部分**如下:

//

index.js

//獲取應用例項

function

_item()

}}var want_key = "want_"page(,

items: ,

inputtitle: '',

},//

輸入的內容

bindinputtitle: function

(e) )

},deleteit:

function

(e) )

},addwant:

function

() )

wx.setstorage(item.parse())

this

.setdata()

},onload:

function

() )

})var res =wx.getstorageinfosync()

var items =

res.keys.map(

function

(key)

})this

.setdata()

}})

我的賬本

+

for="}" wx:for-item="item" wx:key="items">

}. }

最初,剛剛開始放寒假時自己對於開發這個東西是懷著十分高興的心情的,自己也設想了許多功能,但是不知不覺寒假過去了,自己最終做出來的作品只是達到了自己當時最低的要求,寒假被自己荒廢了,新學期馬上就要開始了,自己不能荒廢,要完善自己的小程式至發布。

這和自己當初設想有著很大差距,自己想要實現分類**,資料的加減,總收入支出的計算還有待提公升,在新學期裡,想要完成相關功能,最好實現相關發布工作。

家庭記賬本小程式開發第二天

今天我做了記賬頁面的優化,為了提公升使用者體驗,我使用了picker元件和radio元件 下面是修改後效果圖 修改後的的js pages a index.js page style error 生命週期函式 監聽頁面載入 onload function options 生命週期函式 監聽頁面初次渲染...

家庭記賬本 開發進度7

最後我學習了project.config.json 用於配置檔案 packoptions用於打包配置選項 ignore用於配置打包時對符合指定規則的檔案或資料夾進行忽略,跳過打包的過程,這些檔案或資料夾不會出現在預覽或上傳的結果內 setting專案設定 urlcheck是否檢查安全網域名稱和tls...

簡單家庭記賬本app開發進度六

在將記賬本的主要功能寫完後,自己簡單的完善了下自己的小的記賬本。具體完善如下 二 設定登入按鈕的點選效果,實現點選時實現按鈕變色效果,這個比較容易實現,並且讓按鈕呈現部分圓角效果。三 在概述介面顯示當月的支出和剩餘 通過查詢資料庫實現 四 將安卓專案打包成apk,比較簡單,網上有教程,照著教程來即可...