前言最近开始了项目旧改,将以前开发的一些校园小程序由uniapp+vue2版本升级为,unipp+vite+ts+vue3的架构,顺便把代码质量提升一下。由于是单兵作战,我选择将以前的后端摒弃,选择了微信小程序云开发作为后端,这样可以将我的开发精力聚焦在小程序上。但这么做也有如下两个缺点:使用了微信小程序云开发后,uniapp只适用于编译成微信小程序,失去了跨端的能力。uniapp使用云开发并不方便,尤其是使用了typescript后需要做大量的额外配置。综合考虑之下我还是使用了微信小程序云开发,因为本身我做的就是微信小程序,只不过以uniapp为框架进行开发,而第二点的话我也找到了解决的方法
uniapp+PHP获取微信步数先上官方文档点击查看!官方文档看不懂?继续往下看,奋斗哥帮你拿捏步骤一通过wx.login接口获取code微信小程序wx.login({success(res){if(res.code){//发起网络请求wx.request({url:'https://example.com/onLogin',data:{code:res.code}})}else{console.log('登录失败!'+res.errMsg)}}})uniappuni.login({provider:'weixin',success:function(loginRes){console.log
效果图: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">请选择/te
智慧工地可视化系统利用物联网、人工智能、云计算、大数据、移动互联网等新一代信息技术,通过工地中台、三维建模服务、视频AI分析服务等技术支撑,实现智慧工地高精度动态仿真,趋势分析、预测、模拟,建设智能化、标准化的智慧工地综合业务系统,解决传统工地管理存在的弊端,更好的提高工地管理、安全水平,降低工地管理运营成本。打通从一线操作与远程监管的数据链条,实现劳务、安全、环境、材料各业务环节的智能化、互联网化管理,提升建筑工地的精益生产管理水平。开发技术:技术架构:微服务+Java+SpringCloud+UniApp+MySql 系统特点:支持多端展示(PC端、手机端、平板端);数字孪生可视化大屏,
Modulebuildfailed(from./node_modules/@dcloudio/webpack-uni-mp-loader/lib/script.js):[HBuilder]17:17:31.695Error:Unbalanceddelimiterfoundinstring[HBuilder]17:17:31.699atFunction.XRegExp.matchRecursive(D:\编程软件\HBuilderX\plugins\uniapp-cli\node_modules\xregexp\lib\addons\matchrecursive.js:186:23)[HBuil
1为什么需要封装接口封装接口是为了提高开发效率、增加代码复用性和提升可维护性。下面对这些原因进行详细解释:1.1开发效率开发效率:减少代码量,简化调用过程通过封装接口,可以将一些常见的操作或功能进行抽象和封装,从而减少重复编写相似代码的工作量。封装后的接口可以直接调用,无需每次都重新编写大量代码,从而提高开发效率。此外,封装接口还可以简化调用过程。通过定义清晰的接口函数和参数,使得开发人员在使用接口时只需要关注业务逻辑,而不必关心底层实现细节。这样可以降低出错的可能性,并且更容易理解和维护代码。1.2代码复用性代码复用性:提供统一的接口调用方式,方便团队合作封装接口可以提供统一的接口调用方式,
下图是uniapp官网中对uniapp中字体图标使用规范的描述这是官网地址中的原文链接uniapp官网原文从官网中对uniapp中字体图标使用规范的描述里可以看出,uniapp中使用字体图标的方式有两种,一种是网络路径的字体图标,另一种就是base64格式的字体图标,本文只说明base64格式的字体图标的使用方法。第一步下载iconfont图标首先打开阿里巴巴矢量图标库阿里巴巴矢量图标库官网选好想要的图标后进入我的项目页,点击‘下载至本地’按钮下载下来是个压缩包,解压之后出现下面几个文件好!第一步就已经完成了!第二步将下载下来的文件转成base64格式首先打开transfonter.org,这
思路:启动APP时,需要一个接口提供是否有APP包更新,通过接口返回更新包的版本号、更新地址进等信息,通过获取app包版本号与更新包的版本号进行比较来进行更新。一、发布蒲公英平台,进行实时APP更新(方案一)1、获取manifest.json里的配置信息:plus.runtime.getProperty(plus.runtime.appid,function(widgetinfo){})。2、通过蒲公英api,检测App是否有更新接口获取APP更新内容,蒲公英-文档中心-API2.0 appKey值是APP唯一的key3、用户版本号小于升级包版本号,先升级。直接上代码:封装的方法可直接调用ex
说明初始版本方法,可能因为能力原因存在不足,请见谅,有问题评论区~~主要通过uni.addInterceptorapi进行路由拦截目前小程序上面对于uniapp提供的路由跳转方式可以实现拦截,自带的返回按钮,底部tabbar切换无法拦截他们的跳转,但是可以监听到to和fromh5支持路由全部拦截支持vue2、vue3通过this.$Route或者const{proxy}=getCurrentInstance();proxy.$Route可以拿到当前页面的路由信息目前测试了h5、微信小程序、支付宝小程序、抖音小程序、安卓app。其他的待测试pages.json配置:"pages":{{ "pa
最近写了个微信小程序项目,一开始不理解scroll-view用法,用的另外一种方法写的,虽然实现了效果,但是代码层面来说,不大合理,后来又通过努力,用scroll-view实现了效果。现写个文章做个记录,方便自己和大家学习记录。效果图请看第一张。布局:左右布局,右边又分为上下布局。左侧是一级菜单,即为商品大类。右上方二级菜单,是每个商品大类对应的子类,当点击左侧大类的时候,右上的子类是对应的变化。右下方是商品数据,即每个二级菜单对应的商品数据。右下方粉色加粗的部分是每个商品所属的子类标题。不会弄动图,我就叙述一下完整的效果是:点击左侧第二个大类,展示对应的子类,默认是高亮第一个子类,如果点击右