创建自己的第一个小程序

微信提供了开发自己小程序的文档说明，根据说明可以创建自己的小程序，首先我们要安装一个微信开发工具，安装完成后，我们需要用微信扫描进行登录，点击小程序项目，起一个名字，填写自己的appid，开始写代码。

这里举例是一个登录页面，实例如下：

<!--pages/login/login.wxml-->
<view class='container'>
<view class='header'>
  <image src='/image/1.png'></image>
</view>
  <form bindsubmit="formSubmit">
    <view class="section">
      <input placeholder="请输入学号" type='text' id='no' value='1635050319' name="username"/>
      <input placeholder="请输入密码" type='password' id='pwd' value='123456' name="password"/>
      </view>
    <view class='submit'>
      <button type="primary" form-type="submit"> 登录 </button>
    </view>
  </form>
</view>

这段代码是要写在wxml里的，在小程序里，我们也可以自己设置样式，和html一样的规则，写入wxss文件里，即可实现。

例如：

#no,#pwd{
  border: 1px solid #ccc;
  margin: 30rpx;  
  width:250px;
  height: 35px;
  border-radius: 15px;
  padding-left: 10px;
}

接下来就可以，编译运行了。