公众号扫描二维码(前端uniapp、后端java)

1、前端

<template>
	<view style="display: flex;flex-direction: column;height: 100%;width: 100%;text-align: center;">
		<view
			style="position: fixed;width: 100%;height: 100%;background-color: #808080;opacity: 0.5;display: flex;justify-content: center;align-items: center;z-index: 999;"
			v-if="hastoken==false">
			<button @click="getCode" type="default"
				style="height: 80rpx;display: flex;align-items: center;justify-content: center;margin-top: 100rpx;">
				<label style="opacity: 1;font-size: 35rpx;">
					{
  {btnTxt}}
				</label>
			</button>
		</view>
		<view style="width: 100%;height: 100upx;">
			<input class="uni-input" :value="codebar"  placeholder="二维码扫描" />
		</view>
		<view style="width: width: 100%;height: 500upx;">
			<button focus @click="scan()" type="primary">点击扫描</button>
		</view>
		<view style="width: width: 100%;height: 500upx;">
			<page-head :title="title"></page-head>
			<text>{
  {text}}</text>
		</view>

	</view>
</template>

<script>
	import config from "../../common/config.js"
	var jweixin = require('jweixin-module');
	export default {
		data() {
			return {
				hastoken: false,
				btnTxt: '授权登录',
				title: '返回信息',
				codebar: '123',
				text: '2022-3-7,9,吉林省长春市朱老六食品股份有限公司'

					,
				providerList: [],
				version: ''
			}
		},
		created() {
			this.initData()
			
		},
		onTabItemTap() {

			this.initData()
			this.initScan()
		},

		onLoad() {

		},
		methods: {
			initData() {
				var openid = uni.getStorageSync('openid');
				if (openid != '') {
					this.hastoken = true;
				} else {
					this.hastoken = false
					uni.switchTab({

						url: '../monitor/monitor'
					})
				}
			},
			initScan() {
				uni.showLoading({
					title: '加载中......'
				});
				var url=location.href.split('#')[0];
				 
				var pageUrl ={
				        url:url
				    };
			
					//alert(JSON.stringify(pageUrl),);
				uni.request({
					url: config.baseurl + "/API/scanQRCode",
					method: 'POST',
					dataType
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值