微信小程序开发---学生评教系统

1.在微信公众号平台注册一个小程序,然后登陆小程序,得到APPID.

2.在官网下载开发者工具

3.建立项目文件夹,然后登陆开发工具,填写appid,选择快速创建模板

然后我们上面建立一个登陆login页面:


代码如下:

<view class="container">
<form bindsubmit="formSubmit" bindreset="formReset">
   <view class="section">
      <text>学号</text>
      <input type="number" name="no" value="1635050138" placeholder='请输入学号'></input>
   </view>
   <view class="section">
      <text>密码</text>
      <input password="true" name="pwd" value="123456"></input>
   </view>
    <view class="section">
     <button type="primary" form-type="submit">登录</button>
   </view>
</form>
</view>

然后在创建登陆之后评教teachers的页面:


<view>
  <view class="teacher1" wx:for="{{teachers}}">
     <cover-image class="img" src="./images/teacher.png" />
    <view class="xx">
     <view class="name">姓名:{{item.teachername}}</view>
     <view name="rk">任课:{{item.course}}</view>
       <!-- <button form-type="submit" type="primary" class="submit" url="../testpaper/testpaper?teacherid={{item.teacherid}}">评教</button>  -->
       <navigator  open-type='navigate' url="../testpaper/testpaper?teacherid={{item.teacherid}}" style="border:1px solid red;width:60px;text-align:center;">评教</navigator> 
         <navigator open-type='navigate' url="" style="border:1px solid red;width:60px;text-align:center;">留言</navigator> 
      <!-- <button form-type="submit" type="warn" class="submit">留言</button> -->
    </view> 
  </view>
</view>

最后创建评教页面:


扫描二维码关注公众号,回复: 728919 查看本文章


 <text >被评老师:{{name}}</text>
 <!-- <text>{{teacherid}}</text> -->
<view class='content'wx:for="{{typee}}">

  <view class='right'>
    <view class='pj'>评教名称:{{item.name}} </view>
    <view class='pj'>类型:{{item.type}} </view>
    <view class='time'>时间:2018-6-5 | 2018-6-30</view>
    <navigator id='name' url="../testpaper/testpaper?teacherid={{teacherid}}">开始评教</navigator>
  </view>
  </view>
这样一个简单的评教页面就出来了。

猜你喜欢

转载自blog.csdn.net/mo3408/article/details/80185433