一:微信小程序介绍
微信小程序又称网页简易版,自2016年正式上线测试以来,以接入方便、开发传播成本低、效率高等特点引起了广泛关注。 越来越多的商品通过公众号和小程序来推广自己的产品。 与网站和APP相比,微信小程序无需下载安装即可使用。 您可以打开它来观看您的作品并购买您的产品。 微信小程序的发展给年轻人带来了一线希望,带来了更多的就业机会,提升了他们的社交能力。
二:开发微信小程序的前提条件:
您需要拥有自己的微信公众号,在微信公众平台注册小程序,并填写注册信息。 注册范围可以是个人,也可以是企业,也可以是政府机关。 大家一定要注意的一点是:个人注册小程序不支持支付功能,只能选择个人微信增值功能。 注册完成后,注册你的APPID,下载开发者工具。 第一次打开开发作品需要用自己的微信公众号扫一扫,然后创建自己的小程序项目名,项目存放目录,APPID(注:后台服务选择不使用云服务) ,然后选择新建。 如下所示:
三:对开发工具的理解
进入开发界面后,我们一共看到三个界面,分别是左中右。 左边是工程浏览窗口,中间是工程文件目录,右边是编辑窗口。 接下来,就让我们一起开启我们的微信小程序开发之旅吧!
1.工程目录的编辑
新建工程一共有7个文件。 这7个文件称为全局文件。 页面文件用于存储页面信息。 也就是说,所有页面信息的内容都保存在页面文件中。 每个页面的信息包括四个文件:index.js、index.json、index.wxml、index.wxss,index.wxml是用来搭建项目框架的,就像我们html中的div标签,index.wxss就像css,就是用来写样式的。 接下来,让我们创建一个名为的页面。 首先选中pages文件夹,右击新建文件夹,然后右击文件夹,选择New Page,四个页面就会自动添加。 文件,如下图:
2.全局文件app.json
app.json文件用于对整个项目的头部和底部菜单进行规划和样式设置,主要包括: ages:也就是有几个页面,有几个页面,windw项目的顶部,我们可以在这里设置置顶样式、项目名称、字体颜色、背景颜色等。
3. 真正的知识来自实践
首先:打开全局设置文件app.json,找到xt下,设置项目名称:talk,其次,找到,将项目名称的字体背景样式设置为:light,顶部样式为十六进制颜色如:( #) ,项目名的字体颜色为白色(white),结果如下:
四:总结
大家在开发的时候可以打开小程序相关的微信公众平台的开发文档,可以先研究文档中的内容,然后在开发工具上进行实践!