小程序青少年编程教育
奖项:特等奖-潜龙组
奖项:一等奖-飞龙组
奖项:一等奖-潜龙组
奖项:一等奖-潜龙组
奖项:特等奖-飞龙组
英国剑桥大学为微信创新实验室小程序全球编程创新挑战赛学生量身定制的暑期夏校。2024年,我们将带领优秀的小程序作者学生们走进英国剑桥,与全球顶尖教育资源来一场沉浸式互动。
小程序教育版如何使用云开发
小程序教育平台开放个人用户内测,丰富模板供君挑选,快来创作自己的小程序吧~
许多老师问,学生的小程序文件是存在哪里呢?是存在电脑里,还是存在云端,怎么找回来呢?怎么传输文件呢?如何在另一台电脑,打开我的小程序? ● 我的小程序保存在哪? 小程序的开发文件是保存在本地的,打开小程序文件,点击「详情」可以看到小程序项目的本地目录。 [图片] 点击「复制」后,mac系统在搜索框粘贴这个路径就能找到文件。 [图片] wins系统在「我的电脑」搜索框粘贴这个路径就能找到文件。 [图片] ● 如果想将小程序代码包存在云端,怎么办? 学生可以在作业管理里上传代码包,下载代码包;老师也可以下载学生的代码包。 1)怎么上传,上传的文件格式有什么要求? 将项目源文件打包成压缩文件(zip、rar等格式均可),文件大小10M以内。点击上传或者拖拽到虚线框内。 [图片] [图片] [图片] 2)在教师账号里,老师可以下载学生上传的作业 [图片] ● 如何在另一台电脑,打开我的小程序? 1) 首先需要找到小程序的源文件,将源文件打包成压缩文件。 2)然后把小程序项目的文件传到另一台电脑,可以上传到云端,也可以通过u盘拷贝或者微信文件传输等方式。 3)最后,在这里点导入,选择这个文件夹即可。 这个文件夹一定要在解压状态下才能导入,无法直接导入压缩包。 [图片]
有不少老师问,上传小程序,提示“图片和音频资源大小应不超过200k”,我们应该怎么解决文件过大? [图片] 一、针对图片文件过大,有两种方法解决: 1. 对图片进行压缩处理 1)网页搜索「图片在线压缩」,选择其中一个网站,上传图片,压缩文件,下载。 [图片] 2)将压缩后的文件,放在小程序里的image文件夹里,注意图片支持 JPG、PNG、SVG、WEBP、GIF 等格式。 [图片] 3)回到开发工具,我们替换头像的图片地址 首先我们开启「可视化」,点击模拟器中的头像,可以定位到头像图片的代码行,看到头像图片class属于“user-img”,src代表的是图片的资源地址,然后我们将图片的资源地址替换成我们想要修改的图片资源地址。 资源地址写法有两种: a. 相对路径:../表示返回访问上一级目录,如"../images/userimg.png" b. 绝对路径:以"/"开头,表示从根目录开始寻找文件,如"/pages/images/userimg.png" 替换前: [图片] 替换后: [图片] 2. 我们推荐使用图床功能,将图片转化为URL格式 1)网页搜索「图床外链生成器」,选择一个网站,上传图片 [图片] 复制URL链接 [图片] 2)回到开发工具,将URL链接替换掉本地的文件地址 首先我们开启「可视化」,点击模拟器中的头像,可以定位到头像图片的代码行,看到头像图片class属于“user-img”,src代表的是图片的资源地址,然后我们用URL链接替换掉原本的文件地址。 替换前: [图片] 替换后: [图片] 二、针对音频文件过大,有两种方法解决: 1. 使用图床功能,将本地音频转化为URL格式 1)网页搜索「图床外链生成器」,点开其中一个网站,上传音乐,复制URL链接 [图片] 2)回到开发工具,找到音频的路径在index.js文件中,bgm_path后面是音频的资源地址,然后我们用URL链接替换掉本地的音频地址 替换前: [图片] 替换后: [图片] 2. 使用网络的音乐资源 1)网页搜索「音乐搜索器」,点开其中一个网站,生成所需音乐的URL [图片] 复制音乐的URL的链接 [图片] 2)我们回到开发工具,找到音频的路径在index.js文件中,bgm_path后面是音频的资源地址,然后我们用URL链接替换掉本地的音频地址 替换前: [图片] 替换后: [图片]
有老师问,学生上传小程序,显示代码质量未通过,但是提示上传成功,这是什么原因呢? [图片] 代码质量扫描是找出代码中的可优化项,以及给出一些优化建议,就会提示「未通过」,但优化项不强制学生必须修改,所以「上传」小程序会提示上传成功。
有老师问,为什么创建小程序时,提示“当前开发者未绑定此AppID,请到小程序管理后台操作后重试”? [图片] 小程序的 AppID 相当于小程序平台的一个身份证,在创建小程序和发布上传小程序中都会使用到AppID。 1)如果是学生账号,按下AppID的下拉箭头,只会显示与账号绑定好的小程序AppID,学生选择任意一个,均可创建并上传发布小程序。 2)如果是老师账号,与普通开发者账号相同,按下AppID的下拉箭头,会显示所有用户在该电脑输入过的AppID,不一定是与账号绑定好的小程序AppID。老师可以点击「测试号」获取AppID测试号用于创建小程序。
有老师问,上传小程序,提示“启用组件按需注入”,怎么解决? [图片] 在 app.json 中加入 "lazyCodeLoading": "requiredComponents"可以启用小程序组件按需注入,降低小程序的启动时间和运行时内存。 [图片]
广州市第97中学
澳门培正中学
广州大学附属中学
一个问题是无法插入图片,一个是无法实现可输入文本框+搜索 [图片]
各个版本教育套件下载地址
学会 30 秒发布一个教育体验版小程序,领取教学资源包,快速在你的学校开展小程序编程课。
中学生如何开发小程序的案例、接入步骤与真实反馈
[图片]
我的歌曲替换后报错 有遇到过的吗 大佬们