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

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

ssh456

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

阅读量493

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/ssh456/article/details/80277498

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

在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 