自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(24)
  • 收藏
  • 关注

原创 springboot+mybatisplus只利用mapper+controller层进行接口的开发

1、pom.xml下载好项目所需的依赖包。4、编写Mapper层。

2024-01-14 19:34:26 466

原创 Nginx下载、安装并部署vue项目

注:stop是快速停止nginx,可能并不保存相关信息;quit是完整有序的停止nginx,并保存相关信息。最关键的一步,在nginx下的conf\nginx.conf中修改nginx的配置文件,配置修改如下。把生成的dist文件夹里面的代码拷贝粘贴到 nginx-1.24.0目录的html文件夹里面即可。最终,浏览器访问:http://localhost:8085/ 即可访问部署好的项目。当配置信息修改,需要重新载入这些配置时使用此命令。start nginx 或 nginx.exe。

2023-06-19 08:57:22 327 1

原创 解决vue组件props传值对象在生命周期函数中获取不到的问题

在Vue中,如果一个组件的props是一个对象,那么我们在组件中进行传递时,实际上是传递了一个指向同一个对象的引用,而不是传递了一个新的对象。因此,在组件内部修改该对象的属性时,会影响到所有引用该对象的地方,包括父组件和其他子组件。同时,在父组件中修改该对象的属性时,也会影响到该组件的props。为了解决这个问题,可以使用计算属性或者vue-watcher来监听props的变化,并在变化时重新赋值一个新的对象,而不是直接在原对象上进行修改。在上述示例中,我们首先通过计算属性。改变时,我们通过重新赋值。

2023-05-06 15:14:43 1364

原创 vue指令实操案例

tip:当没有勾选复选框时,布尔值为false,按钮处于禁用状态,反之,布尔值显示为true,按钮处于可用状态。请使用v-for指令遍历数组[“小学”,“初中”,“高中”,“大学”],并将数据渲染到网页的列表中。Tip:点击到哪个菜单项,哪个菜单项就有选中的样式。

2023-04-21 13:38:59 762 1

原创 Node.js 和 Express.js 结合 MySQL 数据库的示例

Node.js 和 Express.js 结合 MySQL 数据库的示例

2023-03-31 14:47:47 349

原创 vuex的使用

vuex的详细使用

2023-02-21 14:32:43 121

原创 服务器搭建说明以及接口调用文档

后台数据环境搭建说明本项目服务端环境要求为 Windows + Apache + PHP + MySQL。下面介绍如何搭建环境,部署服务器端应用。获取开发工具 wampserver3.1.9_x64.exe,根据提示进行安装;(默认安装目录为“C:\wamp64”,如果您更改了安装目录,请替换后面步骤中出现的路径。)在安装过程中如果弹出以下提示,直接选择是按钮 3、 安装成功后,双击桌面图标“Wampserver64”:4、在系统右下角图标中找到WAMP Server的图标。

2021-06-09 07:58:26 4723 3

原创 在vue-cli脚手架项目中使用bootstrap框架

一、在vue-cli脚手架项目中使用bootstrap3框架的步骤1、先在项目中安装bootstrap和jquerynpm i jquery bootstrap@3 -S2、在main.js中引入bootstrapimport 'bootstrap/dist/js/bootstrap.js'import 'bootstrap/dist/css/bootstrap.css'3、在项目的根目录新建一个配置文件vue.config.js,输入以下代码const webpack = requir

2021-06-07 11:44:19 4065 5

原创 常用命令行

1、查看node版本:node -v或node --version2、查看node的安装目录:where node3、全局安装各种包:npm install -g 包名 或者 npm i -g 包名4、例如全局安装vue:npm i -g @vue/cli5、查看vue版本:vue -V 或 vue --version6、使用vue创建脚手架项目:vue create vue_shop(项目名称)7、解决npm下载速度慢的问题,将npm切换成淘宝镜像:npm confi

2021-06-04 14:59:29 522

原创 vue的目录结构说明

├── node_modules 项目依赖包├── dist 存放打包之后生成的静态文件├── public/index.html 静态页面,渲染好的组件最终通过这个页面进行展示├── src 源码目录││├── views 视图,存放页面文件││├── assets 存放静态资源的文件夹,例如css、img、js、font等等││├── components 存放vue公共组件的文件││├── App.vue 项目的根组件,页面入口文件││├── main.js 程序入.

2021-06-04 10:53:20 568

原创 在微信小程序中使用腾讯位置服务路线规划插件

腾讯位置服务路线规划插件1、添加插件2、在app.json代码中引入插件包3、在app.json代码中设置定位授权:4、使用插件5、最终效果图1、添加插件在小程序中引入插件,进入微信公众号平台,在设置中找到第三方设置,在插件管理中添加插件。搜索到腾讯位置服务路线规划插件,点击添加,同时打开该插件的详情,在里面查找到该插件的AppID与版本号。2、在app.json代码中引入插件包// app.json{ "plugins": { "routePlan": { "versio

2021-04-17 21:06:40 2272 3

原创 微信小程序实现消息订阅

1、在微信公众号后台先完善自己的基本信息2、在小程序后台添加需要订阅消息的模板3、接下来通过代码来实现消息的订阅参考链接:https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/subscribe-message.html按照步骤一、步骤二、步骤三来实现即可。...

2021-04-12 13:33:32 1386 1

原创 腾讯视频小程序播放插件

1、在小程序中引入插件,进入微信公众号平台,在设置中找到第三方设置,在插件管理中添加插件。搜索到腾讯视频插件,点击添加,同时打开腾讯视频详情,在里面查找到该插件的AppID与版本号。2、// 在你们的wxml上这样插入视频元素PS:playerid必须要全局唯一,可以设置为vid3、// 在你们的json里面插入“usingComponents”: {“txv-video”: “plugin://tencentvideo/video”}4、// 在app.json里面引入插件,注意插件版本号

