伟大光荣正确的博客

只写能跑的起来的笔记

  • 博客(26)
  • 资源 (4)
  • 收藏
  • 关注

原创 vue H5 App对接加油接口Api到自己App

自己H5 app接入第三方加油渠道接口方法

2022-09-19 16:54:32 1133 1

原创 vue H5对接团油接口(后台服务是php)

目录业务场景:简单介绍:声明业务逻辑接入代码总结:业务场景:用vue写的H5 app中现在需要接入能链集团的团油服务简单介绍:声明看团油的官方文档能顺利接通的是神仙,那种垃圾文档三流水平都算不上,缺胳膊少腿的业务逻辑其实很简单,下面详细梳理一下业务逻辑企业在团油申请成为合作方,申请通过后会给你一个渠道编码、key、Secret(这三个值注意,文档里不同接口可能叫不同的名字,就这种垃圾文档连个名字都统一不了呵呵) 根据文档的授权码接口,获取到团

2022-09-19 16:54:06 1493 2

原创 vue同一浏览器登录不同账号token覆盖导致的数据互相污染

业务场景后台管理系统有不同的角色权限,不同账号的角色权限不同登录之后看到的页面也是不一样的,当我们用同一个浏览器登录一个账号A之后,再打开一个新的tab标签页重新登录一个不同于账号A角色权限的账号B之后,浏览器中A的token被B覆盖,导致A账号提交数据时候可能会出现后台误以为是B账号进行的一些操作,从而导致后台数据保存出现匹配错误的bug解决方案一、vue中新建一个全局变量用来保存当前用户token新建一个constants.js文件/** * 全局变量定义 */export let gl

2022-04-10 23:19:52 3963 7

原创 el-pagination分页自定义前往第几页样式(下拉框形式)

el_pagination分页修改默认样式

2022-03-17 18:05:19 4090

原创 小程序之实现表格展示数据

前言由于小程序组件一般是没有表格插件的,所以只能利用页面配合wxss强行自己写一个了实现步骤wxml中代码1、先写表头<view class="tr bg-w"> <view class="th">姓名</view> <view class="th">电话</view> <view class="th ">所属部门</view> <view class="th ">注册时间</view&g

2022-03-07 21:39:39 4401 2

原创 Cordova插件cordova-plugin-media-capture实现短视频的录制上传和播放

效果图写在前面(吐槽)1、网上的教程大部分都是虎头蛇尾的不全的。互相抄来抄去真的感觉就没有一个是真正自己去写一写的,不然这里面这么多的坑就没有一个人出来说说的?下面就写写我实现功能过程中的一些问题吧,代码绝对完整并且按照步骤来一定可以成功!2、本文主要讲在Android中的实现,IOS端目前还在适配,不少问题到时候再另外单独发一篇实现逻辑1、客户端利用cordova-plugin-media-capture插件调用摄像机权限进行视频拍摄2、拍摄的视频上传至服务器3、服务端接收视频文件并转码保

2022-03-03 20:49:30 5951 5

原创 微信小程序----地理围栏实现员工防作弊地图打卡功能

