微信小程序嵌入c语言,小程序学习---开启小程序之旅(项目、配置、页面、数据绑定)...

一、前沿

从这个章节开始进入实战状态,利用项目以及小demo来逐步认识小程序。主要包含以下内容

1、注册程序和页面

2、数据绑定

3、循环

4、条件

5、运算

6、模板

7、事件

8、引用

9、组件

10、api

二、创建实验项目

整个学习过程中,以“天气预报”为主线,尽可能利用小程序提供的各种功能。(ps:由于本人不擅长UI,因此项目的整体感观可能不是很优美,这里只注重功能;较真的朋友可以参考App Store里的各种天气类软件)

1、本节效果预览

9a99318a122b49daa6a02f85a1c1fb9e.png

bd493be9f62eda1bbd586e2f2698caf4.png

2、项目结构

目前只有两个界面:欢迎界面、天气数据界面。每个界面都可以单独去设置标题、背景等信息

434032f8c5de5e10c7e3d12c52cd066f.png

1)该项目在创建的时候,并没有勾选“quickstart”,既然是学习,就从头开始,每一个目录和文件都亲自创建。

2)images目录

这个用来存放项目中会用到的一些图片(目录名字是自己取的),这个目录下还可以根据需要创建子目录。目前小程序的IDE还不支持支持复制图片,因此你只能在硬盘上打开对应的文件夹,然后将所有的图片都粘贴进去,IDE会自动更新的。

3)pages目录

这个用来存放项目中用到的所有的页面,当然每个页面最好单独创建一个子目录,而且都包含四个文件。你可以采用一种方式快速创建这4个文件,在指定的目录上单击鼠标右键,选择“创建page”选项,IDE会自动为你创建4个文件。

当前我们有两个界面:“欢迎”、“7天预报”。

4)全局文件,这三个文件的名字必须是app

app.js 注册小程序

app.json 全局配置

app.wxss 样式,目前我们可以不需要

三、全局配置(

1、页面注册

在app.json文件中的pages字段中注册页面,需要注意几条规则:

1)pages字段不可以写错,区分大小写

2)所有需要显示的界面都要注册

3)pages的第一个元素就是小程序显示的启动界面

2、设置全局窗口样式

在a

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值