m0_54853503的博客

前言MybatisPlus对于单表的操作很方便，但是多表查询等复杂的操作还是需要在xml中写sql语句来完成。那么，在MybatisPlus中如何实现多表联查、分页查询呢？一、数据库表设计新建学生表 student 和课程表 course学生表列名注释id唯一标识student_name学生姓名课程表列名注释id唯一标识course_name课程名称student_id学生id二、项目目录结构项目源码：https://github.com/dreamy-fis

前端vue报错 [Vue warn]: Error in render: “TypeError: Cannot read properties of null (reading ‘name’)” found inreading 'Type’返回值接收时出Type错误往下翻这个错误是不能加载属性为null的类型 我用了一个笨办法，把页面上的参数null值都ctrl+f标注出来然后都修改成0（例：id：0），然后我发现当前页面的错误并没有改变，最后我定位到了错误不在当前也买你，在我调用的子组件里面，我调

// 打包压缩 config.plugin('CompressionPlugin').use( new CompressionPlugin({ filename: '[path].gz[query]', // 压缩后的文件名(保持原文件名，后缀加.gz) algorithm: 'gzip', // 使用gzip压缩 test: new RegExp('\.(' + ['js', 'css'].join('|') + ')$'), //...

RuoYi-Vue————权限管理1. 若依框架权限分类2. 若依框架权限的依次介绍3. 若依框架重要接口执行流程1. 若依框架权限分类若依Vue系统中的权限分为以下几类：1 菜单权限：用户登录系统之后能看到哪些菜单2 按钮权限：用户在一个页面上能看到哪些按钮，比如新增、删除等按钮3 接口权限：用户带着认证信息请求后端接口，是否有权限访问，该接口和前端页面上的按钮一一对应4 数据权限：用户有权限访问后端某个接口，但是不同的用户相同的接口相同的入参，根据权限大小不同，返回的结果

mysql 8.0.28版本安装配置方法图文教程从 Mysql 官网下载 mysql下载完成后直接双击进行安装，打开后的页面如下所示：选择自定义custom，接着下一步将MySQL Server 展开，添加到右边（点击绿色箭头）选择安装位置后点击ok点击Next，点击MySQL Sever，选择后再点击Execute下载完成后点击下一步（需要等待一小会儿）直接下一步下一步一般情况下选择第二个即可，然后点击下一步设置密码，设置的密码为默认root的密码下一步点击

