qq_36158551的博客

原创 mysql下载和安装教程

本文详细介绍了MySQL数据库的下载、安装及环境配置全过程。首先从官网下载安装包，通过图形化向导完成安装步骤，包括选择安装类型、设置数据库密码和服务名称等关键配置。随后重点讲解了环境变量配置方法，包括创建MYSQL_HOME变量和修改Path变量。最后针对常见的"系统错误5，拒绝访问"问题提供了两种解决方案：临时以管理员身份运行CMD和永久设置管理员权限。全文配有详细截图指导，帮助用户顺利完成MySQL的安装部署工作。

原创 IDEA制作jar包

IDEA打包jar包的多种方式，以后的项目打包Jar包可以参考如下形式：（1）用IDEA自带的打包形式。（2）用Maven插件maven-shade-plugin打包。（3）用Maven插件maven-assembly-plugin打包。IDEA中打包Java项目为JAR文件的几种方法。你可以根据自己的需求和项目的具体情况选择合适的方法。

原创 java配置完多版本jdk之后java -version和javac -version版本不一致

在Windows命令行下执行命令时，先从当前目录搜素，然后按照PATH设置的路径依次查找命令，而JRE安装时会将java.exe安装到C:\WINDOWS\system32目录下，所以执行java -version命令时，查看的是jre的版本，而javac -version时查看的jdk的版本。要注意的是，如果源代码中声明了包，必须使用类的完整限定名来运行类。将%JAVA_HOME%\bin加在PATH变量的头，执行java -version和javac -version，均为jdk-17.0.7版。

原创 IDEA启动警告「OpenJDK 64-Bit Server VM warning」

（2）搜索async，选择Async Stack Traces，将右侧面板中Instrumenting agent (requires debugger restart)前面的对勾去掉，保存设置。（1）快捷键Ctrl+Alt+S；

原创 uni-app开发插件并发布到插件市场

本文介绍了uni-app开发插件并发布到插件市场的完整流程。首先说明uni_modules是uni-app的插件模块化规范，可用于封装各类功能模块。开发步骤包括：1）新建uni_modules插件，填写插件信息；2）编写插件内容及文档；3）右击插件选择发布到市场，填写相关信息后提交。注意事项包括插件ID命名规范、必填更新日志等。发布后可在DCloud插件市场管理中心查看。整个过程使开发者能便捷地创建和分享uni-app插件。

原创 uniapp调用高德、百度、腾讯地图

emsp获取到用户的当前位置信息后，你可以使用这些信息来构建跳转到特定地图应用的URL。sourceApplication=appname&poiname=位置名称&lat=纬度&lon=经度&dev=0的URL格式。&emsp对于iOS平台，需要注意的是，你需要在项目的配置文件中（如manifest.json）设置URL scheme白名单，以便允许应用打开外部URL。&emsp在uni-app中，可以使用plus.runtime.openURL方法来打开构建好的URL，从而跳转到相应的地图应用。

原创 uniapp生成二维码

原创 uniapp复制到剪贴板

在uniapp开发中，复制链接到剪切板可以通过使用uni.setClipboardData方法或安装vue-clipboard2插件来实现。

原创 uniapp实现Android分享到微信朋友圈和微信好友

通过合理配置onShareAppMessage和onShareTimeline，结合精心设计的分享内容和用户引导，可以显著提升小程序的传播效果。在实际开发中，需要注意：（1）始终测试不同场景下的分享效果。（2）监控分享成功率并及时处理失败情况。（3）根据用户反馈持续优化分享体验。（4）遵守微信平台的分享规范，避免过度营销。

原创 IDEA配置Maven

