分类: 微信小程序

27 篇文章

第一篇:项目准备
项目准备 后端框架:django-restframwork 小程序: 创建一个全新的小程序,appid用上面我们注册的正式的appid 小程序的静态文件:在项目目录中创建images文件夹存放小程序重要用到的图片 models.py数据表 [rml_read_more]: 后端所有数据表 from django.db import models i…
第二篇:礼物列表
礼物列表 需求:从挑选礼物中到礼物列表,列表中有礼物分类。点击分类获取分类礼物 小程序端 app.json文件,由于json数据不能注释,所有注释添加在开头,添加商品列表页路由。 { "pages": [ "pages/list/list", ], "window": { "ba…
第五篇:微信用户授权登入获取用户信息
微信用户授权登入获取用户信息 需求:后端获取该用户的详情信息。保存至后台数据库,前端也要获取用户信息。 小程序端 1 必须保证用户是授权的,小程序端就可以获取非敏感信息,且要保证用户的后端保存的session_key是有效状态,将授权后的 iv,encryptedData,login_key传给后端。 app.josn [rml_read_more…
第六篇:首页生成礼包
首页生成礼包 需求:用户选择好要送的礼品过后,可以选择开奖方式,有直接开奖,满人开奖,以及定时开奖三种开奖方式,当订单创建完成后,请求支付,支付成功后,跳转到支付结果页,ps:这里支付需要商户号,所以创建订单后,直接支付成功。 小程序端 1 当用户点击生成礼包的时候,必须保证用户是登入状态,将订单信息发送给后端,创建订单后,跳转到支付结果页。 ap…
第七篇:订单结果页
订单结果页 需求: 显示当前订单信息,用户可以在该页面分享给好友,让好友参加获取他购买的礼物。 小程序端 1 请求订单数据,显示订单信息,购买者可以在这里分享给好友。 app.json { "pages": [ "pages/index/index", "pages/list/list",…
第八篇:参与抽奖
参与抽奖 需求:但用户点击购买者分享的礼物,点击进入抽奖,在抽奖之前判断1.未开奖未参与2.已经开奖跳转到结果页3.已参与未开奖开奖等待页面 小程序端 1在页面加载之前先判断是否已经参与抽奖,如果是未参与未开奖,则可以显示当前常与抽奖页面,不然就跳转到开奖结果页。 2 点击抽奖以后。跳转到等待开奖的页面 app.json { "pages…
第九篇:抽奖结果页以及填写地址
抽奖结果页以及填写地址 需求:用户进入该页面,判断是否已经开奖,如果未开奖等待开奖,如果已经开奖,则显示开奖结果,如果用户中将可以填写收货地址。 小程序端 1在开奖页面显示后端返回的数据显示开奖结果,根据不同的状态显示不同的信息,如果中奖用户可以填写收货地址。如果未中奖或者未开奖则显示相应的结果。 app.json { "pages&qu…
第十篇:我的礼物记录
我的礼物记录 需求:用户在该页面可以在该页面查看自己的参与记录,购买记录,获奖记录。 小程序端 1用户点击不同的按钮,请求不同的接口,显示给用户 app.json { "pages": [ "pages/index/index", "pages/list/list", "page…
thumbnail
第一篇:小程序的介绍
1. 小程序介绍 微信小程序是腾讯于2017年1月9日推出的一种不需要下载安装即可在微信平台上使用的应用,主要提供给企业、政府、媒体、其他组织或个人的开发者在微信平台上提供服务。 微信小程序和微信的原生功能应用在本质上是一样的——它们都是Web App。Web App就是一种通过H5页面技术实现的,和Native App的功能和界面几乎一样的手机A…
thumbnail
第二篇:开发环境的准备
1. 开发环境的准备 1.1. 注册账号 访问注册页面,耐心完成注册即可。 1.2. 获取APPID 由于后期调用微信小程序的接口等功能,需要索取开发者的小程序中的APPID,所以在注册成功后,可登录,然后获取APPID。 登录,成功后可看到如下界面 然后复制你的APPID,悄悄的保存起来,不要给别人看到😄。 1.3. 开发工具 严格来说,微信小程…
thumbnail
第三篇:我的第一个微信小程序
3. 我的第一个微信小程序 下面开始演示如何创建我的第一个微信小程序 3.1. 安装微信小程序开发者工具 下载好微信小程序开发者工具后,直接双击安装,一直点击下一步即可。 安装好后,界面如下 3.2. 选择小程序项目 3.3. 新建项目 3.4. 创建项目 3.5. 成功
thumbnail
第五篇:小程序结构目录
小程序结构目录 小程序框架的目标是通过尽可能简单、高效的方式让开发者可以在微信中开发具有原生 APP 体验的服务。 小程序框架提供了自己的视图层描述语言 WXML 和 WXSS,以及 JavaScript,并在视图层与逻辑层间提供了数据传输和事件系统,让开发者能够专注于数据与逻辑。 官网 5.1. 小程序文件结构和传统web对比 结构 传统web …
第六篇:配置介绍
1. 配置介绍 一个小程序应用程序会包括最基本的两种配置文件。一种是全局的 app.json 和 页面自己的 page.json 注意:配置文件中不能出现注释 1.1. 全局配置app.json app.json 是当前小程序的全局配置,包括了小程序的所有页面路径、界面表现、网络超时时间、底部 tab 等。普通快速启动项目里边的 app.json …
第七篇:视图层
1. 视图层 WXML(WeiXin Markup Language)是框架设计的一套标签语言,结合基础组件、事件系统,可以构建出页面的结构。 1.1. 数据绑定 1.1.1. 普通写法 <view> {{ message }} </view> Page({ data: { message: 'Hello MINA…
第八篇:WXSS样式文件
1. WXSS WXSS(WeiXin Style Sheets)是一套样式语言,用于描述 WXML 的组件样式。 与 CSS 相比,WXSS 扩展的特性有: 尺寸单位 样式导入 1.1. 尺寸单位 rpx(responsive pixel): 可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在 iPhone6 上,屏幕宽度为375px,共…
第九篇:基础组件
1. 基本组件 小程序提供了常用的标签组件用于构建页面 组件 前端的菜鸡,你的福利来了 1.1. view 类似 div 属性名 类型 默认值 说明 hover-class String none 指定按下去的样式类。当 hover-class="none" 时,没有点击态效果 1.1.1. 代码 <view hover-…
thumbnail
第十篇:事件
事件 常见的事件有: 类型 触发条件 最低版本 touchstart 手指触摸动作开始 touchmove 手指触摸后移动 touchcancel 手指触摸动作被打断,如来电提醒,弹窗 touchend 手指触摸动作结束 tap 手指触摸后马上离开 longpress 手指触摸后,超过350ms再离开,如果指定了事件回调函数并触发了这个事件,tap…
第十一篇:自定义组件
1. 自定义组件 小程序允许我们使用自定义组件的方式来构建页面。 自定义组件 ​ 是不是用的微信的组件感觉很爽啊,如果不够用怎么办? 1.1. 创建自定义组件 类似于页面,一个自定义组件由 json wxml wxss js 4个文件组成 1.1.1. 声明组件 首先需要在 json 文件中进行自定义组件声明 { "component&q…
第十三篇:小程序路由跳转
1小程序路由跳转 1.1wx.switchTab(Object object) 这里的tabBar是底下的导航栏指定的页面, 跳转到 tabBar 页面,并关闭其他所有非 tabBar 页面 参数 Object object 属性 类型 默认值 必填 说明 url string 是 需要跳转的 tabBar 页面的路径(需在 app.json 的 …
第十五篇:收货地址接口
12.6收货地址接口 12.6.1wx.chooseAddress(Object object) 基础库 1.1.0 开始支持,低版本需做兼容处理。 调用前需要 用户授权 scope.address 获取用户收货地址。调起用户编辑收货地址原生界面,并在编辑完成后返回用户选择的地址。 参数 Object object 属性 类型 默认值 必填 说明 …
thumbnail
第十六篇:微信登入与授权
1.小程序登 登入官方说明 小程序可以通过微信官方提供的登录能力方便地获取微信提供的用户身份标识,快速建立小程序内的用户体系。 登录流程时序 说明: 调用 wx.login() 获取 临时登录凭证code ,并回传到开发者服务器。 调用 code2Session 接口,换取 用户唯一标识 OpenID 和 会话密钥 session_key。 之后开…
thumbnail
第一篇:微信小程序介绍
1.1. 微信小程序基础 ​ 主要讲解微信小程序的基础使用以及相关概念知识 1.2.礼物说微信小程序 ​ 一个基于小程序的礼物说应用,加深对微信小程序基础知识的了解。 1.2.1.礼物说项目介绍 ​ 礼物说,新一代移动电商,主打礼物和全球好货指南,主要涵盖礼物、家居、服装、饰品、零食等类目。针对送礼物和挑选生活好物的痛点。礼物说采用“媒体+电商”的…

You cannot copy content of this page