长沙小程序开发公司带来免费学习小程序开发的分享报道!有个做微商的朋友突然跟我说“欸,听说你是学计算机的,帮我整一个小程序呗,功能很简单的,巴拉巴拉”。我真是黑人问号,我一产品经理你让我搞开发??? 不过看在有报酬的份上我还是答应了他,所以临时学习一下,今天长沙小程序开发公司智企云给我们带来免费学习笔记整一个零基础入门小程序开发的一些相关报道,希望对你能有所帮助哦。趁此疫情阶段,好好学习。
小程序基本上各大平台上面都有各自的版本,原理也差不多,只不过没有一个统一的标准,这里就不对原理、环境这些做解释了各家平台上面都有介绍,而且很清楚。这一系列的文章主要以日活最高的某平台小程序为例。
首先想要开发小程序的话,需要在他家小程序平台上面申请,然后会给你一个分配一个APPID和APPsecret,相当于账号密码吧。他家平台上面还会提供一个开发者工具,开发调试发布一条龙服务,相当的方便。本篇文章的主要是介绍小程序版HelloWorld开发~
这就是开发工具的主界面了,左中右分别是模拟器(覆盖了IOS/Android/Windows/Mac)项目组织结构和编辑器,编辑器下面的调试器(可以看输出日志和网络请求之类的调试信息),跟主流的IDE差不多。
新建项目
点“项目 -> 新建项目”
填写项目名和Appid(小程序平台上面分配的,也可以点击下面的“测试号”使用官方提供的测试id),后端服务可选是否使用云开发(使用云开发的相当于把你的后台函数给XX云托管,你只需要编写对应的逻辑函数,上传上去即可,对于没有自己专属后台服务器并且又需要自动自定义的后台函数的可以考虑),由于HelloWorld不用自己定义后台逻辑,所以选择不使用云服务。
使用官方工具生成的新项目自带一个小Demo,大致功能就是主界面有一个按钮,点击会获取当前登录用户的微信名和账号昵称,如果已经获取过了的话就使用缓存的信息,并且展示出来,如下所示
哈哈哈 官方的Demo自带HeloWorld了,不过我准备给他加个新页面。
增加新页面(官方说法叫page)
右键pages文件夹,选新增文件夹,命名"hello"
然后再右键hello文件夹,选择新增page
然后会发现增加了hello.js hello.json hello.wxss hello.wxml,官方规定每个页面必须得有着四个文件,分别是业务逻辑代码文件、配置文件、样式文件(类似css)和页面文件(类似html)。
打开hello.wxml,输入 Hello, World , Ctrl + s保存修改。
然后再index.wxml里面加一个按钮,点击出后可以导航到我们的hello页面。为什么要在index.wxml中加呢?因为这是小程序默认的主页面,所以每次打开都是先到这个页面。
如图所示,加了个一个view 里面包含一个button,保存之后就可以看到主界面实时显示了效果。
其中有一个属性叫"bindtap" 这个是表示绑定一个点击事件,传入的值是我们自定义的函数"openHello"。意思是我们点击这个按钮的话,就会调用openHello这个函数。这个函数我们定义在index.js中
函数的逻辑也很简单,就是调用官方提供的wx.navigateTo函数,转到其他的页面,url表示其他页面的地址(这里需要传当前页面的相对路径)。
好的,到这里我们的HelloWorld小程序就开发完了(也没几行代码 哈哈哈 )。来看看效果
点击我们自定义的button之后,就打开hello页面了~以上就是长沙小程序开发公司智企云给我们带来的学习小程序开发方面的相关报道,关于更多小程序开发的一些学习分享我们也会陆续为大家带来,敬请关注我们,如果你对小程序开发方面有相关的问题,也可以随时为我们与我们联系,做相应的解答。如果你有小程序开发方面的业务咨询,也可以随时与我们取得联系,敬请关注!
在线客服:2225973985
每天前10名咨询有好礼
智企云 版权所有 © 2016-2018 湘ICP备11017552号
地址:长沙市高新开发区尖山路39号中电软件园总部大楼6楼
Copyright © 2015-2024 智企云 All Rights Reserved. 湘ICP备11017552号 技术支持:中亿智企云
湘公网安备43019002000674号 客服热线:0731-89908988 公司地址:长沙市高新开发区尖山路39号中电软件园总部大楼6楼