微信小程序—制作一个简单的跑步小程序

准备工作

1.微信公众平台注册一个小程序账号，注册完之后左边菜单列表点击开发管理->开发设置，就可以看到自己的appid（小程序id）了

2.官网安装微信开发者工具

创建项目

1.创建小程序项目

打开微信开发者工具选择创建小程序，输入项目名称，目录自定义，将appid复制进AppID里，点击创建

2.初始化小程序项目

这是新创建好的小程序目录，里面非常多文件是不需要的，我们要删除多余的文件

这是删除好的文件目录，可以看到简洁很多了

pages文件夹是存放页面的文件夹，右击新建index文件夹，再右击新建Page自动创建js，json，wxml，wxss文件

• .js 里面编写一些生命周期钩子，事件处理，全局数据…
• .json 里面编写一些页面配置，页面的 .json 配置会覆盖 app.json 的配置
• .wxml 里面编写一些页面内容，UI标签，数据绑定
• .wxss 里面编写一些样式

json文件里添加navigationBarTitleText设置导航栏标题

导入一张红色圆点的图片用作跑步时的定位标记

开始编写

1.wxml

创建四个按钮分别用作开始记录/暂停记录，清除数