Uniapp日常总结

案例108:基于微信小程序的校园二手交易平台的设计与实现

文末获取源码开发语言：Java框架：SSMJDK版本：JDK1.8数据库：mysql5.7开发软件：eclipse/myeclipse/ideaMaven包：Maven3.5.4小程序框架：uniapp
Selina .a·2024-01-09 05:57

案例104:基于微信小程序的随堂测系统设计与实现

文末获取源码开发语言：Java框架：SSMJDK版本：JDK1.8数据库：mysql5.7开发软件：eclipse/myeclipse/ideaMaven包：Maven3.5.4小程序框架：uniapp
Selina .a·2024-01-09 05:55

uniapp实现导航栏中间图标凸起

1、使用uniapp官方提供的属性midButton使用时，list数组须为偶数pages.json"tabBar":{"color":"#000","selectedColor":"red","list
前端榴脆骨·2024-01-09 05:24

uniapp使用高德地图获取当前定位城市

要在高德地图开放平台申请key下载amap-wx.130.jsmanifest.json{{position?position.city:'定位失败'}}importamapfrom'@/common/amap-wx.130.js'exportdefault{data(){return{position:[],//定位获取的位置}},onShow(){this.getWarpweft()},met
前端榴脆骨·2024-01-09 05:24

uniapp中使用高德地图

要在高德地图申请keynpmi@amap/amap-jsapi-loader--saveimportAMapLoaderfrom"@amap/amap-jsapi-loader";exportdefault{name:"map-view",data(){return{}},mounted(){this.initAMap();},unmounted(){this.map?.destroy();},m
前端榴脆骨·2024-01-09 05:24

uniapp z-paging简单使用——笔记

根据官网学习，记录一下笔记介绍一个uni-app(opensnewwindow)分页组件。全平台兼容，支持自定义下拉刷新、上拉加载更多，支持虚拟列表，支持自动管理空数据图、点击返回顶部，支持聊天分页、本地分页，支持展示最后更新时间，支持国际化等等。插件下载：【z-paging下拉刷新、上拉加载】高性能，全平台兼容。支持虚拟列表，支持nvue、vue3-DCloud插件市场使用搜索{{item}}这
前端榴脆骨·2024-01-09 05:23

uniapp中使用tmt-calendar字体的颜色如何修改

tmt-calendar这个插件市场下载的组件默认的眼色为深蓝，如下图然后能够动态修改这些颜色的参数也很限制，就想着从源代码上面去修改，但是本人在项目的src/components这个目录下找了很久没有找到又去node_modules目录下寻找也没有找到，最后发现他是安装在src/uni_modules这个目录下面的，所以想要修改的盆友注意了哈，是在这个目录下,最终实现我想要的结果
꧁꫞꯭零꯭点꯭꫞꧂·2024-01-09 01:44

uniapp中的导入zzx-calendar日历的使用

需求：一周的日历，并且可以查看当月的，下个月的，以及可以一周一周的切换日期借助：hbuilder插件市场中的zzx-calendar插件库在父组件中引入并注册为子组件importzzxCalendarfrom"@/components/zzx-calendar/zzx-calendar.vue"exportdefault{components:{zzxCalendar},data(){faDays
꧁꫞꯭零꯭点꯭꫞꧂·2024-01-09 01:13

uniapp微信小程序接入友盟

Appkey，按要求填写小程序名称及类型：三、在微信小程序中接入SDK----以下是npm配置1.安装友盟微信sdknpminstallumtrack-wx@latest--save2.配置由于使用的是uniapp
前端菜菜DayDayUp·2024-01-09 01:06

uniapp开发技巧

时间格式化getTime(time){//比如需要这样的格式yyyy-MM-ddhh:mm:ssconsole.log(time)letdate=newDate(time*1000);letY=date.getFullYear()+'-';letM=(date.getMonth()+1<10?'0'+(date.getMonth()+1):date.getMonth()+1)+'-';letD=d
失落村庄·2024-01-09 01:32

uniapp 生成H5调用摄像头识别二维码

在安卓系统上可以打开闪光灯准备工作：1、插件：mumu-getQrcode2、hbuildX生成的uniapp项目兼容情况：使用：1、如果是通过脚手架创建的uni的项目，需要自行安装jsQR依赖，并且修改组件中源码中的引入
qtianyuq·2024-01-09 01:32

uniapp支付功能实现

¥{{price}}-->{{$t('请选择支付方式')}}{{item.name}}({{item.info}})exportdefault{data(){return{rechargeTypes:[],orderNo:'',price:'',isApp:false,style:{icon:{width:"50rpx",height:"50rpx"}},typeChosed:'',payment
失落村庄·2024-01-09 01:02

uniapp，vue3，h5端使用zxing扫描二维码，条形码

文章目录前言一、引入zxingnpm直接使用js文件二、功能实现1.获取摄像头2.开始扫描完整代码前言废话不多说，使用uniapp时scan方法不支持h5端，因此h5端需要自己引入三方库，我这里用的是zxing
charlie_y·2024-01-09 01:53

uniapp扫码功能兼容h5

checksaosao(){     //兼容h5的扫码页面/*#ifdefH5*/uni.$u.route(`/pages/my/saoma`)return;/*#endif*/uni.scanCode({success:function(res){console.log('条码类型：'+res.scanType);console.log('条码内容：'+res.result);let{type
失落村庄·2024-01-09 01:50

深入了解鸿鹄工程项目管理系统源码：功能清单与项目模块的深度解析

本文将介绍一款功能强大的工程项目管理软件，该软件采用先进的Vue、Uniapp、Layui等技术框架，涵盖了项目策划决策、规划设计、施工建设到竣工交付、总结评估、运维运营等全过程。
微服务技术分享·2024-01-09 00:39

鸿鹄电子招投标系统：企业战略布局下的采购寻源解决方案

同时，通过VUE、Uniapp、Layui等前端技术，实现了与供应商的快速交互和信息共享。功能模块：待办消息
微服务商城技术分享·2024-01-08 21:37

uniapp打包后图片资源会重复

hbuildx打包后文件过大，多方优化后，发现会生成重复的图片，如图：临时解决方法：lib.zipchain-webpack.js_.zip解压lib.zip替换到HBuilderX根目录/plugins/uniapp-cli
正兒八经DI瞎练ぃ·2024-01-08 19:51

uniapp tab选项卡 swiper 高度自适应 使用vue nextTick 解决swiper不能及时获取高度

unippswipertab高度自适应使用了vuenextTick实现swiper切换自适应高度因为在uniapp中不支持vue的router-view所以选项卡选择了swiper,但是swiper的高度需要预设
时间在飞飞·2024-01-08 18:50

uniapp 设置某个页面横屏显示

{"path":"pages/pageTable/pageTable","style":{"navigationBarTitleText":"表格","mp-weixin":{"pageOrientation":"landscape"//横屏}}}//pageOrientation-有三个值:auto:自动；landscape：横屏；portrait：竖屏
LXXgalaxy·2024-01-08 18:13

vue uniapp自封组件 数据显示块 自适应宽度

{{xList.title}}{{xList.value}}exportdefault{name:"XdataCard",data(){return{percentage:'45%',}},props:{xList:{type:Object,default:{title:'',value:0,color:"#54ff90"}},xNum:{type:Number,//一行有几个就传几个数值过来默认
LXXgalaxy·2024-01-08 18:38

Uniapp项目打包到多个平台...

打包到微信小程序先设置微信开发者工具的路径运行到小程序模拟器，会自动打开微信开发者工具（需要先在微信开发者工具->设置->安全设置->服务端口切换为打开状态）3.微信开发者工具上传版本（提示覆盖版本就可以了）4.在微信开放平台提交审核（配置服务器各种信息就可以了。省略…）打包到app应用安装JRE环境（推荐使用JRE8环境，如已有可跳过）可从Oracle官方下载jre安装包：jre这个就是安装ja
CongJiYong·2024-01-08 17:11

vue+nodejs微信小程序基于uniapp的学生宿舍打卡失物招领管理系统

基于微信的宿舍管理系统的设计基于现有的手机，可以实现等功能。方便用户对宿舍管理系统查看个人中心、失物招领管理、失物认领管理、晚归打卡管理、宿舍信息管理、宿舍更新管理、交流论坛、系统管理等功能模块的管理及详细的设计与统计分析。根据系统功能需求建立的模块关系图如下图：随着我国经济迅速发展，人们对手机的需求越来越大，各种手机软件也都在被广泛应用，但是对于手机进行数据信息管理，对于手机的各种软件也是备受用
QQ_402205496·2024-01-08 14:32

uniapp上传文件时用到的api是什么？格式是什么？

在UniApp中，你可以使用uni.uploadFile()方法来上传文件。这是一个异步方法，用于将本地资源上传到服务器。
一个大长腿·2024-01-08 09:41

uniapp微信小程序投票系统实战 (SpringBoot2+vue3.2+element plus ) -全局异常统一处理实现

锋哥原创的uniapp微信小程序投票系统实战：uniapp微信小程序投票系统实战课程(SpringBoot2+vue3.2+elementplus)(火爆连载更新中...)
java1234_小锋·2024-01-08 09:08

处cp社交类微信小程序前端开源（二）

在上一篇文章介绍如何用SpringBoot整合websocket实现在线聊天，这篇文章介绍如何将uniapp社交类前端源码打包部署微信小程序，和如何上线微信小程序，上线需要的资料，并且介绍我是如何获取用户
微笑偷走我的魂·2024-01-08 09:07

“hasInjectionContext“ is not exported by “node_modules/vue-demi/lib/index.mjs“, imported by “node_mo

使用uniapp开发的微信小程序，技术栈使用的vue3+ts+uview-plus+pinia开发的，环境安装依赖没有问题，但是启动的时候报错："hasInjectionContext"isnotexportedby"node_modules
1024小神·2024-01-08 08:53

likeadmin项目uniapp端u-upload支持图片和视频上传

一、优化vk-uview-ui的upload组件1、修改limitType，支持视频扩展limitType:{type:Array,default(){//支付宝小程序真机选择图片的后缀为"image"//https://opendocs.alipay.com/mini/api/media-imagereturn["png","jpg","jpeg","webp","gif","image","m
琉璃仙味·2024-01-08 07:43

uniapp 微信小程序跳转外部链接

一、背景：开发小程序时，跳转到内部路径通常会使用：uni.navigateTo，uni.redirectTo，uni.reLaunch，uni.switchTab等方法，可以跳转到pages.json中已经注册的页面uni.navigateTo(OBJECT)|uni-app官网跳转到外部链接，便不能再使用以上方法，需要利用web-view来实现需求web-view|uni-app官网二、实现步骤
奔跑的露西·2024-01-08 06:23

uniapp微信小程序跳转外链

从loginMobile像上面两个页面跳转同意《服务协议》和《隐私政策》serviceAgreement(){console.log('serviceAgreement');uni.navigateTo({url:'../index/serviceAgreement/serviceAgreement'})},PrivacyPolicy(){console.log('PrivacyPolicy');
z_jun_g·2024-01-08 06:23

uniapp微信小程序跳转到另外一个小程序

uni.navigateToMiniProgram功能：打开另一个小程序。App平台打开微信小程序，使用plus.share的launchMiniProgram。注意uni-app不需要plusready，将plusready里的代码写到页面的onLoad生命周期即可。使用此功能需在manifest中配置微信分享SDK信息，打包后生效。各小程序平台对跳转到其他小程序有一些限制和规定，需要遵守，具体
不爱敲代码的大帅比·2024-01-08 06:52

uniapp微信小程序内部跳转其他微信小程序

uniapp小程序内点击某个按钮跳转另外一个小程序连接，具体实现步骤如下：开源字节按钮事件goNativeindex(){uni.navigateToMiniProgram({appId:'',//此为开源字节
开源字节·2024-01-08 06:20

uniapp微信小程序中跳转页面的方法

在UniApp中，有多种方法可以实现页面跳转，以下是其中几种常用的方法及其区别：uni.navigateTo：使用该方法进行页面跳转时，会关闭当前页面，跳转到指定的页面。
alert（“不想秃头”）·2024-01-08 06:20

uniapp微信小程序跳转到小程序，获取目标小程序任意页面的路径

比如我们要跳转的目标小程序页面是：山东电子健康通行卡-帮助页面1、登录小程序后台，如下选择2、搜索山东电子健康通行卡3、打开山东电子健康通行卡-帮助页面4、复制pages/help/question.html，到此就取到了目标页面，实际用的时候不需要带.html，取pages/help/question如果目标页面带有参数，如pages/help/question.html?name=123456
佛佛ง·2024-01-08 06:45

uniapp 微信小程序跳转至其他小程序

一、背景：需要在目前的小程序中跳转到另一个小程序，跳转的目标小程序需要已经发布上线了二、具体实现使用uni.navigateToMiniProgram打开另一个小程序官网指引：uni.navigateToMiniProgram(OBJECT)|uni-app官网打开美团外面小程序exportdefault{methods:{gotoMt(){uni.navigateToMiniProgram({a
奔跑的露西·2024-01-08 06:44

uniapp快速开发微信、支付宝app支付

演示视频uniapp快速实现支付宝和微信app支付功能uniapp快速开发app支付功能，其中支付宝能提供沙箱环境和正式环境。
猪哥哥呀·2024-01-08 06:08

uniapp实现支付宝支付

您好，UniApp可以通过使用支付宝支付的第三方插件来实现支付宝支付。首先，您需要在支付宝开放平台申请开发者账号并创建应用，获取支付宝支付所需的沙箱环境和生产环境的参数。
八位数花园·2024-01-08 06:37

PDA 红外扫码 uniapp

1、在utils文件夹下新建scan.js文件/***pda红外线扫码*/varmain=''varfilter=''varreceiver=''varcodeQueryTag=falseletscanSuccess=function(){}//成功后的操作函数//开启服务监听exportfunctioninitScan(successFun){scanSuccess=successFuncons
Naive_Jam·2024-01-08 06:06

学习记录：关于Uniapp与Java实现支付宝沙箱APP内支付

数据配置支付宝开放平台(alipay.com)先来看看支付宝沙箱有用的信息接口加签方式先选择系统默认密钥，启用下面的公钥模式，然后点击查看我们需要获取和配置图上标注的信息，授权回调地址需要利用内网穿透才能进行配置。为什么要用内网穿透呢？当你完成支付的时候，支付宝会给你一个响应，这个响应就会访问我们的授权回调地址，如果不用内网穿透将本地端口暴露在公网上，支付宝是给不了你回调的！！！(36条消息)NA
李大炮天天敲代码·2024-01-08 06:34

uniapp 解决安卓App使用uni.requestPayment实现沙箱环境支付宝支付报错

背景：uniapp与Java实现的安卓端app支付宝支付，本想先在沙箱测试环境测支付，但一直提示“商家订单参数异常，请重新发起付款。”
Naive_Jam·2024-01-08 06:31

文件转base64,base64转路径,base64转文件

适用于uniapp，微信小程序，网页端functionpathToBase64(path){returnnewPromise(function(resolve,reject){if(typeofwindow
辣子_·2024-01-08 06:49

解决uniapp项目开发从某一页面返回到tabbar页面时，页面不刷新，无法重新获取跟新后的数据，无法重新渲染页面问题。

先解释一下我遇到的问题：我目前在实现一个项目，应该是会发布为微信小程序。在实现登录后获取到用户头像以及用户名信息后跳转回个人页面，该页面是一个tabbar页面。就会出现一个问题，只能使用uni.switchTab({url:'/pages/mine/index'});不能像uni.reLaunch(OBJECT)函数，关闭所有页面，打开到应用内的某个页面。会触发页面的全部生命周期，这个时候是可以拿
付渐渐·2024-01-08 04:05

uniapp 文字超出多少字，显示收起全文按钮效果demo（整理）

收起展开{{text}}42"@click="toggleShowFullText">{{showFullText?'收起':'全文'}}exportdefault{data(){return{text:'我与春风皆是客，你携秋水揽星河。我与春风皆是客，你携秋水揽星河。我与春风皆是客，你携秋水揽星河。我与春风皆是客我与春风皆是客我与春风皆是客我与春风皆是客我与春风皆是客我与春风皆是客我与春风皆是客
兜里只有三分钱~·2024-01-08 04:09

uniapp 移动端H5 下载文件 xls 实现

背景：目前项目是用在移动端的H5,uniapp构建的项目。
Lan.W·2024-01-08 03:32

在uniapp中实现url地址封装 uniapp实现BASE_URL的全局挂载

uniapp实现BASE_URL的全局挂载在uniapp中实现url地址封装在api.js中定义服务器地址constBASE_URL='http://ljh:1015'exportdefault{BASE_URL
lijinghailjh·2024-01-08 03:01

uniapp 文字滚动栏组件

由于项目需要，公告自动滚动展示，在网上找了下，有些是可以实现的，例如：https://ask.dcloud.net.cn/article/35712但是有点小问题：公共字数过长的话，展示不全。还有的是使用css的动画效果实现，大家都知道css动画是指定了时间的，如果公告内容过多的话，会展示所以重新写了一个组件，也有点瑕疵，就是公告滚动完之后再滚动下前会有一段的空白，后面再优化组件地址：git@co
Running_阿文·2024-01-08 02:16

uniapp动态设置Tabbar

实现原理舍弃uniapp原生的tabbar，使用uView插件下的u-tabbar导航插件来实现。
_Legend_King·2024-01-08 01:58

uniapp使用原生隐私政策配置

在HbuilderX中的manifest.json文件中选择app启动界面配置，并勾选使用原生隐私政策提示框勾选后会在项目中生成一个androidPrivacy.json的文件并输入{"version":"1.0.5","prompt":"template","title":"服务协议和隐私政策","message":"请你务必审慎阅读、充分理解“服务协议”和“隐私政策”各条款，包括但不限于：为了
_Legend_King·2024-01-08 01:58

uniapp调用手机扫一扫功能

1.身为一个攻城狮，一定要会看API文档uni.scanCode(OBJECT)|uni-app官网uni-app,uniCloud,serverlesshttps://uniapp.dcloud.net.cn
_Legend_King·2024-01-08 01:28

unipush2.0 保姆级教程

.去开发者后台开通unipush3.在应用管理中选择目前要开通push的应用，选择各平台信息，进行添加安卓或IOS平台，选择正式版,包名（在你发行页面中查看）填写MD5、SHA1、SHA256签名请看uniapp
_Legend_King·2024-01-08 01:28

uniapp返回上一级页面并刷新

1.在上个页面找到获取数据列表的函数//获取列表数据list(){uniCloud.callFunction({name:'videoGet',data:{}}).then(res=>{this.dataList=res.result.data})},2.在新页面点击确定需要返回时使用uni.navgateBack//点击发布onSubmit(){uniCloud.callFunction({na
_Legend_King·2024-01-08 01:28
上一页 21 22 23 24 25 26 27 28 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他