效果图业务场景小程序用户(公司员工)需要在小程序选择位置打卡并上传位置,为了保证员工是真实的去指定的地点开展了公司的业务而不是虚假打卡上传的位置,需要进行地理围栏限制,要求打卡上传的位置地点必须和员工的真实位置在一个可接受的距离范围内,防止员工作弊打卡实现步骤地图选点插件的引入实现小程序地图选点功能这个很简单,腾讯官方有详细的接入步骤,通过此步骤我们可以获取到员工的选点经纬度latitudelongitude获取用户的当前定位wx.getLocation({ type: 'gcj02'

2022-03-03 05:48:44 2456 3

原创 小程序Map组件点聚合功能详细接入步骤和ios、Android真机环境以及开发者工具各种样式差异的适配过程

效果图ios效果图Android效果图开发者工具效果图业务场景需要将很多的小区根据经纬度在地图上进行标注,随着业务的推进,小区标注点越来越多,如何将所有的小区合理的分布在有限的地图空间上便于管理者全局的观察成了一个亟待解决的问题!首先当然是小程序刚更新没多久的组件map的点聚合功能了,有了点聚合还不够,如何合理的定义地图中心点也非常重要!接下来就是小程序Api MapContext.includePoints缩放视野展示所有经纬度!最后一个就是标记点markers的callout气泡窗

2022-03-02 01:19:31 4305 9

原创 IM即时通信多房间聊天室仿微信聊天(四)

聊天记录的保存和展示IM即时通信多房间聊天室仿微信聊天(一)IM即时通信多房间聊天室仿微信聊天(二)IM即时通信多房间聊天室仿微信聊天(三)聊天消息的保存我们直接在服务端接收到客户端发送的消息的时候进行操作,这样我们还可以剔除一些无用的消息,选择性的进行聊天记录的保存如用户连接进入聊天室和离开聊天室的消息我们就可以不用保存服务端在接收到GateWay转发过来的客户端消息后,进行聊天记录的保存代码如下:// /* 聊天记录保存(只保存发送的消息 不保存进入房间和离开房间数据) */

2022-03-01 10:00:32 374

原创 IM即时通信多房间聊天室仿微信聊天(三)

IM即时通信多房间聊天室仿微信聊天(页面消息展示)在IM即时通信多房间聊天室仿微信聊天(一)中我们已经搭建了基本的通信架构,接下来重点就是发送的消息在页面的展示效果了1、消息发送box(文字、语音、图片、表情等)很明显这里需要使用v-show控制不同按钮的显示/隐藏<div class="sendbox"> <div class="left-icon" @click="changeAudioButton"> <img src="../assets/img/jia

2022-03-01 09:49:26 534

原创 IM即时通信多房间聊天室仿微信聊天(二)

不依赖任何收费第三方组件,直接详细的业务逻辑和全量的代码都直接贴出来,复制即可跑起来

2022-02-25 23:48:06 541

原创 IM即时通信多房间聊天室仿微信聊天(一)

IM即时通信多房间聊天室仿微信聊天(概述)

2022-02-24 23:56:26 2864

原创 封装的H5 app无法使用van-uploader组件上传图片

vant的组件van-uploader上传图片在vue做H5时候是没有问题的,就是说直接在浏览器上是可以的但是一旦封装成客户端android和ios的时候直接就失效了今天我把自己写的一个组件分享给大家我这里用的封装框架是cordova,用cordova讲vue H5的项目封装成客户端app1、组件内容<template> <div class="uploader"> <div class="info-imgs" v-for="(item, index) in u

2022-01-15 11:17:35 5388 1

原创 手机端在线商城开发(前端vue+后台php)

前言最近接项目做了一个在线商城项目,因为工作中开发的业务不涉及到前端的一些商城服务,今天写出来记录一下,希望能对大家有一些借鉴意义业务说明整个商城中主要就是商品这个属性稍微有些复杂,至于后台数据库关于订单、购物车、地址管理、订单信息这些做起来比较快,因为平时主要做的就是后端服务。前后端都是自己开发的,所以效率也会高很多,毕竟前端需要的数据我可以尽可能的从后台整理好格式直接发送给前端商品商品主要有两个属性SKU和SPU,这里根据我自己的理解简单的解释一下SKU:就是商品规格属性SPU:怎么说呢,

2022-01-15 10:43:16 1187

原创 支付宝H5支付(手机网站支付)

前言接了支付宝这个支付之后我不得不说几句首先这个文档是真的垃圾!花里胡哨乱七八糟,找起来那叫一个费劲!当然可能因为人家业务复杂,逻辑严谨把他们的demo还是算了吧,那个demo就像什么呢,就像复制粘贴过来然后还不把别人东西去掉的意思!里面一堆用不着的代码!不建议下载学习,那样反而容易误导支付的逻辑这么一对比,微信还是牛批不少,自上而下的企业精神—严谨、简约!看支付宝app和微信app就知道了!垃圾归垃圾没办法还得接,都是穷惹的祸啊总而言之,垃圾demo不看也罢!进入正题。。。全程按照我的步骤

2021-10-13 18:09:15 9288 3

原创 cordova Android中webview加载第三方https链接中的http图片不显示解决方法

问题场景:cordova生成的android app在引入第三方的https网址时候,里面有图片是http链接形式加载的,这样会导致此图片不能正常显示,如图:解决方法:找到cordova webview插件inappbrowser逻辑代码找到代码中设置webview websetting的地方加入如下代码: //解决https第三方网址加载http图片 settings.setBlockNetworkImage(false); if(Build.VERSION.SDK_INT >=

2021-09-29 07:31:58 895

原创 cordova打包ios到上架AppStore全过程记录(无敌详细)

前言上一篇已经讲了cordova打包android app的全过程,在这里关于打包ios的过程就尽量简单说一下了。ios重点就是配置开发者证书的一些东西稍微复杂一点,下面图文详细的一步步操作。ios的配置证书我总结一下大致如下:首先需要证书和appid,pp文件(配置文件)其实是将appid和证书绑定的作用,主要就是这三个的配置一.配置ios证书1.打开钥匙串访问2.钥匙串访问—证书助理—从证书颁发机构请求证书:3.填写申请证书的一些信息:4.本地生成了.cer文件(这个文件是后续在

2021-09-11 23:36:27 3314 2

原创 Cordova封装打包vue H5项目到Android平台详解

安装Cordovanpm install -g cordova安装完成之后终端输入cordova显示下图即表示安装成功创建Cordova项目进入你要创建项目的目录执行:cordova create helloWorldhelloWorld即为你的项目名成功创建之后文件夹如下:创建平台(这里是Android)进入刚才创建的Cordova项目helloWorld中cordova platform add android如果需要添加指定版本的android则在后面加上版本号co

2021-09-05 08:52:07 1407 8

原创 vue引入echart柱状图详细流程步骤

安装echarts插件:npm install echarts --save这里只讲按需引入,因为全局引入写死的比较简单:在需要引入的.vue中:import * as echarts from 'echarts'接下来创建放置柱状图的容器:<div id='chart' style="width:100%;height:300px"></div>JS mounted方法中执行初始化echart的方法(这里我加了一个延时方法确保..

2021-09-04 17:56:19 1190 3

原创 小程序构建npm---miniprogarm_npm包

小程序引入第三方npm包并没有生成miniprogram_npm 包的解决方案查看自己项目是否有package.json文件,如果没有,打开终端输入npm init就可以看到新生成的package.json文件了右上角--详情--本地设置--勾选使用npm模块 然后开始引入自己的第三方库(这里我以引入vant Weapp为例)控制台输入npm i @vant/weapp -S --production成功之后就可以在项目中看到node_modules文件夹了...

2021-09-04 06:15:10 2276

原创 thinkphp后台管理系统+vue前端H5 app

thinkphp后台管理系统+vue前端H5 app众包接单型App全部源码已发布,欢迎star,移步码云前言1.帮朋友做的一个接单类型的后台管理系统(朋友的需求是淘宝好评刷管理)2.目前利用空闲时间改造成了接单众包类型的后台管理系统并且利用vue做了个手机端H5App3.目前没有服务器提供演示(具体我都会截图看效果)业务场景介绍当前十分火热的众包模式如美团众包,阿里众包等,国外已经火了很久了witkee模式简单来讲就是用户可以在app中发布自己的需求让其他有能力的用户替自己办事并获得相

2021-07-11 14:37:02 1751

原创 PS修改寸照背景色

1.command+J:复制图层2.选中魔法棒,选中背景3.command+delete:删除背景4.选中需要的背景色5.alt+delete即可修改为你需要的背景色

2015-09-18 21:28:56 720

原创 ORACLE数据库的导入导出(网上看了无数教程,感觉不好用,自己便总结了一下)

例子:将本地NETBANK和MMC用户中的表导入本地的DAOCHU1和DAOCHU2用户中(导远程服务器是一样的)1.导出操作:(dos命令操作)命令结束的时候会提示成功导入,这里就不截图了!下面我们打开我们导出文件的位置看看 2.将从MMC用户中导出的mmc.dmp文件导入DAOCHU1用户中 如果导入成功则会显示如下: 就这样数据库就成功导入了!完成了数据的迁移 如果各位

2015-09-18 09:56:27 468

原创 用PS替换图标的详细操作

http://blog.51cto.com/user_index.php?action=addblog_new&did=168010

2015-09-17 22:21:57 2036

原创 Mac上用虚拟机安装windows系统

1.下载虚拟机软件这里推荐用VirtualBox,毕竟开源软件,完全免费,那些破解版的虚拟机感觉至少性能上没它稳定 下载安装好以后如图所示: 打开以后界面如下: 2.下载win7iso镜像文件: 3.下面我们就开始在虚拟机中装系统了,具体步骤参考下图: 点击继续以后我们开始下一步: 虚拟机会自动加载iso文件,安装好以后如下图所示: 然后就是无脑下一步就可以完成装机

2015-09-17 22:17:07 1371

原创 jsp知识点总结

1.什么是jsp:sun公司制定的一种服务器端动态页面技术的组件规范,什么意思呢说白了就是你HTML脚本职能在网页上显示静态的页面,比如1+1=,那么如果我要在前端显示计算结果怎么办呢?这个时候HTml是做不到的,因为他无法进行计算操作,也就是动态的操作所以必须在服务器端你就要有一个很好的组件来给我做计算,这个时候jsp诞生了,是HTML代码和JAVA代码的组合2.为什么要

2015-09-15 22:14:31 347

Cordova短视频拍摄上传显示播放组件

Cordova短视频拍摄上传显示播放组件

2022-03-03

团油成功调用API(PHP)

团油成功调用API(PHP)

2022-02-26

Vant 官方默认的省市区数据

Vant 官方默认的省市区数据json格式的引入

2022-01-15

Android开发包JDK androidSDK gradle

JDK,AS,gradle

2021-09-04

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除