应用程序开发公司
软件开发

针对您的项目需求及预算规划量身制定方案

个体/中小企业/集团/政府机构/行业组织 了解详情 了解详情

微信小程序最简示例教程

发布时间:2024-01-01 00:00 浏览次数:28

关上微信小程序官方研发文档,最出色全篇读一读,基本上就可以了。


页面文档中 工具 选项卡中 下载工具页面 浏览对应系统版本的微信开发者工具


特别注意:瓦解微信开发者工具就是无法调试的


不好了,加装下工具即可关上,看见挑选项目的界面,页面嵌入项目


嵌入项目,没app id就挑选无AppID, 键入在当前目录中建立quick start项目,轻易有个直观的示例,


AppID 就是微信开发者官方许可开发者的一个凭证, 目前只有200家获邀公测的公众号才存有,所以咱们就通过无AppID研发调试吧!主要管制如下:


然后页面嵌入项目即为步入具体内容项目的研发环境


我们先看一看目前有的文件目录,页面左侧 编辑 按钮 关上所有文件目录


查阅文件目录表明


特别注意:为了便利开发者增加布局项,微信规定叙述页面的这四个文件必须具备相同的路径与文件名。这个很关键,无法随意建立目录以及文件与页面关联


从官方文档获知 ,必须有的几项


最珍示例至少存有一个直观的页面,所以,接下来我们删掉一些文件来看最珍示例的项目结构吧!


先删掉多余目录以及文件剩,如下文件,


这时候,页面左下角的编程按钮,可以看见控制器大大的收起了,一看便言就是太少了logs这个目录,因为刚刚被删掉了,


那我们回去 app.json布局项中找出页面布局除去多余内容吧


剩这样的应用领域布局


页面编程,去除控制器可以看见没收起了,


页面编辑,关上 /pages/index/index.wxml 文件


换成下面这样


页面编程,ok最珍示例hello weapp 顺利完成了


其中wxml的读法可以看看 官方组件文档,接着尝试各种吧!


微信小程序中无法轻易采用html,必须严苛采用官方的组件库来研发页面表明,并且微信小程序中没window和document对象,自然相似jquery/zepto 都就是无法采用的


如果必须反问ajax怎么办?微信自然帮忙我们同时实现了一个USB去搞数据通信的事情,恳请看看这里


ok 了,可以已经开始进一步熟识微信小程序每一个组件和API去搞应用领域了。


更多资源 出访 https://github.com/dingyiming/weapp-example/issues/2

TAG标签:
阅读推荐