Uniapp日常总结

uniapp 用web-view嵌套网页地址并传参

小程序登陆后把token和openId对应传到pc端pc端有两套一套pc端代码和适应移动端的代码嵌套的是适应移动端的代码1.uniappexportdefault{data(){return{url:'
jiojio在学习勒·2024-01-25 05:20

[精品毕设]基于Uniapp+springboot智慧农业环境监测App

《[含文档+PPT+源码等]精品基于Uniapp+springboot智慧农业环境监测App》该项目含有源码、文档、PPT、配套开发软件、软件安装教程、项目发布教程、包运行成功！
IT实践课堂·2024-01-25 04:13

[精品毕设]基于Uniapp+springboot智慧校园管理系统App课程选课成绩

《[含文档+PPT+源码等]精品基于Uniapp+springboot智慧校园管理系统App》该项目含有源码、文档、PPT、配套开发软件、软件安装教程、项目发布教程、包运行成功！
IT实践课堂·2024-01-25 04:13

[精品毕设]基于Uniapp+springboot智能家居环境检测App

《[含文档+PPT+源码等]精品基于Uniapp+springboot智能家居环境检测App》该项目含有源码、文档、PPT、配套开发软件、软件安装教程、项目发布教程、包运行成功！
IT实践课堂·2024-01-25 04:13

[精品毕设]基于Uniapp+springboot校园学校趣事管理系统app

《[含文档+PPT+源码等]精品基于Uniapp+springboot趣事管理系统app》该项目含有源码、文档、PPT、配套开发软件、软件安装教程、项目发布教程、包运行成功！
IT实践课堂·2024-01-25 04:42

[精品毕设]微信小程序小说阅读器+后台管理系统|前后分离VUE

软件安装教程、项目发布教程等本系统包含微信小程序前台和Java做的后台管理系统，该后台采用前后台前后分离的形式使用Java+VUE微信小程序——前台涉及技术：WXML和WXSS、JavaScript、uniappJava
IT实践课堂·2024-01-25 04:11

[精品毕设]基于Uniapp+springboot自习室预约系统App教室阅览室

《[含文档+PPT+源码等]精品基于Uniapp+springboot自习室预约系统App》该项目含有源码、文档、PPT、配套开发软件、软件安装教程、项目发布教程、包运行成功！
IT实践课堂·2024-01-25 04:10

#Uniapp：页面通讯 全局uni.$on(eventName,callback) && uni.$emit(eventName,OBJECT) && uni.$once(eventName,ca

uni.$on(eventName,callback)属性类型描述eventNameString事件名callbackFunction事件的回调函数监听全局的自定义事件。事件可以由uni.$emit触发，回调函数会接收所有传入事件触发函数的额外参数bb:{{num}}exportdefault{name:"b",data(){return{num:0};},created(){uni.$on('u
前端xiaolibao·2024-01-25 04:56

#Uniapp: uni.makePhoneCall(OBJECT) 拨打电话

uni.makePhoneCall(OBJECT)拨打电话拨打电话。OBJECT参数说明参数名类型必填说明phoneNumberString是需要拨打的电话号码successFunction否接口调用成功的回调failFunction否接口调用失败的回调函数completeFunction否接口调用结束的回调函数（调用成功、失败都会执行）示例联系电话：18329446555（点击拨打）method
前端xiaolibao·2024-01-25 04:56

#Uniapp: uni.previewImage(OBJECT) 预览图片

uni.previewImage(OBJECT)预览图片。api地址媒体-图片示例handlePreviewImg(current){consturls=this.rightList.map(x=>x.icon)uni.previewImage({urls,current})}OBJECT参数说明参数名类型必填说明平台差异说明countNumber否最多可以选择的图片张数，默认9见下方说明size
前端xiaolibao·2024-01-25 04:56

#Uniapp：map地图组件

示例mapOptions:{longitude:'108.95',//中心经度latitude:'34.22',//中心纬度scale:15,//缩放等级markers:[//标记点{id:1,longitude:'108.95',//中心经度latitude:'34.22',//中心纬度iconPath:'../../static/logo.png',width:30,height:30}]}属
前端xiaolibao·2024-01-25 04:25

基于SpringBoot+Vue+uniapp的多商户微信小程序商城

目录前言一、毕设目录二、系统介绍三、系统架构四、系统环境五、系统页面展示微信小程序前台springboot后台结语前言个人主页：@MIKE笔记文章专栏：毕业设计源码合集⛄联系博主：wx：mikenote一、毕设目录项目名地址B站源码主页：https://space.bilibili.com/306719765二、系统介绍http://127.0.0.1:8080/mikenote/admin/di
MIKE笔记·2024-01-25 01:51

uniapp Facebook登陆Android插件

uniappFacebook登陆Android插件介绍基于uniappFacebook登陆Android插件使用教程1.加载原⽣插件2.打包⾃定义基座，uniapp可以生成证书，需要提供别名，证书密码，
程序小院·2024-01-25 01:12

JAVA电商平台免费搭建 B2B2C商城系统 多用户商城系统 直播带货 新零售商城 o2o商城 电子商务 拼团商城 分销商城

手机端）、买家平台（H5/公众号、小程序、APP端（IOS/Android）、微服务平台（业务服务）2.核心架构SpringCloud、SpringBoot、Mybatis、Redis3.前端框架VUE、Uniapp
m0_67544708·2024-01-25 01:41

ccm-esn-uniapp社区团购商城

介绍创创猫社区团购商城，是一款完善且经过线上验证的Java电商系统。商城前端使用uni-app开发,可打包部署到微信小程序,APP,H5，系统后台则是用javaspringboot开发。本项目是消费端的前端源码,在项目详情里你也能获取到团长端/平台端/Java后台的源码。软件架构前端使用uni-app开发,uni-app是一个使用Vue.js开发所有前端应用的框架。开发者编写一套代码，可发布到iO
神码观察·2024-01-24 20:59

uniapp使用插件Sortable.js实现手机端拖拽功能

小伙伴们大家好，这篇文章绝对精简易懂，是我找了很多资料后来发现最简单的一种实现方式，喜欢的帮我点点赞吧！话不多说，直接上代码1.下载Sortable.js，这里使用的是npm的方式：npminstallsortablejs--save2.根据图上步骤打出代码3.运行即可，可以看见已经实现了拖动效果！！小伙伴们学会了吗，是不是很简单。希望留下你的点赞在走呗！这里附上Sortable.js的官方文档链
爱看书的橘子·2024-01-24 17:52

uni-app 小程序开发项目搭建

前言官网（搭建指南）：https://uniapp.dcloud.io/quickstart-cli在上手开发小程序之前，先去uni-app官网浏览下，熟悉下官网。
Windyluna·2024-01-24 17:07

uniapp css样式穿透

目录前言css样式穿透方法不加css样式穿透的代码加css样式穿透的代码不加css样式穿透的代码与加css样式穿透的代码的差别参考前言略css样式穿透方法使用/deep/进行css样式穿透不加css样式穿透的代码div{background-color:#ddd;}加css样式穿透的代码/deep/div{background-color:#ddd;}不加css样式穿透的代码与加css样式穿透的代
sayyy·2024-01-24 14:28

【uni-app填坑】H5跨域请求问题的解决办法

uni-app官方推荐方案：Chrome调试跨域问题解决方案uni.request的官方介绍：https://uniapp.dcloud.io/api/request/request?
一通·2024-01-24 13:46

uniapp小技巧之选择本地文件(注意这个方法只适配微信小程序和h5,app端未适配)

注意注意一定注意app端不能用,想要app端选择上传文件去插件市场寻找,或私信我,我告诉你方法hweixinhsangchaun(){//进行文件上传//选择文件let_this=thisuni.chooseFile({count:1,//默认100extension:['.zip','.doc','.xls','.pdf','docx','.rar','.7z','.jpg','.png','.
实习小子·2024-01-24 13:16

uniapp移动端——企业微信H5调用jssdk实现扫一扫，通过weixin-java-cp获取ticket签名，配置config

背景：使用企业微信开发扫一扫功能可信域名验证(1)企业微信的可信域名需要和企业微信的备案主体一致。域名备案主体可通过站长工具查看域名备案主体。https://icp.chinaz.com/企业微信备案主体可以咨询管理员（2）通过nginx配置域名归属验证txt文件具体操作详见：https://blog.csdn.net/zhaolulu916/article/details/128613264?s
流丶年丶·2024-01-24 13:18

uniapp小程序使用uqrcode

code封装组件import{isWx}from'@/system/data'importUQRCodefrom'uqrcodejs'constprops=defineProps()constpxSize=computed(()=>uni.upx2px(Number(props.size.replace(/rpx/g,''))))constqrOptions=computed(()=>{retur
不努力code·2024-01-24 12:36

JAVA电商平台 免 费 搭 建 B2B2C商城系统 多用户商城系统 直播带货 新零售商城 o2o商城 电子商务 拼团商城 分销商城

手机端）、买家平台（H5/公众号、小程序、APP端（IOS/Android）、微服务平台（业务服务）2.核心架构SpringCloud、SpringBoot、Mybatis、Redis3.前端框架VUE、Uniapp
微服务 spring cloud·2024-01-24 12:01

3秒解决uniapp小程序代码包大小超过2M无法上传问题，不用分包

上传小程序时报错分包也无法减小主包大小到2M以下，剑走偏锋，利用hbuilder成功发布以下为步骤：hbuilder——发行——小程序（微信）微信开发者工具运行成功后，点击上传即可
米老鼠的摩托车日记·2024-01-24 12:29

uniapp 在static/index.html中添加全局样式

前言略在static/index.html中添加全局样式div{background-color:#ccc;}static/index.html源码：static/favicon.ico">varcoverSupport='CSS'inwindow&&typeofCSS.supports==='function'&&(CSS.supports('top:env(a)')||CSS.supports
sayyy·2024-01-24 11:16

uniapp小程序实现自定义返回按钮和胶囊对齐 做到兼容各手机型号

效果：用到的API：uni.getMenuButtonBoundingClientRect();官网地址：https://uniapp.dcloud.net.cn/api/ui/menuButton.html
一个平平无奇的小高·2024-01-24 11:08

uniapp使用uni-forms表单校验无效

查看是否写了name属性，且name属性的属性值得和下面v-model绑定的一致，否则校验不生效官网
ToOTOooo·2024-01-24 11:08

uniapp点击事件报错 Cannot read property ‘stopPropagation‘ of undefined

问题产生：在列表上有个小按钮，可点击弹出选择框。列表本身可点击进入详情页。所以想用click.stop来阻止点击小按钮时候，触发列表的点击事件。结果：如图所示解决方案：发现自己用的是icon，在icon上加click.stop是不行的。但是只要在icon上包裹一层label，就可以正常使用了。
LingRuiBin·2024-01-24 11:37

uniapp中打包Andiord app，在真机调试时地图以及定位功能可以正常使用，打包成app后失效问题（高德地图）

踩坑uniapp中打包Andiordapp，在真机调试时地图以及定位功能可以正常使用，打包成app后失效问题_uniapp真机调试高德地图正常打包apk高德地图就不加载-CSDN博客问题：目前两个项目，
Ya0Chen·2024-01-24 11:06

uniapp 中使用 rem 以及改变窗口动态刷新页面

1.使用uniapp中的页面属性配置节点，page-meta，注意放在根元素的位置，也就是template下面的第一层//下面是要显示的页面......2.获取屏幕大小以及监听窗口改变事件onLoad(
微光无限·2024-01-24 11:04

uni-app开发公众号和小程序获取用户code，如何判断用户是公众号端还是小程序端

https://uniapp.dcloud.io/platformuni-app的跨端兼容地址获取公众号的codebutton和获取用户信息是一起用的获取小程序的code,必须要用微信提供的button
洋葱_cbb5·2024-01-24 10:22

【uniapp】索引列表展示更多信息

1.介绍通过修改官方组件代码，以实现业务需求2.实现步骤复制uni_modules/uni-indexed-list/components/uni-indexed-list到根目录下的components文件夹下并修改对应的代码，如下使用拼音排序工具函数，把名称排序，满足索引列表组件的数据要求在根目录下创建utils文件夹，创建两个文件夹，内容和名称如下//py.jsvarPinYin={"a":
顾鸟·2024-01-24 09:03

uni-sec-check内容安全unicloud公共模块，校验微信小程序文本内容安全识别和图片智能鉴黄，uniapp进阶

uni-sec-check内容安全是unicloud封装了微信小程序的免费接口，文本内容安全识别（msgSecCheck）和音视频内容安全识别（mediaCheckAsync），如果我没选择使用uniapp
咸虾米_·2024-01-24 06:41

【无标题】小程序封装http请求

uniapp和小程序封装HTTP请求uniapp参考https://www.cnblogs.com/yeziyou/p/13463531.html小程序封装http请求uniapp参考https://www.cnblogs.com
Faith_ZL·2024-01-24 06:11

uniapp 微信小程序 实现请求业务接口发现token过期自动重新获取且再重新请求业务接口

小程序官方给出的小程序登录流程：点击进入小程序登录官方文档官方给登录流程图：本文所提到的token对应官方说的自定义登录态，token一般都是有时效性，按照此流程，当token失效的时候，页面在请求接口的时候服务端肯定会认为token是非法的，此时就需要小程序端重新获取新的token，然后继续接着后面的流程走。一般服务端都会给一个特定的状态码标记需要重新获取token，后面的场景我们都以服务端返回
公孙元二·2024-01-24 06:36

uniapp页面生命周期和应用生命周期

在uni-app中，组件生命周期分为两部分：页面生命周期和应用生命周期。页面生命周期用于控制页面的生命周期事件，而应用生命周期用于控制整个应用的生命周期事件。页面生命周期：onLoad：页面加载时触发，可以在这个生命周期里进行初始化数据操作。onShow：页面显示时触发，每次页面展示都会触发，比如从其他页面返回到该页面时。onReady：页面初次渲染完成时触发，可以在这个生命周期里访问页面节点。o
前端fighter·2024-01-24 03:33

uniapp 上传图片遇到的问题

昨天在测试上传图片的时候，突然发现一个很狗血的问题，就是ios选取手机里保存的图片都可以的，但是使用拍照的图片就是上传不了，一点击选取都立马弹出报错信息，我当时并不觉得是图片大小的问题，因为在安卓机上测试的时候，拍照图片也都是可以上传的，后面对图片的大小限制最多也是有10M的，最后才发现是nginx上面默认有传输大小的限制【哭笑】，最后前端上传图片之前做了压缩处理，nginx也把限制放宽，最后终于
cucu4u·2024-01-24 02:29

uniapp页面跳转的几种方式

一、uni.navigateTo定义：保留当前页面，跳转到应用内的某个页面，使用uni.navigateBack可以返回到原页面。1.不传参uni.navigateTo({url:'../index/index'});2.传参静态字符串uni.navigateTo({url:`../index/index?title=张三&age=18`});onLoad(option){console.log(
李友午还当程序员·2024-01-24 01:48

uniapp（vue）中动态添加绑定style

style样式动态设置1.普通对象动态添加（比较常见）//1.动态添加颜色//2.动态添加边距//3.动态添加背景图片exportdefault{data(){return{imageURL:'https://app-file.beitaichufang.com/img/H5/web/banner/banner23.jpg',//图片num:20,//字体大小fontColor:'red'//字体
李友午还当程序员·2024-01-24 01:17

uniapp pages.json 页面路由

pages.json页面路由pages.json文件用来对uni-app进行全局配置，决定页面文件的路径、窗口样式、原生的导航栏、底部的原生tabbar等。它类似微信小程序中app.json的页面管理部分。注意定位权限申请等原属于app.json的内容，在uni-app中是在manifest中配置。配置项列表属性类型必填描述平台兼容globalStyleObject否设置默认页面的窗口表现page
可口可乐Vip·2024-01-23 19:18

vue3如何获取本地json文件和调用后端接口渲染数据(uniapp&vue3)

static/data/test.json'//将json中数组给functext（根据自己json文件的层级结构来使用）constfunctext=fixedData.data二、调用后端接口方式渲染uniapp
又又爱拍照·2024-01-23 18:54

#Uniapp：引入fonts&目录结构&全局样式&启动模式&全局变量

uni-app运行到微信开发者工具需要注意小程序路径需要配置，小程序端口需要开启目录结构pages//存放页面static//静态资源uni_modules//文件夹：用于存放uniapp项目的各种依赖文件
前端xiaolibao·2024-01-23 15:34

uniapp设置隐藏原生导航栏(三)

1、单个页面隐藏在pages.json里配置(第一种方式){"path":"pages/home/index","style":{"navigationBarTitleText":"首页","navigationStyle":"custom"//使用自定义导航栏，系统会关闭默认的原生导航栏}}第二种方式{"path":"pages/home/index","style":{"navigationB
CV工程师!!·2024-01-23 15:32

uniapp运行到微信程序报错[ pages/**/index.json 文件内容错误] [“usingComponents“][“**“]未找到

uni-app运行到小程序时报如下的错误可以看出是自定义的组件create-formt对应的文件未找到。1.查看组件对应的路径中文件是否存在，这里看到components文件夹中确实没有对应的文件；2.在HBuilderX中查看项目中确定此组件文件存在。3.清除微信开发者工具所有缓存，并在HBuilderX中重新运行，查看文件是否生成。4.由于这里使用到的自定义组件使用的是js文件（及create
小玲子小玲子·2024-01-23 14:11

真机操作

iconfont.cn的图标官网1.新建一个项目first-uni-app.png2.png2.pages.json{"pages":[//pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io
六年的承诺·2024-01-23 13:19

uniapp开发小程序如何获取用户地理位置

1、需求说明需求：点击按钮获取当前微信位置，以及点击拒绝授权后，下次点击还可以拉起授权窗口；2、言归正传1、编写代码模板部分获取位置经度：{{x}}纬度：{{y}}script部分exportdefault{data(){return{x:0,y:0}},methods:{getLocation(){letthat=this//获取用户是否开启授权获取当前的地理位置、速度的权限。uni.getSe
全栈小白.·2024-01-23 11:03

uniapp 链接跳转（内部跳转和外部跳转）

使用uniapp的超链接跳转在微信小程序中会出现复制链接在外面在跳转如图这样的客户体验感不好我们需要可以直接跳转查看思路：webview1.先在自己uniapp项目pages.json建一个内部页面webview.vue
影阴·2024-01-23 10:55

vue2的h5页面跳转到高德地图进行导航

方法一：uniapp中有对应的跳转方法，我试过，如果是小程序的话使用这个会跳转到高德地图，如果是手机h5页面的话，会跳转到一个高德的h5页面。
几个高兴·2024-01-23 07:18

uniapp中vue2项目导入高德地图

1、看官网新手入门链接导入原生高德地图：JSAPI结合Vue使用-基础-进阶教程-地图JSAPI2.0|高德地图API(amap.com)具体步骤：第一步，安装插件npmi@amap/amap-jsapi-loader--save第二步，在vue组件中写代码显示地图importAMapLoaderfrom"@amap/amap-jsapi-loader";exportdefault{name:"H
几个高兴·2024-01-23 07:11

#Uniapp：页面生命周期&应用生命周期应用

创建-运行-销毁应用的生命周期App.vueexportdefault{onLaunch:function(){console.log('AppLaunch')},onShow:function(){console.log('AppShow')},onHide:function(){console.log('AppHide')},onError:function(error){console.lo
前端xiaolibao·2024-01-23 06:07
上一页 10 11 12 13 14 15 16 17 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他