【微信小程序】微信小程序开发学习记录

最新推荐文章于 2023-02-21 09:51:28 发布
最新推荐文章于 2023-02-21 09:51:28 发布
阅读量447 收藏 1
点赞数
文章标签： 小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/eureka52hz/article/details/111279359
版权

环境准备

注册账号

访问注册页面注册⻚⾯，完成注册（建议使用新邮箱）。

获取APPID

登录微信小程序，找到开发、开发设置获取APPID。

开发工具

下载地址

第一个微信小程序

打开开发者工具

登录需要扫码登录

新建项目

填写项目信息，复制获取的AppID,后端服务暂时选择不使用云服务。

开发工具

开发工具介绍

结构目录

⼩程序框架的⽬标是通过尽可能简单、⾼效的⽅式让开发者可以在微信中开发具有原⽣APP体验的服务。

文件结构与传统web对比

  • 传统web:
    • 结构 HTML
    • 样式 CSS
    • 逻辑 Javascript
    • 配置 ⽆
  • 微信⼩程序
    • 结构 HTML
    • 样式 WXSS
    • 逻辑 Javascript
    • 配置 JSON

基本目录结构

  • pages ：页面文件夹
    • index ：首页文件夹
      • index.js ：逻辑文件
      • index.json ：配置文件
      • index.wxml ：配置文件
      • index.wxss ：样式文件
  • logs ：日志页面
    • logs.js
    • logs.json
    • logs.wxml
    • logs.wxss
  • utils ：第三方工具js文件夹
    • util.js
  • app.js ：项目的全局入口文件
  • app.json ：全局配置文件
  • app.wxss ：全局样式文件
  • project.config.json ：项目配置文件 AppID
  • sitemap.json ：微信索引配置文件

配置文件

配置文件不能出现注释

全局配置文件 app.json

小程序根目录下的 app.json 文件用来对微信小程序进行全局配置，决定页面文件的路径、窗口表现、设置网络超时时间、设置多 tab 等。
完整配置项说明请参考小程序全局配置
以下是一个包含了部分常用配置选项的 app.json ：

{
  "pages": [
    "pages/index/index",
    "pages/logs/index"
  ],
  "window": {
    "navigationBarTitleText": "Demo",
    "backgroundTextStyle":"light",
    "navigationBarBackgroundColor": "#fff",
    "navigationBarTitleText": "WeChat",
    "navigationBarTextStyle":"black"
  },
  "tabBar": {
    "list": [{
      "pagePath": "pages/index/index",
      "text": "首页"
    }, {
      "pagePath": "pages/logs/index",
      "text": "日志"
    }]
  },
  "networkTimeout": {
    "request": 10000,
    "downloadFile": 10000
  },
  "debug": true,
  "navigateToMiniProgramAppIdList": [
    "wxe5f52902cf4de896"
  ]
}

页面配置 page.json

这⾥的page.json其实⽤来表⽰⻚⾯⽬录下的page.json这类和⼩程序⻚⾯相关的配置。开发者可以独⽴定义每个⻚⾯的⼀些属性，如顶部颜⾊、是否允许下拉刷新等等。每一个小程序页面也可以使用同名 .json 文件来对本页面的窗口表现进行配置，页面中配置项会覆盖app.json 的 window 中相同的配置项。
完整配置项说明请参考小程序页面配置

sitemap 配置

通过 sitemap.json 配置，或者管理后台页面收录开关来配置其小程序页面是否允许微信索引。当开发者允许微信索引时，微信会通过爬虫的形式，为小程序的页面内容建立索引。当用户的搜索词条触发该索引时，小程序的页面将可能展示在搜索结果中。 爬虫访问小程序内页面时，会携带特定的 user-agent：mpcrawler 及场景值：1129。需要注意的是，若小程序爬虫发现的页面数据和真实用户的呈现不一致，那么该页面将不会进入索引中。sitemap

模板语法

WXML（WeiXin Markup Language）是框架设计的⼀套标签语⾔，结合基础组件、事件系统，可以构建出⻚⾯的结构。

数据绑定

普通写法

<view>{{name}}</view>

Page({
    data:{
        name:'丽丝'
    }
})

组件属性

<view id="item-{{id}}"></view>

Page({
    data:{
        id:0
    }
})

bool类型

不要直接写checked="false"，其计算结果是⼀个字符串

<checkbox checked="{{false}}"></checkbox>

运算

三元运算

