微信小程序，教师评分系统，登录界面

最新推荐文章于 2024-06-23 20:33:17 发布

LiWei04

最新推荐文章于 2024-06-23 20:33:17 发布

阅读量2.5k

点赞数 1

本文链接：https://blog.csdn.net/LiWei04/article/details/80220777

版权

本文介绍了如何在微信小程序中创建教师评分系统的登录界面。首先在微信开发者工具中建立'login'目录，创建pages，接着在wxml文件中设计表单界面，wxss文件用于设置页面样式，最后在js文件中编写交互逻辑。建议使用rpx单位进行适配。

摘要由CSDN通过智能技术生成

1.首先在微信调试工具中登录微信账号，然后建立名为login的目录，新建pages。

2.生成四个文件wxml、json、js、wxss其中在wxml中写入界面设计。代码如下：

<!--pages/login/login.wxml-->
<view class='container'>
  <view class='header'>
    <text>评教系统-学生端</text>
  </view>
  <form bindsubmit="formSubmit" bindreset="formReset">
<view class="section">
  <text>学号：</text>
  <input type='number' name="no"  maxlength="10" value='1635050307' placeholder="请输入学号" />
</view>
<view class="section">
  <text>密码：</text>
  <input password type="text" name="pwd" placeholder="请输入密码" value='123456'  />
</view>
<button class='but-login' type="primary" form-type='submit'> 登录