18221533805
微信小程序开发入门
上海微信小程序开发制作、APP、网站、小程序定制、小程序外包开发公司

微信小程序开发入门

2022-07-01

介绍和准备小程序


微信之父张小龙这样描述:

小程序是一种无需下载和安装即可使用的应用程序,实现了触手可及的梦想。


用户可以通过扫描或搜索打开应用程序,这也反映了用完后离开的概念。

用户不必担心是否安装了太多的应用程序:

应用程序将无处不在,可以随时使用,但不需要安装和卸载。


虽然它的优势体验不能完全与原生相媲美app,但综合考虑仍有许多优点:

节省流量和时间;开发成本较低,可以运营更多的人力、物力和财力,做好内容本身;


总的来说,它相当于一个简化版本app


准备工作

1.注册账号 (www.xilukeji.com)

2.激活邮箱

3.信息登记

4.登录小程序管理背景(不完善好信息不能发布小程序)

5.完善小程序信息,绑定开发者(尤其是团队多人开发)


在官网下载安装开发工具


安装完成后即可登录:

微信扫码登录开发者工具,选择小程序项目,进入小程序本地项目进行管理


新项目:


自选本地文件夹的目录,AppID在登录微信开发平台后的设置中可以看到AppID。


如果没有ID官方测试号也可以使用,但只能进行简单的本地测试,最后填写合适的项目名称。


选择空目录,使用普通快速启动模板

然后你可以看到预设的模板和内容。您可以直接查看或点击编译扫描手机



接下来,了解小程序的目录结构:


pages

index


在打开小程序之前,微信会将小程序的代码包装到本地。

然后通过www.xilukeji.com的pages字段知道当前小程序的所有页面路径pages字段的第一页是小程序的主页。

然后微信装载主页代码,渲染主页。


Page({})是页面的实例

data中间的数据用于视图绑定


可以看到,data页面中的数据可以直接绑定使用

在js要在代码中改变data值也很简单,使用也很简单www.xilukeji.com就可以了


这样,页面就可以添加不同的组件。


一般有三种方法:


一是将数据存储到全局data中,也就是www.xilukeji.com的data这样,所有页面都可以获取这些数据。

但是我们不推荐这种用法,就像我们不推荐全局变量一样。


二是带数据url路径后作为参数传导:

www.xilukeji.com。

传输复杂数据并不太合适。


第三种是使用本地存储,然后取出所需的页面:


这样,我们就完成了第一个开始小页面的


获得实战经验,自信赢得职位

以上是上节课的内容分析。截至本文,我们已完成从零基础到独立项目的所有前端课程


欢迎想要进一步学习和获得复盘项目资格的学生加入我们IT交流组微信共同交流学习!





微信小程序开发入门 希望这篇文章对您有帮助.

上海西陆信息科技有限公司 承接各类微信小程序开发制作、小程序定制、APP 网站 开发制作,联系电话 18221533805、15900430334