文章目录地图时间轴多样3D地图+拖拽+扫描特效+自转+4.9.0及以下版本才能用气泡地图+圆点会动地图上+柱图地图上+气泡地图+图例地图时间轴多样var uploadedDataURL = "/asset/get/s/data-1528971808162-BkOXf61WX.json";var geoGpsMap = { '1': [127.9688, 45.368], '2': [116.4551, 40.2539], '3': [

npm install @vue/cli 卡在了 reify:rxjs: timing reifyNode: node_modules/@vue/cli/node_modules/....随后产生报错查了一堆东西，后来发现其主要原因在于npm镜像源的问题。安装完nodejs之后默认镜像源为 淘宝镜像源使用npm命令或者nrm命令切换镜像源至npm官方镜像源即可注：本人长期科学上网因此npm官方源速度和淘宝基本没差，如果没有科学上网手段的朋友可能需要另想办法。再注：淘宝镜像源出问题的原因尚未查明，

一、项目运行开发语言：Java开发工具:IDEA /Eclipse数据库:MYSQL5.7应用服务:Tomcat7/Tomcat8使用框架:springboot+vue目前许多人仍将传统的纸质工具作为信息管理的主要工具，而网络技术的应用只是起到辅助作用。在对网络工具的认知程度上，较为传统的office软件等仍是人们使用的主要工具，而相对全面且专业的企业销售管理系统的信息管理软件仍没有得到大多数人的了解或认可。本选题则旨在通过标签分类管理等方式，实现管理员：首页、个人中心、用户管理、商品分类管理、

“全方位总结一下所遇到的面试题目，与大家共同学习，也是对自己的一次总结”前言今天给朋友们分享我花了将近一个月时间，参考了很多网上的优质博文和项目整理的一份比较全面的前端面试题集，还有面试前刷过的题目（其中概括HTML，CSS，JS，React，Vue，NodeJS，互联网基础知识）共有【269页】。很多朋友靠着这些内容进行复习，拿到了BATJ等大厂的offer， 也已经帮助了很多的前端学习者，希望也能帮助到你。另外，宣传一下自己发布在优快云的一个前端Vue的项目：基于vue + vuex + m.

前言：随着社会的进步和科技的发展，越来越多的人追求新颖独特，实用的居住和工作学习环境。因此，在如今的建筑装饰工程中，既要考虑到客户的需求和与建筑结构的协调统一又要考虑到成本和施工组织的安排，所以说现代装饰工程是一件相对繁琐却又必须要做好的事情。在保质保量完成工作内容的同时，还要确保施工施工验收的各项标准数据、通过一段时间对Java相关开发知识的学习，基本了解了施工过程中的各种工艺流程和特点，利用JavaSpringboot+layui简单做个一个装修验收管理系统、适用于简单学习参考使用。??文末获取源.

文章目录css3新增单位remvw vh移动端适配方案flexible rem方案优点缺点vh、vw方案缺点css3新增单位remcss3 新增相对单位rem和em单位一样，都是一个相对单位，em是相对于父元素的font-size进行计算，即父元素的font-size为npx，则1em就代表npx，所以em单位在不同的元素或选择器中都不同因此我们需要一个在所有元素或选择器中都一致的一个单位，rem因此出现了rem是相对于根元素ht

效果代码<template> <div> <dv-scroll-board :config="config" style="width: 800px; height: 220px" /> </div></template><script>export default { /** * header = [{value:label}] * data = [{对象}] */ props:

在VUE3中使用el-dropdown时，出现了下面的报错是因为vue 3.x 增加了v-slot的指令，去掉了原来的slot，slot-scope属性。el-dropdown-menu标签外面加上如下图：<el-dropdown> <span class="el-dropdown-link"> 下拉菜单<i class="el-icon-arrow-down el-icon--right"></i> </span>

前言：在新的项目中是使用scss的时候报错这个的，报错信息：ValidationError: Invalid options object. Sass Loader has been initialized us报错原因是安装的 sass-load 版本太高了，需要换成7.1的版本解决方案：重新安装sass-loadercnpm uninstall --save sass-loadercnpm install --save sass-loader@7.1.0...

文章目录前言一、引入库文件二、使用步骤1.首页引入Router2.创建路由集中管理文件3.在App中使用useRoutes4.在子页面中使用5.路由传值的方式总结前言React-router-dom已经升级到最新版本V6,先简单介绍一下v6版本发生了哪些改变一、引入库文件引入最新的reac-router-domyarn$ yarn add react-router-dom@6npm$ npm install react-router-dom@6二、使用

今天在写Vue页面的时候，根据教程，我要安装sass-loader与node-sass，但是在安装完成后运行项目的时候，报出如下错误：Node Sass version 7.0.0 is incompatible with ^4.0.0 || ^5.0.0 || ^6.0.0解决方案如下不要再使用node-sass了，要用sass替代它。如果你想在你的应用中使用scss或者sass，需要这样做：首先卸载原来安装的node-sassyarn remove node-sass如果使用的

1.前言原型与原型链知识历来都是面试中考察的重点，说难不算太难，但要完全理解还是得下一定的功夫。先来看一道面试题开开胃口吧：function User() {}User.prototype.sayHello = function() {}var u1 = new User();var u2 = new User();console.log(u1.sayHello === u2.sayHello); console.log(User.prototype.constructor); consol

学习记录：实现在table列表中控制二次点击按钮时对应行的button为不可点击，效果图如下：1.el-table在表格按钮标签中定义disabled属性HTML部分代码：<div id="app"> <el-table :data="showTableData" <el-table-column fixed="right" label="操作"

<ProFormSelect label="角色可见范围" name="select2" mode="multiple" fieldProps={{//这里使用了select的onChange方法，必须使用这样的写法来进行调用onChange方法 .

文章目录前端学习路线前言入门基础开发工具HTMLCSS静态页面JavaScript三大主流框架VUEREACTAngular精耕深研小程序NodejQueryTypeScriptElectron前端工程化Gitwebpack前端学习路线前言本人自2020年2月开始自学前端，本科是数学专业的，在此之前只接触过C语言，因此对于前端可谓是零基础，由于网上的学习路径鱼龙混杂，因此在中间自己也踩了一些坑。经过九个月的学习，最终

项目场景：使用若依框架开发业务系统问题描述：使用若依框架，若操作某一行数据，导致状态scope.row.status由’init’变为’success’，已知v-hasPermi为false，v-if为true，则会出现短暂的v-hasPermi失效，无权限的按钮“审核通过”出现在界面上：<el-button size="mini" type="text" icon="el-icon-edit"

如果写代码不是为了装逼，那人生将毫无意义。都2020年了，如果你从事前端开发，连canvas都不会用，那你拿啥去装逼？下面跟着笔者一起来看看canvas是啥，可以用来做啥，有哪些产品是canvas做出来的。Canvas介绍1.canvas是html5的一个新标签，属于h5的新特性2.canvas标签是一个图形的容器，简单点说就是一块画布，你可以在上画矩形，圆形，三角形，折线等等,也可以用来画logo3.它是通过javascript来画的，即脚本绘制图形canvas可以用来干啥呢？1.制作web

问题描述运行过程报错：ReferenceError: require is not defined问题解决安装@types/node : npm i @types/node -S -D配置tsconfig.json:"compilerOptions": { "types": ["node"] }

vue 项目中控制台报警告：[Vue warn]: Failed to resolve component: xxxIf this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement. at...大概率是没有注册组件，注册即可...

1.defineEmits// 普通方式写法（注意它不会去检测类型值）const emits = defineEmits(['lrqclick','lrqchange'])// 去调用父组件自定义的事件emits('lrqclick', "2")<HelloWorld msg="Hello Vue 3 + TypeScript + Vite" lrq="lrq" @lrqclick="he"> <template #lrq> 这是一个具名插槽.

element-plus官网的新写法不能用，在icon的示例里面方法可以使用。<el-button type="primary">? ? <el-icon style="vertical-align: middle;">? ? ? <search />? ? </el-icon>? ? <span style="vertical-align: middle;"> Search </span>? </el-button

前言：本篇文章使用的腾讯地图的api，获取当前地址是uniapp的，也可以根据其他地图进行查找。获取到当前城市坐标也可以自行使用其他的地图。目录一、首先获取用户所在地1.获取授权信息2.获取地理位置3.根据地理位置查找城市4.城市的信息一、首先获取用户所在地1.获取授权信息 const that=this uni.authorize({ scope: 'scope.userLocation', // 获取地理信息必填的参数，其它参数见文

在uni-app中使用web-view 组件，默认铺满全屏并且层级高于前端组件，会遮挡页面上的其他组件。在官网中写明：app-vue下web-view组件不支持自定义样式，默认充满屏幕不可控制大小；nvue web-view 必须指定样式宽高具体示例：代码：直接在UI上使用webview组件，也是默认全屏，需要动态加载。先新建一个component.nvue文件：<template> <div> <view class="intro">本项目已包含u

DeprecationWarning: executable_path has been deprecated, please pass in a Service object driver = webdriver.Chrome(executable_path='chromedriver.exe')出现 DeprecationWarning 警告的类型错误：该类型的警告大多属于版本已经更新，所使用的方法过时。查询当前版本重构后的函数，是之前的 executable_path 被重构到了 Serv.

今天下午使用npm下载websocket时遇到了一个错误，可能是我实战经验太少了，这个错误找了一个多小时。在这过程中升级了node的版本、又重新安装了淘宝镜像…一系列，主要是刚开始我以为我之前安装的python已经配置好环境变量（我之前上课的时候一直都有在用python，所以没有理由怀疑这个），而且我主观的以为这刚python应该没有多大的关系，于是就在那些细节末节的错误中找错，结果找了…。具体错误如下：npm ERR! code 1npm ERR! path F:ueprojectecharts_

解决办法使用通过scss自定义elementUI的主题时，若sass版本不对，编译时会警告Using / for division is deprecated and will be removed in Dart Sass 2.0.0. 虽然不影响正常编译，但是很影响心情，我们只需要在package.json文件里修改"sass": "~1.32.6"即可使用scss文件修改elementUI自定义主题方法Element 的 theme-chalk 使用 SCSS 编写，如果你的项目也使用了 SC

ant design pro v5 自定义侧边栏收缩按钮位置图：1.升级ant design pro v5以后layout隐藏，相关配置放到了app.tsxlayout 的配置代码如下：export const layout: RunTimeLayoutConfig = ({ initialState }) => { return { rightContentRender: () => <RightContent />, disableContentMa

鸿蒙的最新IDE支持可视化开发。几乎不需要编写一行代码，就可以设计非常复杂的界面。当然，如果要实现业务逻辑，还是需要编写代码的。所以我们把这些功能称为低代码开发，也就是说，可以让我们少编写一些代码。本文将详细介绍如何使用鸿蒙最新的IDE来设计一个复杂的界面。首先启动IDE，并创建一个JS工程。由于可视化开发目前只支持JS，所以我们只能用JS工程。创建完工程后，找到js中的pages配置，然后在右键菜单中点击New -> JS Visual菜单项，如下图所示。这时会弹出一个对话框，如下图所示

Web前端-JSJS的历史和特点简介JS诞生的背景JS的历史JS的特点JS的语法基础第一个JS例子JavaScript 语法JavaScript 输出基本语句JavaScript 数据类型的转换javaScript方法javaScript函数js中的函数定义匿名函数定义JS对象数组对象字符串对象JS面向对象编程javaScript选择器javaScript弹框确认框对话框JS的历史和特点简介JS诞生的背景1

正如Redux一样，当你不知道是否需要Vuex那就是不需要。不要因为想用Vuex而使用它。用过Vue的人都知道，Vuex是Vue的一个全局状态管理模块，它的作用是多个组件共享状态及数据，当某个组件将全局状态修改时，在绑定了该状态的另一个组件也将响应。实际上可以将Vue理解为一个function，在Vue的作用域中有一个数据代理，在每个Vue的实例中都能对其读和写我们都知道Vue的数据驱动原理是用Object.defineProperty()进行数据代理，在setter中对数据绑定的view进行异步响应（

在使用npm install时遇到的问题npm ERR! code ERESOLVEnpm ERR! ERESOLVE unable to resolve dependency treenpm ERR!npm ERR! While resolving: ruoyi@3.4.0npm ERR! Found: webpack@5.35.0npm ERR! node_modules/webpacknpm ERR! peer webpack@"^4.0.0 || ^5.0.0" from html

出现这种问题怎么办呢1.首先理解报错的意思2.找到出错的位置3根据警告提示来找错解决这个警告说的是单击处理程序耗时太长了然后去找报错的位置,一般在后面都会跟着位置在哪一行,但是我很幸运的没有,这就很难受,只能自己找,既然是单击事件,那肯定是在我做了单击之后报的错,看了一下代码如下 <el-button size="small" type="primary" @click="submitForm">确定</el-button>submitForm() { .

解决方式：检查script代码是否正确示例1<script setup></script>示例 2<script>export default { setup () { return {} }}</script>

postman报错Error: write EPROTO 93988952:error:100000f7:SSL routines:OPENSSL_internal:WRONG_VERSION_NUMbug使用postman时报错如下 : Error: write EPROTO 93988952:error:100000f7:SSL routines:OPENSSL_internal:WRONG_VERSION_NUMBER:…/…/third_party/boringssl/src/ssl/tls_r

npm WARN read-shrinkwrap This version of npm is compatible with lockfileVersion@1, but package-lock.json was generated for lockfileVersion@2. I’ll try to do my best with it!报错根据这个报错信息可以得出，目前你电脑npm的版本是适合于lockfileVersion@1的，但是你的package-lock.json是源于lockfile