如何写一个微信小程序呢?下面以知了堂实训学员做的音乐播放器小程序为例进行演示:
项目组成员:廖强、彭杰、彭韩、李金鸿、胡古月、罗显东、高志翔、陈佳兴
项目简介:本系统界面美观、使用方便、占用内存小
小程序主要包括以下几个模块:首页、列表榜单、播放界面、附近的人、个人中心
前端开发者可以快速开发小程序,因为概念基本相同,如风格、Javascript 是一样的。但具体接口不同,不能直接套用,一些事件的处理小程序有自己的标准。比如点击一个按钮,代码需要去审核、发布请求等。
微信小程序整体是基于MINA框架,官方提供了很多已经封装好的组件和API 供开发者调用,不仅包括一些常用的滚动视图,按钮,图片组件,还提供了地图(map)和画布(canvas)组件,这让未来小程序内嵌一些小游戏以及简单的地图应用成为可能。
微信开发者工具下载地址:https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html
打开以后你会看到这样的界面:
选择小程序进入后就可以添加项目了:
左侧为菜单栏,中间是编译后的预览界面,可以实时更新,右侧是项目目录。
项目收获:熟练掌握盒子模型布局、掌握HTML、CSS、JavaScript、熟练使用数据库Node.js