<view hidden="{{ flag ? true : false }}"></view>
<view>
	{{10%2===0 ? '偶数' : '奇数'}}
</view>

算术运算

<view>
	{{a+b}}+{{c}}+d
</view>

Page({
    data:{
        a:1,
        b:3,
        c:5
    }
})

逻辑判断

<view wx:if="{{length > 5}}"></view>

字符串运算

<view>{{"hello" + name}}</view>

列表渲染(遍历)

wx:for

项的变量名默认为 item wx:for-item 可以指定数组当前元素的变量名
下标变量名默认为 index wx:for-index 可以指定数组当前下标的变量名
wx:key ⽤来提⾼数组渲染的性能
wx:key绑定的值有如下选择:

  • string 类型,表⽰循环项中的唯⼀属性
  • 保留字*this,它的意思是item本⾝，*this代表的必须是唯⼀的字符串和数组。
<view>
	<view wx:for="{{ list }}" wx:for-item="item" wx:for-index="index" wx:key="id">
			索引：{{ index }}
			--
			值：{{ item.name }}
	</view>
</view>
<view>
	<view>对象循环</view>
	<view wx:for="{{person}}" wx:for-item="value" wx:for-index="key" wx:key="age">
		属性：{{key}}
		--
		值：{{value}}
	</view>
</view>

block

渲染⼀个包含多节点的结构块?block最终不会变成真正的dom元素

<view>
	<view>对象循环</view>
	<block wx:for="{{person}}" wx:for-item="value" wx:for-index="key" wx:key="age" class="my_list">
		属性：{{key}}
		--
		值：{{value}}
	</block>
</view>

条件渲染

wx:if

使用wx:if="{{condtion}}"判断是否需要渲染代码块。

    <view>条件渲染</view>
	<view wx:if="{{true}}">显示</view>
	<view wx:if="{{false}}">隐藏</view>

	<view wx:if="{{true}}">1</view>
	<view wx:elif="{{false}}">2</view>
	<view wx:else>3</view>

hidden

<view hidden="{{condition}}"> True </view>

频繁切换使用 hidden,不频繁则 wx:if

事件的绑定

  • wxml页面
<view>输入：
<input type="text" bindinput="handleInput"/>
</view>
<view>
 {{num}}
</view>
  • js page
Page({
 /**
  * 页面的初始数据
  */
 data: {
     num:0
 },
 // 输入框测试
 handleInput(e){
   this.setData({
     num:e.detail.value
   });
   console.log(e.detail.value);
 },
})

事件传值通过标签⾃定义属性的⽅式和 value

<button bindtap="handletap" data-operation="{{1}}">+</button>
<button bindtap="handletap" data-operation="{{-1}}">-</button>
<view>
 {{num}}
</view>

// 加减
 handletap(e){
   const nums = e.currentTarget.dataset.operation;
   this.setData({
     num:this.data.num += nums
   })
 },

样式 WXSS

WXSS(WeiXin Style Sheets)是⼀套样式语⾔，⽤于描述 WXML的组件样式。
与CSS相⽐，WXSS扩展的特性有：

  • 响应式⻓度单位 rpx
  • 样式导⼊

尺寸单位

尺寸单位

  • rpx（responsive pixel）: 可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在 iPhone6 上，屏幕宽度为375px，共有750个物理像素，则750rpx = 375px = 750物理像素，1rpx = 0.5px = 1物理像素。
设备rpx换算px (屏幕宽度/750)px换算rpx (750/屏幕宽度)
iPhone51rpx = 0.42px1px = 2.34rpx
iPhone61rpx = 0.5px1px = 2rpx
iPhone6 Plus1rpx = 0.552px1px = 1.81rpx

建议： 开发微信小程序时设计师可以用 iPhone6 作为视觉稿的标准。

注意： 在较小的屏幕上不可避免的会有一些毛刺，请在开发时尽量避免这种情况。

样式导⼊

wxss中直接就⽀持，样式导⼊功能。也可以和less中的导⼊混⽤。使⽤ @import 语句可以导⼊外联样式表，只⽀持相对路径。

