我要點(diǎn)爆”微信小程序云開(kāi)發(fā)之項(xiàng)目建立與我的頁(yè)面功能實(shí)現(xiàn)

{
 "cloud": true,
 "pages": [
 "pages/index/index",
 "pages/detonation/detonation",
 "pages/user/user"
 ],

"window": {
 "backgroundTextStyle": "light",
 "navigationBarBackgroundColor": "#FF3333",
 "navigationBarTitleText": "我要點(diǎn)爆",
 "navigationBarTextStyle": "white",
 "backgroundColor": "#FF3333"
 },
 "tabBar": {
 "backgroundColor": "#F2F2F2",
 "color": "#6B6B6B",
 "selectedColor": "#FF0000",
 "list": [
 {
 "pagePath": "pages/index/index",
 "text": "世界",
 "iconPath": "/images/shi.png",
 "selectedIconPath": "/images/shi1.png"
 },
 {
 "pagePath": "pages/detonation/detonation",
 "text": "點(diǎn)爆",
 "iconPath": "/images/bao2.png",
 "selectedIconPath": "/images/bao1.png"
 },
 {
 "pagePath": "pages/user/user",
 "text": "我的",
 "iconPath": "/images/wo1.png",
 "selectedIconPath": "/images/wo.png"
 }
 ]
 },
 "sitemapLocation": "sitemap.json"
}

<!-- pages/user/user.wxml -->
<view class="user_header">
 <view class="header_box">
 <image src="{{userTx || defaultUrl}}"></image>
 <button class="{{username == '點(diǎn)擊登錄' ? 'usernameDe' : 'username'}}" open-type="getUserInfo" bindgetuserinfo="getUserInfoHandler">{{username}}</button>
 <view class="qiandao">
 <text>糖果</text>
 </view>
 </view>
</view>
<view class="user_main">
 <view class="main_box">
 <view class="box_item">
 <image src="https://www.gxlcms.com/images/jilu.png"></image>
 <text>點(diǎn)爆記錄</text>
 </view>
 <view class="box_item">
 <image src="https://www.gxlcms.com/images/zhudian.png"></image>
 <text>最近助點(diǎn)</text>
 </view>
 </view>
 <view class="main_box">
 <view class="box_item">
 <image src="https://www.gxlcms.com/images/fengcun.png"></image>
 <text>我的封存</text>
 </view>
 <view class="box_item">
 <image src="https://www.gxlcms.com/images/usercang.png"></image>
 <text>我的收藏</text>
 </view>
 </view>
</view>

// pages/user/user.js
Page({
 data: {
 username: '點(diǎn)擊登錄',
 defaultUrl: '/images/yuyin5.png',
 userTx: '',
 userInfo: {},
 gender: 1,
 province: '',
 },

onLoad: function () {
 wx.setNavigationBarTitle({
 title: '我的'
 })
 //當(dāng)重新加載這個(gè)頁(yè)面時(shí)，查看是否有已經(jīng)登錄的信息
 let username = wx.getStorageSync('username'),
 avater = wx.getStorageSync('avatar');
 if (username) {
 this.setData({
 username: username,
 userTx: avater
 })
 }
 wx.getSetting({
 success: res => {
 if (res.authSetting['scope.userInfo']) {
 wx.getUserInfo({
 success: res => {
 this.setData({
 userTx: res.userInfo.avatarUrl,
 userInfo: res.userInfo
 })
 }
 })
 }
 }
 })
 },

getUserInfoHandler: function (e) {
 let d = e.detail.userInfo
 var gen = d.gender == 1 ? '男' : '女'
 this.setData({
 userTx: d.avatarUrl,
 username: d.nickName
 })
 wx.setStorageSync('avater', d.avatarUrl)
 wx.setStorageSync('username', d.nickName)
 wx.setStorageSync('gender', gen)
 wx.setStorageSync('province', d.province)
 //獲取數(shù)據(jù)庫(kù)引用
 const db = wx.cloud.database()
 const _ = db.command
 //查看是否已有登錄，無(wú)，則獲取id
 var userId = wx.getStorageSync('userId')
 if (!userId) {
 userId = this.getUserId()
 }
 //查找數(shù)據(jù)庫(kù)
 db.collection('users').where({
 _openid: d.openid
 }).get({
 success(res) {
 // res.data 是包含以上定義的記錄的數(shù)組
 //如果查詢到數(shù)據(jù),將數(shù)據(jù)記錄，否則去數(shù)據(jù)庫(kù)注冊(cè)
 if (res.data && res.data.length > 0) {
 wx.setStorageSync('openId', res.data[0]._openid)
 } else {
 //定時(shí)器
 setTimeout(() => {
 //寫入數(shù)據(jù)庫(kù)
 db.collection('users').add({
 data: {
 userId: userId,
 userSweet: 10,
 voice: 0,
 baovoice: 0,
 iv: d.iv
 },
 success: function () {
 console.log('用戶id新增成功')
 db.collection('users').where({
 userId: userId
 }).get({
 success: res => {
 wx.setStorageSync('openId', res.data[0]._openid)
 },
 fail: err => {
 console.log('用戶_openId設(shè)置失敗')
 }
 })
 },
 fail: function (e) {
 console.log('用戶id新增失敗')
 }
 })
 }, 100)
 }
 },
 fail: err => {

 }
 })
 },
 getUserId: function () {
 //生產(chǎn)唯一id，采用一個(gè)字母或數(shù)字+1970年到現(xiàn)在的毫秒數(shù)+10w的一個(gè)隨機(jī)數(shù)組成
 var w = "abcdefghijklmnopqrstuvwxyz0123456789",
 firstW = w[parseInt(Math.random() * (w.length))];
 var userId = firstW + (Date.now()) + (Math.random() * 100000).toFixed(0)
 wx.setStorageSync('userId', userId)
 return userId;
 },
})