1. 程式人生 > >微信小程式-學生登入後跳轉-顯示教師頁面資訊

微信小程式-學生登入後跳轉-顯示教師頁面資訊

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
  },
 /**
   * 生命週期函式--監聽頁面載入
   */
  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});
      }
    })
      
  },
   在wxml中選中老師資訊,然後實現跳轉到老師評教頁面。
  // 選中教師
  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