微信小程序

刚接触微信小程序，现在处于初学者状态，下面就给大家列举一些我在写程序是感觉重要的一些内容！

我们可以看到在项目的根目录有一个 app.json 和 project.config.json，此外在 pages/logs 目录下还有一个 logs.json，

小程序配置 app.json

app.json 是对当前小程序的全局配置，包括了小程序的所有页面路径、界面表现、网络超时时间、底部 tab 等。QuickStart 项目里边的 app.json 配置内容如下：

[html]  view plain  copy

1. "pages":[  
2.    "pages/index/index",  
3.    "pages/logs/logs"  
4.  ],  
5.  "window":{  
6.    "backgroundTextStyle":"light",  
7.    "navigationBarBackgroundColor": "#fff",  
8.    "navigationBarTitleText": "WeChat",  
9.    "navigationBarTextStyle":"black"  
10.  }  

WXML 模板

网页编程采用的是 HTML + CSS + JS 这样的组合，其中 HTML 是用来描述当前这个页面的结构，CSS 用来描述页面的样子，JS 通常是用来处理这个页面和用户的交互。

下面是我在做小程序时用到的js代码

[html]  view plain  copy

1. formSubmit:function(e){  
2.    console.log(e.detail.value);  
3.    wx.request({  
4.      url: '/////*************', //仅为示例，并非真实的接口地址  
5.      data: {  
6.       username:e.detail.value.no,//获取学号  
7.       password:e.detail.value.pwd,//获取密码  
8.      },  
9.      header: {  
10.        'content-type': 'application/json' // 默认值  
11.      },  
12.      success: function (res) {  
13.        console.log(res.data)//控制台输出获取到的数据  
14.        wx.setStorage({  
15.          key: "student",  
16.          data:res.data  
17.        });  
18.        wx.redirectTo({  
19.          url: '../teachers/teachers',//当点击登录时页面跳转路径  
20.        })  
21.      }