微信小程序开发1
  k7R5vROn6vFh 2023年11月02日 94 0

index.wxml文件中:

根据我们前面说的官方文档学习可以大概知道,这个文件里主要涉及到的是前端代码,所以这里就比较简单了,写上你要展示的前端代码就行:

在微信页面中的视图容器<view>标签来写,这个标签相当于html页面中的<div>标签,我们看看官方文档介绍

微信小程序开发1_提交审核


主要还是负责一些位置控制啥的,理解起来也不难吧。

navigator标签比较重要,这个就是负责跳转的,可以通过设置跳转链接,跳转到其它页面,如下:

微信小程序开发1_提交审核_02


当然我们这边因为是要跳转到其它小程序中,所以这边就不是url,而是通过设置APP-id来进行,每个小程序都有自己专属的唯一id,可以在小程序中的更多资料中查看到,如下截图:

微信小程序开发1_提交审核_03


然后设置背景图标可以通过style中的background-image:url设置,来看下单个小程序入口和图标设置代码吧

这样就写好了一个小程序入口啦,是不是很简单,剩下的就是依次复制黏贴了;这样看来这个是不是很好写,简直是我们小白的入手好项目啊!老铁们动起来。

然后在index.wxss中对对应的view标签设置展示样式就行了,具体你想要怎么展示那就看自己想象力了,自行查询方法就可实现了,比如这样的

微信小程序开发1_提交审核_04


app.js文件:

微信小程序开发1_提交审核_05


每个小程序都需要在 app.js 中调用 App 方法注册小程序实例,绑定生命周期回调函数、错误监听和页面不存在监听函数等

app.json文件:

微信小程序开发1_微信_06


这个文件主要是负责配置小程序中的页面显示:

比如pages{}中配置的页面路径,默认打开小程序时就是按第一个页面路径显示,当然你要显示的页面都必须在这里面配置路径

然后想tabBar{}这个里面就是配置小程序下面tab栏的页面的

当然还有些其它的功能大家可以自己百度查找哈


这样处理完后我们小程序主要功能算是实现了,在编辑器里调试下,能正常跳转,大功告成,可以发布了?是的,我也以为可以发布了,忽略了一个很重要的问题,我们这样写功能是没问题,但是你知道小程序如果想要点击右上角分享到朋友圈和群或者好友是需要在各个页面单独设置吗???我猜大多数刚接触的小白都不知道吧,至少我第一次是不知道的,所以我当时就傻乎乎的提交了代码审核,然后审核通过后傻乎乎的把小程序的二维码分享到朋友圈和群里面。然后发现访问量并没有起来。为啥呢???

很简单,大家时间宝贵(很懒),谁愿意多花一秒钟去用手机扫码访问一个自己从来没访问过的小程序?所以我分享二维码的方式简直蠢到家了,没几个人愿意扫码去看的。哎,失策失策!!!

当我反应过来想要去小程序分享时才发现。OMG,点击右上角出来的分享弹框中,分享到好友和朋友圈居然是置灰不可点击的,当时我还疑问,是不是我的小程序访问量不够,微信那边还没放开分享功能(毕竟微信很多做法一直口碑不好),我还苦恼了半天,后面去网上查了下才发现,其实分享是需要添加代码的,要不然你的小程序永远分享不出去的,按钮永远是置灰的。。。各位小白们一定要记住这个坑!!!切勿再踩了!!!

所以现在我们来看下如何让你的小程序支持分享吧:

其实想要实现起来还是很简单的,就是在你对应页面的js文件中添加下面代码:

加上这个后,点击右上角分享图标就不置灰了

微信小程序开发1_提交审核_07


OK,是不是很简单,代码加完了,继续提交代码,提交审核,嗯,高高兴兴提交代码,结果被微信的审核员驳回了!!!WC,我只加了个分享代码就给我驳回了,是不是扯???给的驳回理由也很扯:

微信小程序开发1_微信_08


说无具体运营功能,那为啥我第一次提交审核的时候给通过了呢?很迷的审核操作有没有。好吧,既然说我无具体功能,那么我就加功能,这就是大家看到截图中加的“记事本”tab的功能,纯粹是为了过审的,没办法啊,你在人家平台上开发东西,只能低头了。就算是再学点其它知识吧!

说干就干,下一篇:记事本功能搞起来!!!!



【版权声明】本文内容来自摩杜云社区用户原创、第三方投稿、转载,内容版权归原作者所有。本网站的目的在于传递更多信息,不拥有版权,亦不承担相应法律责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@moduyun.com

  1. 分享:
最后一次编辑于 2023年11月08日 0

暂无评论

推荐阅读
k7R5vROn6vFh
作者其他文章 更多