微信小程序代码讲解?选择创建「项目」,填入上文获取到的 AppID,设置一个本地项目的名称(非小程序名称),比如「我的第一个项目」,并选择一个本地的文件夹作为代码存储的目录,点击「新建项目」就可以了。那么,微信小程序代码讲解?一起来了解一下吧。
最近在研究微信小程序怎么玩的。接触后发现好多的坑。
比如在浏览器中我们可以通过document.getElementById 获取到页面的DOM对象。而在微信小程序中是获取不到DOM对象的。document.getElementById() 直接报错 getElementById not function 我也是醉了。不支持这个好多有趣的功能不能实现了。
言归正传,我谈下获取用户信息的感想。
有两种获取用户信息的方案。
1、不包含敏感信息openId 的json对象(包含:nickname、avatarUrl等基本信息)
2、包含敏感信息openId的基本信息。
第一种获取方案
1、首先调用wx.login()接口 让用户授权验证,也就是我们肉眼观察到的,你是否对xxxxx授权这种信息。
2、用户成功授权后,调用wx.getUserInfo() 接口获取用户信息。
完整代码如下
wx.login({
success:function(){
wx.getUserInfo({
success:function(res){
var simpleUser = res.userInfo;
console.log(simpleUser.nickName);
}
});
}
});
第二种比较复杂了,需要与后台进行交互才能获得userInfo,但是这种方案获得的数据是完整的(包含openId)。
如今微信小程序可以说是遍地开花,外卖小程序、奶茶小程序、餐厅小程序、图书小程序、小程序......各种各样的微信小程序已渗透到我们的日常生活工作中。
确实,微信小程序由于其“即开即用、用完即关、操作简便”的特性,一直受到广大用户的喜爱。而自带巨大流量的微信小程序对于各企业商家来说,更是进行营销推广的绝佳方式。所以今天小编就跟大家聊聊微信小程序的开发。
说到微信小程序的开发,大多数人脑海里第一个冒出来的想法就是,得用编程代码知识来开发小程序。难道只有这一种办法吗?难道没学过编程,零基础的人就不能开发微信小程序了吗?当然不是了!肯定有不需要用到编程知识,侧重于实际操作,适合小白的微信小程序开发方法。下面就是小编自己做微信小程序开发的简单流程(基于乔拓云网制作,其中包括确定类型、设计搭建、提交审核发布),分享给大家:
一、确定小程序类型
在开发微信小程序之前,得先想好要做一个哪种类型的小程序,避免后续因为不确定,没方向而无法继续开发小程序,小编要做的是一个鲜花门店的微信小程序。
二、设计搭建小程序
1. 选择开发。
开始开发应用号之前,先看看公布的「小程序」教程吧!(以下内容来自微信公布的「小程序」开发指南)
本文档将带你一步步创建完成一个微信小程序,并可以在手机上体验该小程序的实际效果。这个小程序的首页将会显示欢迎语以及当前用户的微信头像,点击头像,可以在新开的页面中查看当前小程序的启动日志。
1. 获取微信小程序的 AppID 首先,我们需要拥有一个帐号,如果你能看到该文档,我们应当已经邀请并为你创建好一个帐号。注意不可直接使用服务号或订阅号的 AppID。 利用提供的帐号,https://mp.weixin.qq.com,就可以在网站的「设置」-「开发者设置」中,查看到微信小程序的 AppID 了。 ignore_js_op
2. 创建项目 我们需要通过开发者,来完成小程序创建和代码编辑。 开发者安装完成后,打开并使用微信扫码。选择创建「项目」,填入上文获取到的 AppID,设置一个本地项目的名称(非小程序名称),比如「我的第一个项目」,并选择一个本地的文件夹作为代码存储的目录,点击「新建项目」就可以了。
为方便初学者了解微信小程序的基本代码结构,在创建过程中,如果选择的本地文件夹是个空文件夹,开发者会提示,是否需要创建一个 quick start 项目。
使用教程:
1、网页搜索小程序,进入小程序搭建,如图1。
2、进入右上角点击“注册”按钮,如图2。
3、编辑一个用户名、密码,输入验证码并确认注册协议,如图3。
4、编辑一个小程序名字、录入手机号码和找回密码的邮箱账号,如图4。
5、数字产品类型选择界面,选择小程序,如图5。
6、左侧选择或商城,为展示型小程序模板。根据行业选择小程序模板,预览模板后,点击选用并点击确认按钮,如图6、图7。
7、点击小程序模板头部区域,弹出铅笔图标后,进入编辑框替换logo,该模板logo为透明色,请按照提示尺寸进行上传,如图8、图9。
8、鼠标点击首页轮播图,弹出铅笔图标后,点击进入编辑框,按照提示尺寸,替换图片如图10、图11和图12。
9、小程序导航数量可以根据实际需求进行增减。如果是商城类小程序,导航分类一般对应产品类型,如图13、图14和图15。
10、上传产品后,鼠标点击商品板块,弹出铅笔图标后进去编辑框,设置商品按条件自动调用,该功能配置好以后,新增产品会自动出现在各个对应板块,如图16、图17。
11、首页界面设计完成以后,点击左侧页面、添加栏目按钮继续设计其他页面,比如展示型小程序常用的关于我们、联系我们、品牌特色等页面,在设计过程中,可以从素材、模块里拖拽功能插件到页面里,如图18、图19和图20。
微信小程序开发步骤:
1、打开微信公众
2、点击注册小程序
3、填写信息:把里面的信息填写清楚。
4、信息激活登记:到邮箱里激活信息。
5、商城页面设计:可自己开发,也可以找外包公司定制开发。
6、发布:上传版本
7、等待审核:这一步就可以等着后台审核了,在开发管理页面查看审核进度。
以上就是微信小程序代码讲解的全部内容,这段是js代码,其中包含的 Date()函数,和数组的一些方法 Date()函数通过getFullYear()获得年份,getMonth()获得月份,getDate()获得日期,getHours()获取小时,getMinutes()获取分钟。