微信开发小程序之显示任课教师列表页

最新推荐文章于 2023-12-06 08:36:51 发布

原创

最新推荐文章于 2023-12-06 08:36:51 发布 · 510 阅读

0 ·

CC 4.0 BY-SA版权

这篇博客介绍了如何在微信小程序中创建一个显示任课教师列表的页面。通过编辑testpaper.wxml和testpaper.wxss文件设置界面布局和样式，同时在testpaper.js中处理数据请求，获取并显示教师信息及课程。当用户点击课程名称时，页面会跳转到详细评教页面。

首先是搭建显示的基本页面

在testpaper.wxml文件中

    [html]  
   view plaincopy
<view class='nav'>  
  <view class='left'>  
    <view class='top'>{ 
     {teacher.name}}</view>  
    <view class='bottom'>  
      <text>{ 
     {teacher.sex}}</text>  
      <text>{ 
     {teacher.zhicheng}}</text>  
    </view>  
  </view>  
  <view class='right'>  
    <image style="width: 80px; height: 80px;" mode="{ 
     {item.mode}}" src="{ 
     {src}}"></image>  
  </view>  
</view>  
<view class='content' wx:for="{ 
     {testpaper}}">  
  <view class='content_two'>  
    <view class='all'>  
    <text class='allpj'>{ 
     {item.type}}