/** common.wxss **/
view{
  background-color: rgb(235, 235, 235);
}
.userinfo {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.userinfo-avatar {
  width: 128rpx;
  height: 128rpx;
  margin: 20rpx;
  border-radius: 50%;
}

/**index.wxss**/
@import "../../styles/common.wxss";

选择器

目前支持的选择器有：

选择器样例样例描述
.class.intro选择所有拥有 class=“intro” 的组件
#id#firstname选择拥有 id=“firstname” 的组件
elementview选择所有 view 组件
element, elementview, checkbox选择所有文档的 view 组件和所有的 checkbox 组件
::afterview::after在 view 组件后边插入内容
::beforeview::before在 view 组件前边插入内容

常见组件

微信开发文档


<!-- text -->
<text user-select decode>text &nbsp; 123</text>
<!-- images -->
<view class="img">
  <image mode="widthFix" lazy-load src="https://konachan.net/sample/417260b75396b82c6206e044a50e4cc9/Konachan.com%20-%20318761%20sample.jpg"></image>
</view>
<!-- swiper 轮播图 -->
<swiper autoplay="true" interval="1500" circular="true" indicator-dots="true" indicator-color="#0094ff" indicator-active-color="#ff0094">
  <swiper-item>
    <image mode="widthFix" lazy-load src="https://konachan.net/sample/417260b75396b82c6206e044a50e4cc9/Konachan.com%20-%20318761%20sample.jpg"></image>
  </swiper-item>
  <swiper-item>
    <image mode="widthFix" lazy-load src="https://konachan.net/sample/417260b75396b82c6206e044a50e4cc9/Konachan.com%20-%20318761%20sample.jpg"></image>
  </swiper-item>
  <swiper-item>
    <image mode="widthFix" lazy-load src="https://konachan.net/sample/417260b75396b82c6206e044a50e4cc9/Konachan.com%20-%20318761%20sample.jpg"></image>
  </swiper-item>
</swiper>
<!-- navigator -->
<navigator hover-class="navigator-hover" url="/pages/logs/logs">log</navigator>
<!-- rich-text 标签字符串 -->
<rich-text nodes="{{html}}"></rich-text>
<!-- button -->
<button>默认按钮</button>
<button size="mini">迷你按钮</button>
<button type="primary">primary 按钮</button>
<button type="warn">warn按钮</button>
<button type="warn" plain>plain按钮</button>
<button open-type="contact">contact</button>
<button open-type="share">share</button>
<button open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumber">getPhoneNumber</button>
<button open-type="getUserInfo" bindgetuserinfo="getUserInfo">getUserInfo</button>
<button open-type="launchApp">launchApp</button>
<button open-type="openSetting">openSetting</button>
<button open-type="feedback">feedback</button>
<!-- 字体图标 -->
<view class="" hover-class="none" hover-stop-propagation="false">
  <icon type="success" size="23" color="red"></icon>
</view>
<!-- radio 单选框 -->
<radio-group bindchange="handleChange">
  <radio class="" color="red" value="male">男</radio>
  <radio class="" color="red" value="female">女</radio>
</radio-group>
<view class="" hover-class="none" hover-stop-propagation="false">您选中的是：{{gender}}</view>
<!-- checkbox 多选框 -->
<checkbox-group bindchange="handleItemChange">
  <checkbox class="" value="{{item.value}}" wx:for="{{list}}" wx:key="id">{{item.name}}</checkbox>
</checkbox-group>
<view>选中的水果：{{checkdeList}}</view>


// pages/search/search.js
Page({

    /**
     * 页面的初始数据
     */
    data: {
        html: '<div><p>demo</p></div>',
        gender: '',
        list: [{
            id: 0,
            name: '🍎',
            value: 'apple'
        }, {
            id: 1,
            name: '🍌',
            value: 'banana'
        }, {
            id: 2,
            name: '🍊',
            value: 'orange'
        }],
        checkdeList: []
    },
    // 单选框事件
    handleChange(e) {
        let gender = e.detail.value;
        this.setData({
            gender: gender == "male" ? "男" : "女"
        });
    },
    // 多选框事件
    handleItemChange(e) {
        const checkdeList = e.detail.value;
        this.setData({
            checkdeList
        })
    },
    getPhoneNumber(e) {
        console.log(e);
    },
    getUserInfo(e) {
        console.log(e);
    },
    /**
     * 生命周期函数--监听页面加载
     */
    onLoad: function(options) {

    },

    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady: function() {

    },

    /**
     * 生命周期函数--监听页面显示
     */
    onShow: function() {

    },

    /**
     * 生命周期函数--监听页面隐藏
     */
    onHide: function() {

    },

    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload: function() {

    },

    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh: function() {

    },

    /**
     * 页面上拉触底事件的处理函数
     */
    onReachBottom: function() {

    },

    /**
     * 用户点击右上角分享
     */
    onShareAppMessage: function() {

    }
})

自定义组件

创建自定义组件

⼩程序允许我们使⽤⾃定义组件的⽅式来构建⻚⾯。在微信开发者⼯具中快速创建组件的⽂件结构，项目根目录下新建components/Tabs文件夹，然后右键Tabs文件夹，新建Component，生成 json wxml wxss js 4个文件。

声明组件

需要在组件的json⽂件中进⾏⾃定义组件声明

{
  "component": true,
  "usingComponents": {}
}

编辑组件

在组件的wxml⽂件中编写组件模板，在wxss⽂件中加⼊组件样式slot 表⽰插槽，类似vue中的slot，注意：在组件wxss中不应使用ID选择器、属性选择器和标签名选择器。

<view class="tabs">
    <view class="tabs_title">
        <view wx:for="{{tabs}}" wx:key="id" class="title_item {{item.isActive?'active':''}}" bindtap="hanldeItemTap" data-index="{{index}}">
            {{item.name}}
        </view>
    </view>
    <view class="tabs_content">
        <slot></slot>
    </view>
</view>

注册组件

在组件的 js ⽂件中，需要使⽤Component()来注册组件，并提供组件的属性定义、内部数据和⾃定义⽅法

// components/Tabs/Tabs.js
Component({
    /**
     * 组件的属性列表
     */
    properties: {
        tabs: {
            type: Array,
            value: []
        }
    },
    /**
     * 组件的初始数据
     */
    data: {},

    /**
     * 组件的方法列表
     */
    methods: {
        hanldeItemTap(e) {
            const { index } = e.currentTarget.dataset;
            this.triggerEvent("itemChange", { index });
        }
    }
})

声明引入自定义组件

在⻚⾯的json⽂件中进⾏引⽤声明。还要提供对应的组件名和组件路径。

{
    "usingComponents": {
        "Tabs": "../../components/Tabs/Tabs"
    }
}

页面中使用自定义组件

<Tabs tabs="{{tabs}}" binditemChange="handleItemChange">
  <block wx:if="{{tabs[0].isActive}}">0</block>
  <block wx:elif="{{tabs[1].isActive}}">1</block>
  <block wx:elif="{{tabs[2].isActive}}">2</block>
  <block wx:else>3</block>
</Tabs>

父子组件之间的传值

父组件向子组件传值

  • 首先在父组件的 json 文件中定义子组件
{
    "usingComponents": {
        "StepDevice": "/components/StepDevice/StepDevice"
    }
}
  • 之后在父组件wxml中使用定义的组件
<StepDevice stepNum="{{item.shopNum}}"/>

  • 子组件规定的写法

    获取定义的数据使用： this.properties.stepNum
    改变数据的写法：this.setData({stepNum: 2 })

Component({
	properties:{
		stepNum: {
			type: Number,
			value: 1
		}
	},
	// 子组件的生命周期函数
	lifetimes: {
        // 在组件实例进入页面节点树时执行
        attached: function () {
            console.log(this.properties.stepNum)
        },
    },
})

子组件向父组件传值

  • 子组件的写法

如果向父组件传值使用到的固定写法this.triggerEvent('父组件定义的事件名称',{传递的数据})
也是在事件触发的时候向父组件传递数据

<!-- 子组件的写法 -->
<text class="add-btn" bindtap="addBtn">+</text>
<!-- 父组件 -->
<StepDevice bind:changeStepNum="stepChange"/>
<!-- stepChange 为父组件用来获取子组件的数据的方法 -->
  • 子组件方法

this.triggerEvent('父组件定义的事件名称',{传递的数据})父组件定义的事件名称就是bind绑定的事件名称这里的就是changeStepNum

Component({
	properties: {
        stepNum: {
            type: Number,
            value: 1
        }
    },
    methods:{
    	// 给父组件传值
        stepChange() {
            this.triggerEvent("changeStepNum", {
                stepNum: this.properties.stepNum
            })
        },
        // 每次点击的时候就把 数据传递给父组件
        addBtn() {
            this.stepChange()
        }
	 }
})
  • 父组件的写法

stepChange 为父组件用来获取子组件的数据的方法

<!-- 父组件 -->
<StepDevice bind:changeStepNum="stepChange"/>
<!-- stepChange 为父组件用来获取子组件的数据的方法 -->
  • 获取数据

数据保存在 e.detail中

stepChange(e) {
   const getStepNum = e.detail.stepNum
    console.log(getStepNum)
},

参考

生命周期

分为应⽤⽣命周期和⻚⾯⽣命周期

应用生命周期

注册小程序。接受一个 Object 参数，其指定小程序的生命周期回调等。

App() 必须在 app.js 中调用，必须调用且只能调用一次。不然会出现无法预期的后果。

Object object
属性类型默认值必填说明最低版本
onLaunchfunction否生命周期回调——监听小程序初始化。
onShowfunction否生命周期回调——监听小程序启动或切前台。
onHidefunction否生命周期回调——监听小程序切后台。
onErrorfunction否错误监听函数。
onPageNotFoundfunction否页面不存在监听函数。1.9.90
onUnhandledRejectionfunction否未处理的 Promise 拒绝事件监听函数。2.10.0
onThemeChangefunction否监听系统主题变化2.11.0
其他any否开发者可以添加任意的函数或数据变量到 Object 参数中，用 this 可以访问

页面生命周期

注册小程序中的一个页面。接受一个 Object 类型参数，其指定页面的初始数据、生命周期回调、事件处理函数等。

属性类型默认值必填说明
dataObject页面的初始数据
optionsObject页面的组件选项，同 Component 构造器 中的 options ，需要基础库版本 2.10.1
onLoadfunction生命周期回调—监听页面加载
onShowfunction生命周期回调—监听页面显示
onReadyfunction生命周期回调—监听页面初次渲染完成
onHidefunction生命周期回调—监听页面隐藏
onUnloadfunction生命周期回调—监听页面卸载
onPullDownRefreshfunction监听用户下拉动作
onReachBottomfunction页面上拉触底事件的处理函数
onShareAppMessagefunction用户点击右上角转发
onShareTimelinefunction用户点击右上角转发到朋友圈
onAddToFavoritesfunction用户点击右上角收藏
onPageScrollfunction页面滚动触发事件的处理函数
onResizefunction页面尺寸改变时触发，详见 响应显示区域变化
onTabItemTapfunction当前是 tab 页时，点击 tab 时触发
其他any开发者可以添加任意的函数或数据到 Object 参数中，在页面的函数中用 this 可以访问
bfsz
关注
微信小程序的笔记记录
caiyan851225的博客
02-21 416
const util = require('utils/util.js') //引入其他js //app.js App({ mainUrl: &amp;quot;https://xxx/&amp;quot;, // ajax请求地址 onLaunch: function () { //小程序版本更新提示 const updateManager = wx.getUpdateManager() ...
微信小程序学习记录
SCARLETT_one的博客
04-23 198
视频资料链接 视频链接
vue uniapp 微信小程序 搜索下拉框 模糊搜索
q4717529的博客
02-21 8747
vue uniapp 微信小程序 搜索下拉框 模糊搜索
仿菜谱精灵微信小程序
07-22
仿菜谱精灵微信小程序，只需要微信小程序开发工具打开就可以用。亲测可用
【微信小程序-毕设期末大作业】源码电商类微信小程序
最新发布
04-25
【微信小程序-毕设期末大作业】源码电商类微信小程序 【微信小程序-毕设期末大作业】源码电商类微信小程序【微信小程序-毕设期末大作业】源码电商类微信小程序【微信小程序-毕设期末大作业】源码电商类微信小程序...
【微信小程序-毕设期末大作业】旅游电商类开发案例微信小程序源码.zip
05-05
【微信小程序-毕设期末大作业】微信小程序源码 【微信小程序-毕设期末大作业】微信小程序源码 【微信小程序-毕设期末大作业】微信小程序源码 【微信小程序-毕设期末大作业】微信小程序源码 【微信小程序-毕设期末大...
微信小程序投票系统微信小程序云开发实现的投票微信小程序系统源码.zip
05-27
微信小程序投票系统微信小程序云开发实现的...瀑布流展示，排名，活动发布等功能排名，活动发布等功能活动发布等功能微信小程序投票系统微信小程序云开发实现的投票微信小程序系统。瀑布流展示，排名，活动发布等功能
【微信小程序-毕设期末大作业】微信小程序源码小熊的日记.zip
05-06
【微信小程序-毕设期末大作业】微信小程序源码 【微信小程序-毕设期末大作业】微信小程序源码 【微信小程序-毕设期末大作业】微信小程序源码 【微信小程序-毕设期末大作业】微信小程序源码 【微信小程序-毕设期末大...
user-select的详细用法
捷搜索
10-31 1万+
前言 做网页的时候，有些文字我们需要能被选中，有些我们不要能被选中，那么这就需要用到一个css属性了，那就是 user-select  使用方法 user-select: none|auto|text|contain|all; /*firefox浏览器*/ -moz-user-select: none|text|all; /*safari、chrome浏览器*/ -webkit-use...
微信端自动授权登陆实现 - 无第三方库版
weixin_33831196的博客
10-19 1130
2019独角兽企业重金招聘Python工程师标准>>> ...
微信小程序开发学习记录
weixin_33728708的博客
02-25 247
两天撸了一遍小程序的文档，跟网页相似，个人感觉是简化版。但是因为开放了很多微信自带的接口又使得部分功能开发起来相对方便 思维导图如下： 目前我的理解大概是这么个逻辑，以后深入学习后可能会有更改 跟着大神的计算器demo敲了一回，总算大概了解一些基础的地方了，有几个bug 1page崩了，出现脚本错误或者未正确调用page(),刚开始以为是没注册页面，后...
《iOS极光推送步骤》
wenzfcsdn的专栏
01-27 4693
1.https://www.jpush.cn/极光网创建新的应用 2.https://developer.apple.com苹果开发者网站钥匙串创建证书请求、申请开发者证书、创建APPID、申请provision文件。。。。。钥匙串创建证书请求、创建APNS推送通知证书。 3.APNS推送通知证书导出p12文件，上传到极光网（开发环境: 已验证）表示证书上传成功。 4.创建配置Pus
微信扫码网页登录，redirect_uri参数错误解决方法
子钦加油的博客
04-18 3218
在微信开放平台 【管理中心/应用详情】 设置的 【开发信息】 【授权回调域】 只要填定域名，不带https://，不带具体的页面，就可以了，不需要填完整的请求路径， 如图： 在https://open.weixin.qq.com/connect/qrconnect?appid=你的APPID&redirect_uri=回调的具体地址&response_type=cod...
java写微信小程序答辩问题_微信小程序毕业设计选题和毕业论文怎么写，答辩流程是怎样的？...
weixin_39746229的博客
12-20 1718
1. 开始准备选题大四上学期开学时开始准备论文的，首先是确定论文主题，看自己想做什么毕业设计，可以选取之前接触过的，做过的东西，这样快一些，如果选的是没接触过的方向，一定要早点开始。打算做一个小程序，因为感觉做过小程序的人比较多，而且网上视频教学资料充足，这样做的过程中遇到困难也方便请教他人或者查询资料。如果没有接触过小程序的，就要开始学习起来了；基本上按官方的文档或者网上的一些视频来学习1-2个...
uniapp H5 JSSDK封装使用
a_靖的博客
11-10 5630
先看效果吧， 封装以后使用很方便，两行代码就能得到微信网页开发中的 jssdk 的 wx.config 执行了 wx.ready 还是wx.error ，如果返回 true 就标识执行了ready ， 可以调用JSSDK的 API 了，如下图示例代码： this.$common.Init.call(this); this.wxjssdkInti().then(rr => { console.log('jssdk初始化成功', rr) wx.getLocation({ type: 'wg.
nodejs实现微信支付
越思考越清晰
06-01 1万+
1、H5支付和jssdk微信支付的区别 H5支付：只能在微信外部的浏览器进行支付 jssdk微信支付：可以让我们h5页面在微信里面调用原生的api功能，这就叫jssdk，即在微信里面完成的支付 ...
小程序和android毕设,微信小程序毕设论文（完整）
热门推荐
weixin_42207707的博客
05-26 1万+
版权声明：本文为博主原创文章，如果转载请给出原文链接：http://doofuu.com/article/4156206.html微信小程序是这几年比较火爆的毕设项目了。越来越多的学生喜欢把微信小程序当做自己的毕业设计项目。把微信小程序当做自己的毕业设计项目其实是非常新颖的毕设了。在众多毕设项目中也算是给老师眼前一亮。也给自己的加不少分。总比那些网页版图书管理、进销存系统等几十年不变的系统强上几百...
微信小程序驱动的餐厅点餐系统设计与实现
本篇毕业论文主要探讨了基于微信小程序的点餐系统的设计与实现。...这篇论文深入探讨了微信小程序在餐厅点餐系统中的应用，展示了技术选型、设计和实现过程，对于从事相关领域开发的人员具有很高的实用价值。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值