Joyce' Blog
0%

mini-pro-Note1

发表于 更新于

MOOC教程：https://www.icourse163.org/learn/HZIC-1205901813?tid=1206204209#/learn/content

微信小程序诞生背景：网页速度慢，APP开发、下载及更新问题，借助微信的推广

  1. 注册微信小程序

  2. 安装开发者工具

  3. 创建小程序

项目文件结构：

pages：小程序的页面，每个页面有js(定义函数)，wxml，wxss(页面样式)，json(配置文件)文件

app：全局页面，app.json中pages第一行是进入小程序的首页，windows状态栏、导航栏等设置

在index.js的data里面定义参数(可定义初始值或之后赋值)，bindViewTag定义事件处理函数，在index.wxml里使用，变量要使用双括号。

右下方窗口APPData中可查看登录者微信设置

tabBar：

在app.json文件中与window同级，若要为按钮增加图标，需要将图片保存在与pages同级的文件夹(images)中，iconPath指的是没有被选中时的按钮图标，selectedIconPath表示被选中时的图标。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
"tabBar":{
  "list":[
    {
      "pagePath":"pages/index/index",
      "text":"首页",
      "iconPath":"images/first1.png",
      "selectedIconPath":"images/first2.png"
    },
    {
      "pagePath": "pages/logs/logs",
      "text": "日志",
      "iconPath": "images/log1.png",
      "selectedIconPath": "images/log2.png"
    }
  ] 
},

调试可使用console.log(<要打印的内容>)

C语言测试小程序，增加做题情况

我的页面模块开发

3

要使 wx.login 方法的 wx.request()中的 url 实现访问后台，需要前往https://zjgsujiaoxue.applinzi.com/index.php/Page/Index/register进行进行使用注册。 调用该接口需要 2 个参数，即开发者的 appid 与 appsecret。

微信官方 UI 库 WeUI

将 style 文件夹拷贝至自己开发的项目后，在 app.wxss 文件中使用 @import 导入 weui 的样式

bindchange 事件

当输入框中的内容发生改变时， 触发对应的事件处理函数，并且输入框中的值可以通过 event.detail.value 来获取

在wxml中使用\的 class 类最后新加一个 submit 子类，在 wxss 文件中写 submit 子类样式的相关属性

openAlert 函数