草庐IT

uni-app全局变量的4种实现方式

uni-app全局变量的4种实现方式一、公用模块1.在uni-app项目根目录下创建common目录,然后在common目录下新建helper.js用于定义公用的方法。2.在pages/index/index.vue中引用该模块二、Vuex1.在uni-app项目根目录下新建store目录,在store目录下创建index.js定义状态值2.在main.js挂载Vuex3.在pages/index/index.vue使用三、挂载到Vue.prototype上1.在main.js中挂载属性/方法2.在pages/index/index.vue中调用四、globalData1.定义:App.vue

创建一个uni-app项目并运行再浏览器及微信小程序

如何创建uni-app项目一、使用HBuilderX创建一、使用HBuilderX创建第一步:打开HBuilderX>点击文件列表>新建>项目第二步:如图所示(根据项目所需要的进行选择)第三步:创建完成之后项目文件的(介绍以及作用)第四步:如何将uni-app项目运行到不同的浏览器,我在这里运行的是微信小程序(1)点击运行可以查看到项目的多种运行方式(2)在浏览器中运行项目步骤如下如果是第一次运行uni-app项目在浏览器中需要配置地址配置浏览器地址在桌面选择谷歌右键打开点击文件位置配置完成后关闭即可会自动保存(3)在微信小程序运行项目第一次在小程序中运行项目的话会报错,解决方法:需要到小程序

uni-app抓包 SSL handshake with client failed: An unknown issue occurred processing the certificate

 使用uni-app开发的应用,安装后安卓使用charles抓包https失败,经测试手机浏览器上的https是可以正常抓取,所以问题定位到app本身上。造成原因是android7.0以上系统不再默认信任用户安装的证书,需要修改manifest.xml。幸好uni-app在HX3.6版本起支持直接在应用中配置应用清单,文档见Android原生应用清单文件和资源|uni-app官网针对这个问题,具体修改步骤为1、应用目录下添加自定义文件  AndroidManifest.xml2、添加网络配置文件 nativeResources/android/res/xml/network_security_

UNI-APP实现扫描二维码

前言:在物联网的应用中,扫描功能是一种很常用的功能,这篇文章将教你怎么通过UNI-APP实现扫描二维码找到扫码功能的APIUNI-APP已经有了扫码功能的API了,通过API可以非常简单的实现扫码功能UNI-APP官网查看API有API可以方便我们进行开发,所以,会看API也是程序员的必备技能这个API可以说是非常详细了,完全足够开发代码编写 扫描 {{msg}} exportdefault{ data(){ return{ msg:"" } }, methods:{ scan(){ uni.scanCode({ success

uni-app使用uview-ui实现动态更改底部tabbar

需求:根据不同的权限(用户0,物业1)展示不同的tabbar这里使用的是uview-ui@1.8.4tabbar在utils文件夹下新建一个tabbar.js文件,来存储不同权限下的底部导航数据//用户tabbarlettabUser=[ { "pagePath":"/pages/index/index", "text":"首页", "iconPath":"/static/icon_bx.png", "selectedIconPath":"/static/icon_bx_hover.png" }, { "pagePath":"/pages/index1/index", "text"

uni-app实现上传图片或者文件(直接上代码)

配置Tomcat1.1、添加upload文件夹在webapps\Root文件夹下创建用于接收上传文件的upload文件夹1.2、修改conf\web.xml设置允许上传文件 readonlyfalse1.3、修改conf\server.xml设置端口号,避免跟springboot冲突二、uni-app代码://_self为在exportdefault外面作用域外定义的全局变量,用来等价代换 _self=this; //第一步:打开手机相册或者文件管理器选择文件 uni.chooseImage({ count:1,//允许上传一张图片 sizeType:['o

HBuilder X + uni-app 打包 App、小程序等操作

uni-app是一个使用Vue.js开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、Web(响应式)、以及各种小程序(微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝)、快应用等多个平台。在HBuilderX中我们可以点击新建->项目,选择第一个空框架,根据学习需要也可以选择其他的模板。在编辑完项目之后,需要配置manifest.json文件,在App图标配置中可以选择图片路径配置app的图标,还可以修改app名称。如果要打包成h5,需要编辑web配置,选择路径为基础路径可以在本地浏览。app打包之后会在项目里面,出现apk包,里面有安装包可以安装到手机web

前端Uni-app开发微信小程序|微信小程序手机商城

作者主页:编程指南针作者简介:Java领域优质创作者、CSDN博客专家、CSDN内容合伙人、掘金特邀作者、阿里云博客专家、51CTO特邀作者、多年架构师设计经验、腾讯课堂常驻讲师主要内容:Java项目、Python项目、前端项目、人工智能与大数据、简历模板、学习资料、面试题库、技术互助收藏点赞不迷路 关注作者有好处文末获取源码 项目编号:BS-XCX-020一,环境介绍语言环境:Java: jdk1.8数据库:Mysql:mysql5.7应用服务器:Tomcat: tomcat8.5.31开发工具:IDEA或eclipse后台开发技术:SSM框架  前台开发技术:uni-app+微信小程序+v

uni-app微信小程序如何渲染markdown

背景在开发个人网站微信登录平台易登微信小程序的时候,由于说明文档是用markdown格式来书写的,在网页上有各种markdown个人渲染引擎,比如这个markdown编辑器无敌了!。但是在小程序上还是第一次渲染markdown,找了各种方案,但处处是坑,除此之外最后渲染出来的效果也惨不忍睹。踩坑无数之后终于找到了wemark,完完美美地把我的文档渲染出来了。wemark可以实现在小程序下渲染Markdown内容,支持图片、表格在内的大部分Markdown特性。详细介绍参考以下链接:gitee地址:这个markdown编辑器无敌了!安装wemark下载wemark源码gitclonehttps:

实际记录uni-app使用uni-download和uni.saveFile下载保存文件遇到的问题以及解决方法

项目场景:app里的开发的小程序需要下载文件功能以及一个下载中心页面可以查看所有下载的文件,使用了uni.download下载以及uni.saveFile保存文件下载中心页面实现逻辑1.下载文件后保存文件名和uni.saveFile返回的路径uni.setStorageSync到缓存里uni.downloadFile({ method:'GET', url:你的url, timeout:5000, header:{ authorization:你的token, }, success:(data)=>{ //接口返回的文件流