文章目录 介绍 🚀 软件架构 🚀 开发环境 🚀 部分界面效果图 🚀 项目结构 🚀 代码实现： 介绍 基于Java的社区卫生医疗管理系统（社区医院）。 🚀 软件架构 本项目为前后端分离项目，前端采用Vue，使用element-ui组件库。后端使用SpringBoot 由于使用前后端分离，就要解决跨域访问的问题，所以用JWT进行数据的传送。 菜单栏使用了redis缓存,数据库使用MySQL. 🚀 开发…
今天做项目，突然发现了这个问题。就是在移动端，一个元素既注册有滑动事件，又注册有点击事件时就会出现一些问题。 比如我就不知道滑动事件的优先级是大于点击事件的，而当我们只想执行点击事件而不想触发滑动时间时，就必须做个处理 事件执行顺序： touchstart →touchmove →touchend→click 所以当我们执行点击事件时，其实在执行点击事件之前，就已经执行了滑动事件了。如果滑动事件的…
<audio id="errAudio"> <source :src="require('../../assets/audio/scan_err.wav')" /> </audio> 通过require引入本地的音频文件，通过调用play()方法实现播放 let mp3 = document.getElementById('errAudio'); mp3.pla…
实现效果 1.前端添加一个div，装载弹窗 <!-- 点击登录，注册时跳出页面 --> <div id="notClickDiv"></div> notClickDiv的css布局 #notClickDiv{ background:rgba(255,255,255,1); /*设置白色的透明背景色*/ opacity:0.9; position:absolute…
需求： 两个el-select联动，当第一个change的时候，清空第二个的值以及清空第二个的下拉框的数据源，但是清空之后发现，第二个el-select再也无法选择下拉数据，选择没有效果 解决方案1： 先判断再清空 async select1Change(id){ if (id) { this.formData.select2? this.formData.select2= '' : '' // …
Router Vue官方路由 目录 创建项目 组件推荐 axios封装 Vuex封装 Router封装 安装 npm install vue-router@4 封装 对于路由的封装主要是路由的配置和路由守卫 import { createRouter, createWebHistory, createWebHashHistory, } from 'vue-router' import { ROUT…
1文件结构 2.重点文件夹中的文件代码以及作用 ① 根目录中systemConfig文件夹中的main.js文件 /** *作用：作为项目中的配置文件，放了websocket连接的url，用户名（admin），密码（123456） *项目中基础API等一些配置参数 * ================================== */ /* eslint-disable */ (funct…
1.创建标点（bm-marker） <template> <baidu-map :center="location" :zoom="zoom" style="height: 800px; width: 100%" :scroll-wheel-zoom="true" > <!-- bm-marker 就是标注点 定位在point的经纬度上 --> <bm-m…
.Net Core+Vue.js+ElementUI 实现前后端分离 Tags: Vue 架构 前端采用：Vue.js、Element-UI、axios 后端采用：.Net Core Mvc 本项目是基于Vue.js的多页应用，由于是后端开发对不擅长Node.js开发并且希望使用传统的方式进行权限管控及生产发布，所以.Net Core Mvc 承担了所有的页面路由管控及页面级权限控制，Vue.js…
文章目录 三、其它 Composition API(不常用，了解即可) 4.customRef 测试案例 完整代码 本人其他相关文章链接 三、其它 Composition API(不常用，了解即可) 4.customRef 作用： 创建一个自定义的 ref，并对其依赖项跟踪和更新触发进行显式控制。 实现防抖效果： 所谓防抖效果指的是我输入框输入值停了，下方的显示才会实现更新修改， 具体错误演示请看…