草庐IT

uniapp开发小程序,实现获取【微信授权登录】功能

APP微信授权登录需要到微信开放平台申请,在HBuilderX配置APPSDK中微信登录的appId,另外需要跟小程序、公众号授权账号互通的话也需要在微信开放平台申请1、在微信公众平台申请应用,获取相应的appid和appsecret2、在HBuilderX配置APPSDK中微信登录的appId和appsecret一、解题思路:微信授权登录(获取用户信息)| 小程序登录|微信开放文档 1.先获取用户信息——用户授权允许后,通过调用uni.login可以获取到code。2.拿着获取到的code去调用——登录接口,可以获取到token。3.把token存入缓存。就可以在页面判断是否登录了。二、代码

【视频】横屏播放,uniapp,微信小程序,可选择播放速度,暂停和继续播放

template> viewclass="form1boxu-f"> imagesrc="@/static/img/fanhui.png"mode=""class="u-w-25.86u-h-25.86u-m-r-21"@click="leftClick">/image> viewclass="content"> videoid="myVideo" class="u-w-460" :style="{'height':winheight+'px'}" autoplay :src="videosrc" object-fit='cover' :controls='

uniapp构建微信小程序,有地图点,点击时进入导航页面。【伸手党福利】

适用于微信小程序(h5)目前无法显示红点,但是点击有反应,可以进入导航。注意,slheader是自定义的标签,和本次内容无关前期配置本示例是展示店面的地址,点击红点可以打开地图并导航到该店面。template> viewclass="content"> slheader:ableexit="false":ableback="true"title="店铺位置"style="z-index:999;">slheader> mapstyle="width:100%;height:1500rpx;margin:0;":layer-style='5':show-location='true':lat

uniapp微信小程序消息订阅快速上手

一、微信公众平台小程序开通消息订阅并设置模板这边的模板id和详细内容后续前后端需要使用二、uniapp前端需要是一个button触发js:wx.getSetting({ success(res){ console.log(res) if(res.authSetting['scope.subscribeMessage']){ //业务逻辑 }else{ uni.requestSubscribeMessage({ tmplIds:[_config.TEMPLATE_ID], success(res){ console.log("订阅成功!") //业务逻辑 }

uniapp-vue-微信小程序 可拖动底部抽屉

微信小程序要求:底部上划到一定位置停止,我用的是hbuildX插件实现,插件比较简单,具体使用往下看实现效果:https://download.csdn.net/download/YaRuu/87600627?spm=1001.2014.3001.5501插件地址:https://ext.dcloud.net.cn/plugin?id=7921插件下载到hbuildX里的需要的项目里,就可以直接用了代码实现:{{item.value}}{{item.value}}          {{item}}data(){  return{proportionvc:0.4,//抽屉初始显示的位置,内容的

placeholder样式自定义(uniapp 微信小程序、h5)

一、使用uniapp开发①第一种方式:(写在行内)inputtype="text"placeholder="姓名"placeholder-style="font-size:28rpx;color:#999999;"/>②第二种方式:(给input加上placeholder-class属性,然后给该属性设置一个类名,在style中设置样式。)inputtype="text"placeholder="地址"placeholder-class="address"/>style> .address{ color:red; }/style>二、使用H5开发inputtype="text"placeho

uniapp 小程序 picker 日期时间段选择(精确到年月日时分)

效果图:picker时间段选择需要引入moment.js,有可能引入后在项目内会报错,可以考虑把选择日期作为一个组件引入1、timepage.vue组件封装template> view> pickermode="multiSelector":value="dateTimeIndex":range="dateTimeArray"range-key="name" @change="dateTimeChange"> viewclass="uni-input"> textv-if="travelDate===''"style="color:#bbb">请选择/text> text

uniapp的webview实现左滑返回上一个页面

uniapp默认左滑是关闭整个webview,而不是关闭当前页实现思路:拦截webview的url跳转操作,将新url用webview组件重新打开,当左滑的时候,默认关闭的就是当前webview,继而跳转到上一次的页面中template> view> web-view:src="weburl":update-title="false":webview-styles="webviewStyles"> web-view> view>template>script> exportdefault{ data(){ return{ //进度条 webviewStyles:{

uniapp 选择地址

uni.getLocation(OBJECT)|uni-app官网wx.getSetting({ success:(res)=>{ if(!res.authSetting['scope.userLocation']){ wx.authorize({ scope:'scope.userLocation', success:(res)=>{ }, fail:(res)=>{ wx.showModal({ title:'提示', content:'位置信息未授权,点击确定前往授权',

java基于微信小程序的流浪猫狗动物收养系统 uniapp 小程序

随着迅速的发展,宠物饲养也较以前发生很大的变化,社区流浪猫狗救助网站系统以其独有的优势脱颖而出。“社区流浪猫狗救助网站”是以JAVA程序设计语言课为基础的设计出适合社区流浪猫狗救助网站,其开发过程主要包括后台数据库的建立与维护、中间业务逻辑的处理及前端界面数据的显示与交互。环境需要1.运行环境:微信开发者工具,最好是javajdk1.8,这是目前最稳定的JDK也是被使用最多的JDK版本。2.IDE环境:IDEA,Eclipse都可以。推荐IDEA;3.tomcat环境:Tomcat7/Tomcat8/Tomcat9版本均可4.硬件环境:windows7/8/101G内存以上;或者MacOS;5