IDEA 全称 IntelliJ IDEA，是java语言开发的集成环境，IntelliJ在业界被公认为最好的Java开发工具之一, IDEA是JetBrains公司的产品,现在有逐步取代老牌Java开发工具Eclipse的趋势.那本人也是从Eclipse 转到IDEA.那刚转换过来时,确实很不适应,不过好在坚持使用了几天后,确实感觉IntelliJ IDEA比Eclipse更加智能.Maven项目对象模型(POM)，是一个项目管理工具可以通过一小段描述信息来管理项目的构建，报告和文档的软件。

原创 uni-app 将 base64 图片编码转为 Blob 本地文件路径

uni-app 将 base64 图片编码转为 Blob 本地文件路径（把base64类型的图片，转换成blob二进制文件流）适用于 uni-app / vue.js / JavaScript。

原创 uniapp AES 加密解密

‌URL参数解码‌：在处理URL参数时，经常需要对参数进行编码和解码。‌表单数据解码‌：在处理表单提交的数据时，表单数据通常需要进行编码。‌  替代方案和兼容性：由于JavaScript中没有内置的URLDecoder类，通常使用decodeURIComponent作为替代方案。‌  ‌URL参数解码‌：在处理URL参数时，经常需要对参数进行编码和解码。‌  ‌表单数据解码‌：在处理表单提交的数据时，表单数据通常需要进行编码。使用decodeURIComponent可以将编码后的数据解码回原始形式。

原创 uni-ap 地图报错Map key not configured

在uniapp开发地图功能时，微信开发者工具正常，但是浏览器H5报错：Map key not configured.

原创 uniapp map地图添加浮层

根据自己的需求，添加自定义元素或控件即可。控件较多且需要切换地图(不一定用到，考虑更全)如下代码所示，实现可展开的菜单，并且添加地图图层切换园功能(标准、卫星、混合)，不用可以去掉。// 在data中添加新变量data() {return {// ...原有数据...{ icon: 'location', text: '定位', action: 'locate' },{ icon: 'marker', text: '标记', action: 'addMarker' },

原创 uniapp 修改android包名

修改 UniApp 的 Android 包名实际上并不复杂，按照上述步骤进行，可以确保修改生效。在实际开发过程中，了解体会每一步的重要性，不仅能让你掌握这个技巧，还可以让你对整个开发流程有更深入的了解。

原创 uniapp 选择城市（城市列表选择）

  （1）准备城市数据：确保你有一份城市列表，并且每个城市都有对应的首字母。  （2）创建悬浮窗：使用标签创建一个悬浮窗，用于显示字母列表。  （3）实现滚动功能：使用scroll-view组件，并通过scroll-into-view属性实现点击字母后滚动到对应城市列表的功能。  （1）悬浮窗：使用标签创建了一个悬浮窗，显示字母列表。每个字母都可以点击，并触发changeLetter方法。  （2）城市列表：使用scroll-view组件包裹城市列表。每个城市组都有一个唯一的id，对应字母列表中的字母

原创 uniapp web-view相互通信方法

在开发过程中我们难会遇到需要uniapp和webview来实现数据通信的场景，接下来介绍一种可行的uniapp和webview的数据通信方案。在webview中我们可以使用当前webview实例的postMessage方法来触发webview组建的onPostMessage方法来传递数据，重点就需要放在了如何将uniapp的webview实例来加入到webview的h5项目当中。

原创 uniapp实现微信登录功能

uniapp实现微信授权登录功能，微信授权登录主要是用到了三个api,分别是uni.getProvider,uni.login,uni.getUserInfo。

原创 uniapp app跳转微信小程序方法

uni-app开发的APP跳转到微信小程序需要调用H5+的原生界面控件。

原创 uniapp tab切换及tab锚点效果(wx小程序及H5端)

注意:在APP下建议禁用transitionShow，不然会引起点击触发滚动中选项卡导航栏消失的bug。除了这两个必填项，其他数据随便往里面追加，点击选项卡时会读出来。

原创 uniapp下载文件到手机自定义目录

