微信小程序初步了解

我们开发微信小程序，首先先注册一个微信小程序账号。在安装一个微信web开发者工具，这个工具使我们来编写和测试我们的小程序。

首先我们先建一个很简单的小程序，只要我们打开web开发者工具，在新建项目选择小程序项目，再根据上面的提示内容将路径等填完，最后勾选创建QuickStart项目，确定之后我们就可以得到我们的第一小程序。我们可以在web开发者工具里顶部的菜单编译就可以在IDE预览。

首先在创建完之后进入开在者工具中，我们也已看到在右面是编写程序代码的位置。上面app.json 是对当前小程序的全局配置，包括了小程序的所有页面路径、界面表现、网络超时时间、底部 tab 等。我们在编写网页采用的是html+css+js的组合。在小程序当中WXML是充当这样的角色。

下面是我的第一个小程序：

1.首先是页面内容

<view class="container">
<view class='header'>
  <text>学生评教系统</text>
</view>
<form bindsubmit='login'>
  <view class="section">
     学号：<input type='number' name="no" value='1635050629' placeholder="请输入学号"/>
  </view>
  <view class="section">
   密码： <input password='true' name="pwd" value='123456' placeholder="请输入密码"/>
  </view> 
  <view>
     <button type="primary" form-type="submit">登录</button>
  </view>
</form>
</view>

2.编辑页面样式

 .container{
   height: 400px;
   width: 300px;
   border: white 1px solid;
   margin: 5% auto;
} 
form{
  width: 100%;
  border: white 1px solid;
}
input{
   border: #ccc 1px solid;
   height: 100rpx;
}
.section{
  margin: 50rpx auto;
}

这样我们的小程序页面就成功了，可以编译下预览。