微信開發小程式之評教系統
首先是搭建顯示的基本頁面
在teachers.wxml檔案中
<view class="container"> <view class='header'> <text>評教系統——我要評教</text> </view> <view class="section_gap" wx:for="{{teachers}}"> <image style="width: 120px; height: 120px; background-color: #f0f;" mode="{{item.mode}}" src="{{src}}"></image> <view class='section'> <view class='section_one'> <text>{{item.teachername}}</text> </view> <view class='section_two'> <text>{{item.course}}</text> </view> <view class='bottom'> <navigator open-type="navigate" url="">留言</navigator> <navigator open-type="navigate" url="../testpaper/testpaper?teacherid={{item.teacherid}}">評教</navigator> </view> </view> </view> </view>
在teachers.wxss檔案中設定頁面樣式
.section_gap{ display: flex; margin-top: 20px; /* background-color: #ccc; */ /* border: solid 1px yellow; */ } .header{ margin-top: 20rpx; } .section{ height:120px; line-height: 30px; display: flex; flex-direction: column; margin-left: 50rpx; /* border: solid 1px #0f0; */ } .section_two text{ color: #ccc; } .bottom{ margin-top: 15rpx; display: flex; } navigator{ margin: 10rpx; padding: 7rpx 30rpx; border: 1px solid red; }
接下來就是呼叫介面獲取資訊
Page({ /** * 頁面的初始資料 */ data: { teachers:null, src: '../images/64.jpg' }, /** * 生命週期函式--監聽頁面載入 */ onLoad: function (options) { var url ="https://www.zhangsan.top/pingjiao/index.php/student/api/teachers"; //讀取快取 var student = wx.getStorageSync('student'); // console.log(student); var classid=student.classid; // 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}); } }) } })
最後頁面效果如下
相關推薦
微信開發小程式之評教系統
首先是搭建顯示的基本頁面在teachers.wxml檔案中<view class="container"> <view class='header'> <text>評教系統——我要評教</text>
微信開發小程式之評教問卷及留言
首先是搭建顯示的基本頁面在paperdetails.wxml檔案中 <view class='content' wx:if="{{show}}"> <view class='top'> <text>被評老師:{{teachername}
微信開發小程式之登入頁
首先申請一個小程式,開啟開發文件進行開發先建立登入頁面的資料夾如下所示之後開始搭建頁面,在login.wxml檔案中程式碼如下,具體的標籤可以參考微信開發小程式的文件介紹<view class='container'> <view class='header
微信小程式--學生評教系統登入頁
微信小程式是一種全新的連線使用者與服務的方式,它可以在微信內被便捷地獲取和傳播,同時具有出色的使用體驗。建立目錄login,在login目錄下建立檔案這是我簡單搭的html頁面<view class='container'> <view class='h
微信第三方小程式授權開發之旅
目錄目錄開發準備開發流程注意事項開發準備授權方AppId第三方AppId開發流程注意事項開發過程中,處於測試階段(未全網釋出),需要在微信第三方平臺中設定授權測試公眾號列表,填寫公眾號(或者說小程式)的原始ID。否則,在測試授權的過程中,會提示:一個微訊號可以繫結多個
微信小程式——教師評教
首先建立一個目錄evaluation,在上一個頁面獲取到教師評教資訊基礎上,點選評教跳轉到evaluation.wxml,進行評教打分先搭好頁面,用滑動效果顯示每一個題目,進行選擇打分在這裡面獲取到題目<swiper bindchange='swiper_change'
thinkphp開發小程式之小程式發起微信支付
最近在學一套小程式商城,最近做到了小程式支付環節,分享一下我的心得。 首先,你需要有認證的小程式,並且已開通微信支付,我的是服務號,並且早已申請號了微信支付,現在開通小程式,直接申請繫結即可。 首先我們去下載微信支付SDK,微信只有一套支付用的SDK,集成了掃碼,公眾號等。
在win10系統下,學習微信的小程式開發時遇到的問題,記錄一下解決經過
今天剛更新完win10系統下微信開發者工具v1.02.1810250版本,開啟開發者工具建立小程式,進入沒有看到專案,模擬器也無法正常顯示,大致如下圖. 開啟小程式所在的目錄卻能看見專案確實已經建立,但工具裡面沒顯示出來 匯入之前的打好的專案和官方的demo也沒
微信二次開發案例,python製作微信支付小程式!
由於最近自己在做小程式的支付,就在這裡簡單介紹一下講一下用python做小程式支付這個流程。當然在進行開發之前還是建議讀一下具體的流程,清楚支付的過程。 1.支付互動流程 當然具體的引數配置可以參考官方文件 https://p
公眾號支付 微信支付 小程式支付 h5支付開發連載(二):h5頁面提交訂單
上一節給大家分享了使用者授權公眾號獲取使用者openid的詳細教程,本節給大家繼續分享使用者進入公眾號的h5網頁提交訂單的實現過程 上節教程獲取到使用者openid後,把這個引數返回到h5頁面,用隱藏域接收後再連同這個openid以及訂單所有資訊提交後臺介面,這裡以最關鍵的訂單資訊:金額為例
微擎二次開發--小程式之webview外鏈支付
說實話這個藉口就說就是不支援除小程式外的支付介面,雖然網上是有解決方法,但是在微擎這,腦子突然堵了,第一因為底層程式碼不熟,所以不知哪裡改哪裡,最後硬著頭皮試了下web-view進到自己公眾號應用裡面去,然後支付就出現這個東西 在出現這個東西 後來全域性找了下那個file//貌似是
資料庫設計心得——微信銷售小程式
我們團隊專案是微圖書銷售小程式,根據需求一共設計了12個表和兩個檢視(cart_view,order_detail_view)。 小組:3班6組 我們小團隊在設計資料庫所花花時間一共是兩週,從設計到完成匯入資料進行測試。 在設計這個資料庫過程有挺多挫折的,首先就是需求的變化,在每一次見指導老師都會有需求
微信砍價小程式活動軟體製作功能包含哪些方面?
許多商家想要利用微信小程式來進行微信砍價活動的製作,但是卻找不到一個優秀的微信砍價小程式來幫助我們進行製作,今天,我來介紹一下趣推邦小程式的功能模組與相關的程式碼,希望能夠幫助到商家想要建立微信砍價活動的使用者. 一:功能模組 1、使用者授權,商家模組 首先,我們需要在微信小程式端實現使
微信原生小程式實現音樂播放進度條
audio標籤、progress標籤實現音樂播放進度條 HTML5 audio標籤、progress標籤實現音樂播放及進度條,通過拖動進度條更新播放進度。本次分享以功能實現為主,樣式先不考究,見諒。 HTML <view class="audio-pl
微信_小程式_1_認識微信遊戲
微信例子游戲: 工程結構: ## 原始碼目錄介紹 ./js ├── base // 定義遊戲開發基礎類 │ ├── animatoin.js // 幀動畫的
不動產登記微信預約小程式線上搭建方案
使用會議室可以進行提前預約,參加培訓課程可以進行提前預約,場館參觀可以進行提前預約……“預約”正在越來越多的出現在我們的生活中。預約系統實現了商家和顧客的時間、資源精準匹配,為我們的生活帶來了很多的便捷。最近筆者發現在微信上面通過一些簡單的步驟就可以實現不動產登
孵化器會議室微信預約小程式線上搭建方案
上一次我發了一篇關於如何在微信公眾號內實現眾創空間微信預約功能的文章,收到了很多讀者的迴應。很多人表示眾創空間預約功能確實非常有用,筆者看到幫助了那麼多人,自己也深感欣慰。這次呢就繼續發文,給大家講解創業孵化器的工位,辦公室,會議室等相關設施如何在微信上面預約,
基於mpvue的微信商城小程式
基於mpvue的微信小程式商城(小程式端,服務端,後臺管理) 小程式是github上的一個開源專案 小程式端 技術棧 mpvue + mpvue-router-patch + mpvue-entry + vuex + webpack + ES6/7 + fly
php微信支付(僅Jsapi支付)詳細步驟.----僅適合第一次做微信開發的程式設計師
本人最近做了微信支付開發,是第一次接觸.其中走了很多彎路,遇到的問題也很多.為了讓和我一樣的新人不再遇到類似的問題,我把我的開發步驟和問題寫出來,以供參考. 開發時間是2016/8/2,所以微信支付的版本也是對應此時的版本. 一.前期準備: 首先你們公司開通微信支付功能後
微信的小程式和小遊戲的區別
小遊戲是小程式的一個類目,小遊戲是微信開放給小程式的更多的能力,讓小程式開發者有了開發遊戲的能力。小遊戲沒有WXSS、WXML、多頁面等內容,但加了一些渲染、檔案系統以及後臺多執行緒的功能。 小遊戲的執行環境是小程式環境的擴充套件,基本思路也是封裝必要的 WE