使用后，下载的文件存放的位置一开始是临时的，转成永久的后它保存的位置在"内部存储\Android\data\io.dcloud.HBuilder\apps\HBuilder\doc\uniapp_save"里，用户很难找到正确位置,不方便操作，并且打开文件后，文件名被篡改了（无法确认下载的文件），还发现后续查看该文件只能再次下载，体验感非常不好。最终，用户能及时的打开文件，后续再想查看此文件，不用重复下载，直接在手机文件管理内准确的找到下载的文件，完美实现想要的效果.

原创 uniapp开发 APP嵌入另一个APP打包的wgt文件，实现点击携带参数跳转到wgtAPP的某一个页面

需求描述：原本需求是app中点击跳转到甲方提供的H5页面，但是甲方的功能已经有一个app了不想提供H5页面，甲方提供了app热更新打包的wgt包，希望我们app嵌入wgt实现跳转。

原创 uniapp修改原生导航栏样式、加图标、加文字、加点击事件

uniapp或者uview的导航栏无法满足需求时，可用下面方法进行修改原生导航栏样式、加图标、加文字、加点击事件。

原创 uniapp 项目打包时提示未添加videoplayer模块

链接：https://nativesupport.dcloud.net.cn/AppDocs/usemodule/androidModuleConfig/others.html#videoplayer%EF%BC%88%E8%A7%86%E9%A2%91%E6%92%AD%E6%94%BE%EF%BC%89。（5）我在添加之后报错，因为视频依赖最小兼容的minSdk版本是19，而我的minSdk版本是17。（2）如果是云打包只需在manifest.json，模块权限配置中勾选即可。

原创 uniapp 弹窗

本文介绍了uniapp中四种常见的弹窗实现方式：1) uni.showToast用于显示简短提示信息；2) uni.showModal提供带按钮的确认对话框；3) uni.showActionSheet实现底部操作菜单；4) 通过HTML/CSS自定义弹窗组件。每种方式都提供了示例代码和效果图示，涵盖从简单提示到高度定制化的弹窗需求，适用于不同的交互场景。

原创 uni-app 用scroll-view实现横向滚动

scroll-view是uni-app内置的可滚动视图区域组件，支持横向和纵向滚动配置。适用于商品横向展示、长列表内容展示等需要局部滚动的场景。核心属性：（1）scroll-x：启用横向滚动（2）scroll-y：启用纵向滚动（3）scroll-top：设置竖向滚动位置（4）scroll-left：设置横向滚动位置scroll-view，必须设置：white-space: nowrap;

原创 uniapp 混合mixins和继承extends详解

vue提供了mixins、extends配置项。混合mixins和继承extends其实两个都可以理解为继承，mixins接收对象数组（可理解为多继承），extends接收的是对象或函数（可理解为单继承）。

原创 Android App跳转微信小程序教程

需要重点提醒的是，上面appId是前面我们注册的移动应用的appId，而不是小程序的appId。需要说明的是，不管是跳转微信小程序还是微信登录、分享，都需要先在微信开放平台注册appId。然后，就可以参考 Android APP拉取小程序的例子，在WebView中调用下面的代码（可以是直接调用，也可以是协议拦截）。首先，需要登录微信开放平台 微信开放平台，创建一个移动应用，然后系统会返回一个appid。当然，为了代码逻辑的健壮性，还需要在打开微信小程序之前，判断是否安装了微信客户端。

原创 uniapp动态修改tabbar

uniapp是一款跨端开发框架，可以同时开发出h5、小程序、app等多个平台的应用，是非常实用的开发工具。其中，tabbar是作为底部导航栏来展示多个页面的重要控件之一。在开发过程中，有时需要根据不同的业务需求动态更改tabbar，本文将介绍如何在uniapp中实现动态更改tabbar的方法。在Uniapp中实现动态修改tabbar的方法。在开发过程中，需要根据不同的业务需求动态调整底部导航栏的样式和内容。

原创 uni-app倒计时公共组件 封装，倒计时组件

