微信小程式-學生登入後跳轉-顯示教師頁面資訊
1.頁面跳轉。
//頁面跳轉
wx.redirectTo({
url: '../teachers/teachers' //跳轉到教師頁面
})
2.顯示老師頁面資訊
wxml中
<view class='tealist'>任課教師列表</view>
<view wx:for="{{teachers}}" wx:key="{{teachers}}" bindtap="selectTeacher" data-teacherid="{{item.teacherid}}">
<view class='introduction'>
<view class='log'>
<image style="width: 70px; height: 70px; background-color: #eeeeee;" src='../../img/cat.jpg'></image>
</view>
<view class='name'>姓名:{{item.teachername}}</view> <!-- 老師資訊 -->
<view class='classes'>任課:{{item.course}}</view> <!-- 任課資訊 -->
</view>
</view>
3.js中
data: {
teachers:null
},
在wxml中選中老師資訊,然後實現跳轉到老師評教頁面。/** * 生命週期函式--監聽頁面載入 */ onLoad: function (options) { var url = "https://...";//url地址 // var student = wx.getStorageSync('student'); // console.log(student); var classid = '100000-1603';//班級id console.log(classid); wx.request({ url: url, data: { classid: classid }, header: { 'content-type': 'application/json' // 預設值 }, success: (res)=> { console.log(res.data); this.setData({teachers:res.data}); } }) },
// 選中教師
selectTeacher:function(e){
var teacherid = e.currentTarget.dataset.teacherid;
console.log(teacherid);
wx.navigateTo({
url: "../testpaper/testpaper?teacherid="+teacherid,
})
}
})
相關推薦
微信小程式-學生登入後跳轉-顯示教師頁面資訊
1.頁面跳轉。//頁面跳轉 wx.redirectTo({ url: '../teachers/teachers' //跳轉到教師頁面 }) 2.顯示老師頁面資訊wxml中<view class='tealist'>
微信小程式左上角返回按鈕跳轉到指定頁面
在當前頁面的 onUnload 執行頁面跳轉 onUnload: function () { wx.reLaunch({ url: '../logs/logs' })
微信小程式程式設計式路由跳轉
頁面棧表現方式 路由方式 頁面棧表現 初始化 新頁面入棧 開啟新頁面 新頁面入棧 頁面重定向 當前頁面出棧,新頁面入棧
微信小程式的五種跳轉方式
//只能跳轉到tabBar配置頁面 wx.switchTab({ url: '/pages/index/index', }); //返回上一級頁面(delta:返回的頁面數,如果 delta 大於現有頁面數,則返回到首頁,預設值為1) wx.navigateBack({
微信小程式與H5相互跳轉和傳遞資料
這是小程式和web-vew的H5相互傳參,H5使用小程式的微信支付的程式碼 H5部分 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <!--<meta
微信小程式通過web-view跳轉到小程式頁面
一、背景 博主這邊的小程式大部分都使用了web-view,眾所周知,使用web-view最大的問題就是和小程式之間進行互動的問題。我這邊主要是從web-view跳轉回小程式的demo。 二、通過web-view跳轉到小程式頁面 1、微信官方
微信小程式(編輯登入頁面以及頁面跳轉)
第一步 建立新的qq郵箱開通小程式第二步 下載適合本電腦的版本 微信開發工具第三步 開始建立 wxml為新增頁面程式碼<view class='container'> <view class='header'>登入頁面</view>
微信小程式--學生評教系統登入頁
微信小程式是一種全新的連線使用者與服務的方式,它可以在微信內被便捷地獲取和傳播,同時具有出色的使用體驗。建立目錄login,在login目錄下建立檔案這是我簡單搭的html頁面<view class='container'> <view class='h
微信小程式授權登入獲取使用者資訊詳解
今天來說一下微信小程式的授權登入獲取使用者資訊,首先我們看微信提供的小程式開發文件: https://blog.csdn.net/qq_41971087/article/details/82466647 微信登入的流程和步驟: 步驟:(個人): 第一步:微信小程式
微信小程式獲取登入手機號
小程式獲取登入使用者手機號。 因為需要使用者主動觸發才能發起獲取手機號介面,所以該功能不由 API 來呼叫,需用 <button> 元件的點選來觸發。 首先,放置一個 button 按鈕,將 button 的 open-type 的屬性值設為 getPhoneNu
動手擼一個微信小程式學生課程表頁面
分解 仔細看完課程表頁面,我們可以把頁面分解: 1. 頂部一欄:週一到週日。 2. 左側一欄:第1-12節課。 3. 中間部分灰色虛線和午休的紅線。 4. 遍歷具體課程,並繪製。 開始寫程式碼 頂部: 使用wx的for迴圈
微信小程式之登入頁例項 —— 微信小程式實戰系列(5)
提供一個登入頁的案例,供同學們使用 專案效果圖: 目錄結構: 圖片資源: name.png key.png loginLog.jpg login.wxml: <view c
微信小程式的登入過程簡介
對於微信而言, 小程式算是第三方了, 那麼, 小程式是如何登入的呢? 微信肯定不能把密碼給小程式, 讓小程式來登入啊, 小程式甚至無法獲取微信的微訊號。 在這裡, 我們需要徹底把微信和小程式分開, 割裂來看, 才好理解。 那小程式是怎樣來登入
微信小程式去除左上角返回鍵,幾種頁面的跳轉方式
碰到這個問題,是因為沒了解這裡面的層級關係:預設的是navigator跳轉,其它跳轉方式open-type屬性可選值是'navigate'、'redirect'、'switchTab'等官網上這麼寫的:對應於wx.navigateTo、wx.redirectTo、wx.swi
微信小程式之登入頁例項
<view class="container"> <view class="login-icon"> <image class="login-img" src="../images/loginLog.jpg"><
微信小程式授權登入介面
1.首先接收前端傳過來的code 2.帶上appid,secret以及code去請求微信,獲取openid,那倒openid就可以獲取使用者的資訊了 獲取到openid,將openid返回給前端,前
微信小程式開發登入問題
最近微信小程式發現一個很奇怪的問題,授權的登入問題,同事可以登入上去,我的就登入不上去,還一直顯示登入失敗,只有我把資料寫死了才可以進去 經過多次的列印返回資料以及測試介面,最後問了好幾個小夥伴發現因為用的不是公司的appid導致的,需要授權拉進專案開發人員裡面,然後使用公司的就可以了,居
微信小程式 保持登入狀態(自己服務端的session)的解決方案(java)
問題:由於wx.request()發起的每次請求對於伺服器來說都是不同的會話(wx.request()請求是先經過微信伺服器再到達我們的伺服器),這樣導致後續請求都相當於未登入的狀態。解決方案:session資訊存放在cookie中以請求頭的方式帶回給服務端JSESSIONI
微信小程式之登入,模板訊息,服務通知
1.登入流程圖 1).前端呼叫wx.login()獲取code 2).前端呼叫wx.request()傳送code給後端 3).後端根據appid(後臺取得)+appsecret(後臺取得)+code(前端傳送)傳送到微信介面,得到session_key+openid等介面地
微信小程式學生列表顯示學生資訊
首先建立學生列表前臺頁面,接收顯示學生資訊,例如在page.wxml中:<view class="" wx:for="{{list}}" bindtap='modifySubmit'> //wx:for="{{list}}"接收後臺js檔案穿過來的l