2021-04-09 14:48:17 1625

原创 微信小程序接入腾讯SDK的步骤

1、申请开发者秘钥:打开网站https://lbs.qq.com/dev/console/application/minePS:如果还没注册开发者账户先自行注册,注册成功之后登录进入腾讯位置的控制台界面,创建应用,添加key即可2、下载微信小程序JavaScriptSDKhttps://lbs.qq.com/qqmap_wx_jssdk/3、安全域名设置,登录小程序管理后台,在小程序管理后台-> 开发 -> 开发管理 -> 开发设置 -> “服务器域名” 中设置...

2021-04-08 23:04:10 4912 1

原创 使用nginx部署qiankun微前端遇到404的问题

微前端主项目运行npm run build 命令行打包之后,把dist文件夹里面的文件,部署到nginx后,对nginx的配置文件conf/nginx.conf进行以下配置,配置最重要的那一步之后,就不会再出现点击子项目刷新页面出现报404的问题了。...

2020-08-18 16:01:05 4416 4

原创 通过监听路由路径的变化来改变面包屑导航的标题

完整代码如下:<template> <el-breadcrumb separator="/"> <el-breadcrumb-item v-for="(item,index) in breadcrumbList" :key="index" :to="{ path: item.path }">{{item.meta.name}}</el-breadcrumb-item> </el-breadcrumb></template&

2020-06-15 11:48:19 684

原创 Vuex 状态管理

1、什么是Vuex?Vuex是Vue.js应用程序的状态管理模式+库。它充当应用程序中所有组件的集中存储,其规则确保状态只能以可预测的方式进行更改。如果是小型项目,你可能觉得这个状态管理对于你来说有点显得多此一举,但是在进行大型项目时,你就会发现这个状态管理是多么的方便。2、怎么用?2.1 安装vuex : npm install vuex --save2.2 初始化首先需要在项目的src目录下新建一个store文件夹,新建index.js...

2020-05-29 18:04:17 209

原创 vue-router的query和params传递参数的区别

1、query方式传递和接收参数 可以使用path或者name来获取相对应的组件路由传参:this.$router.push({path:’/xxx’,query:{id:id}})接收参数:this.$route.query.id2、params方式传递和接收参数,必须用name来获取相对应的组件路由传参:this.router.push(name:′xxx′,param...

2020-05-07 14:52:51 175

原创 使用vue构建组件化开发项目

参考链接:链接: link.一、搭建环境1、首先安装node环境,这里就不详细讲了。2、然后搭建vue 项目环境,全局安装vue.3、安装完vue之后,进入你的项目目录,创建一个基于webpack模板的新项目:vue init webpack 项目名4、进入项目:cd 项目名,安装依赖,安装成功之后会多出一个node_modules目录。5、npm run dev,启动项目,启动...

2020-04-14 14:16:54 1473

翻译 关于input的change事件触发多次发解决

这个问题并不是由change事件失效造成的,而是ajaxFileUpload插件造成的,它会把原来的file元素替换成新的file元素,所以之前绑定的change事件就失效了,需要重新绑定一下,解决办法是再再次绑定之前先移除绑定再重新绑定,$(document).off(‘change’,’#logo_name’).on(‘change’,’#logo_name’,function(){ale...

2020-04-09 09:55:31 3939

原创 Xamarin.Essentials:设备信息

我们在写xamarin项目的时候,有时候在不同的设备上面会有不同的样式表现,因此有时候我们需要判断不同的设备执行不同的代码参考链接link// Device Model (SMG-950U, iPhone10,6)var device = DeviceInfo.Model;// Manufacturer (Samsung)var manufacturer = DeviceInfo.Ma...

2020-03-19 14:20:06 327

原创 Xamarin的TabbedPage禁用页面之间的侧滑 ios的底部选项卡

xamarin的TabbedPage页面有一个可以侧滑的功能来切换页面,但是有时候我们需要禁用他,目前我只找到了禁用安卓手机的侧滑,iOS的有待研究参考链接 :linkxamarin的TabbedPage选项卡在ios上都是在下方的,有时候我们需要把选项卡置于上方,当时这个问题困扰了我很久,后面终于让我找到了一个插件可以使用,插件名为:Naxam.BottomTabbedPage,大家可以去v...

2020-03-19 10:09:51 326

原创 xamarin.ios 暗黑模式的禁用

用过iPhone手机的人都知道,iPhone手机可以设置手机的模式为暗黑模式,这样一来就会使得我们的xamarin项目的样式变得很奇怪,因此我们可以使用属性设置让手机的暗黑模式对我们的xamarin项目没有影响,我们可以在iOS项目的Info.plist文件中加入以下代码:...

2020-03-19 08:56:24 355

原创 Xamarin字体设置

关于Xamarin的那些坑第一次用xamarin来开发app,真的很鸡肋,处处充满了坑,总是会莫名其妙的报错,现在来记录一下自己开发中出现的一些比较难解决的问题xamarin安卓端的字体会随着手机系统本身的设置而跟着变大变小,这个会比较影响应用的使用体验,这个可以在安卓项目的MainActivity类里面定义一个方法并在OnCreated()里调用: private void initF...

2020-03-18 15:07:26 1032

切换图片素材切换图片素材切换图片素材切换图片素材

切换图片素材切换图片素材切换图片素材切换图片素材

2023-04-21

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除