uni-app倒计时公共组件封装有使用vue文件封装和使用工厂函数设置props的默认值两种方法。（1）使用vue文件封装可以使用vue文件来封装倒计时组件。这个组件应该是一个负责展示的零件，展示的数据就是父组件要传递的prop，包括提示文字和左边的读秒。组件需要保持在左上角显示，所以根组件需要fixed固定定位。另外，组件在倒计时完毕后要隐藏掉，所以组件是否显示出来也应该由父组件控制。圆形的进度应该不只是倒计时读秒，弧度应该由百分比决定，所以要知道总时长百分比才可以1。

原创 uniapp监听物理返回按钮事件

uniapp 监听页面返回功能有使用onBackPress方法和使用onUnload方法。

原创 uniapp解析富文本，视频无法显示问题

rich-text 无法处理 video，uni-app 文档中关于 rich-text 介绍中明确说明 rich-text 支持什么（），其中并不包含 video。

原创 uniapp开发 移动端使用字符串替换注意事项

uniapp replaceAll方式在手机失效是因为安卓环境下不支持replaceAll方法。在uniapp开发中，如果在安卓环境下使用replaceAll方法，可能会导致页面无法渲染，并且控制台不会反馈错误信息。为了解决这个问题，可以将replaceAll方法换成replace方法。

原创 uniapp 页面favicon.ico文件不存在提示404问题解决

在uniapp中经常出现的，因为找不到 favicon.ico 而报404错误的问题。

原创 uniapp vuex(vue2/vue3)应用

本文介绍了在uni-app中使用Vuex进行状态管理的方法，涵盖Vue2和Vue3两种实现方式。Vuex作为Vue.js的状态管理模式，通过集中式存储管理应用状态，解决了组件间共享数据和通信问题。文章对比了Vuex与全局变量的区别，阐述了Vuex的使用场景和优势，如响应式状态、跨组件数据共享等。详细说明了Vue2和Vue3环境下的配置步骤：包括创建store、挂载到Vue实例、以及如何在页面中访问和修改状态。最后提供了完整的代码示例，帮助开发者快速掌握在uni-app中集成Vuex的方法。

原创 uniapp compute的使用

（1）computed直接以对象属性方式调用，不需要加括号，且有缓存的机制；（2）methods调用时才会执行，没有缓存机制，调用几次会执行几次；（3）computed是一个属性，里面包含get和set方法。

原创 uniapp 页面跳转及字符串转义

保留当前页面，跳转到应用内的某个页面。通过这种方式跳转后，用户可以点击左上角的返回按钮回到上一页。适用于需要在多个页面间灵活切换，且保留当前页面状态的场景，比如从商品列表页跳转到商品详情页。

原创 uniapp mixins的使用

mixins 是一个 js 对象，它可以包含我们组件中JS部分的任意功能选项，如：data、components、methods、created、computed 等等。我们只要将公用的功能以对象的方式传入 mixins 选项中，当组件使用 mixins 对象时所有 mixins 对象都将被混入该组件中。mixins 选项接收一个混入对象的数组。这些混入对象可以像正常的实例对象一样包含实例选项，这些选项将会被合并到最终的选项中，使用的是和 Vue.extend() 一样的选项合并逻辑。

原创 UniApp Vue3事件适配与兼容方案

在这边需要强调一点，v-model不仅可以给input赋值还可以获取input中的数据，而且数据的获取是实时的，因为语法糖中是用@input对输入框进行监听的。eg： 在一个自定义的输入组件中，你可以使用emit(‘update:modelValue’, newValue)来将输入框的值传递给父组件，并让父组件能够更新这个值。通过这种方式，子组件可以将newValue作为参数传递给update:modelValue事件，父组件监听该事件，并在事件处理程序中更新相应的属性。

原创 UniApp 跳转外部链接实现

uni.navigateTo跳转到我们定义的一个内部页面，内部页面接收需要跳转到外部的URL。