深圳幻海软件技术有限公司 欢迎您!

  • 基于SqlSugar的开发框架循序渐进介绍(15)-- 整合代码生成工具进行前端界面的生成

    在前面随笔《基于SqlSugar的开发框架循序渐进介绍(12)--拆分页面模块内容为组件,实现分而治之的处理》中我们已经介绍过,对于相关的业务表的界面代码,我们已经尽可能把不同的业务逻辑封装在不同的页面组件中,隔离变化的差异,因此界面组件化后,就可以利用代码生成工具进行统一的界面代码的生成了,而且由

  • 狂神--Vue

    概述前端三要素HTML(结构):超文本标记语言(HyperTextMarkupLanguage),决定网页的结构和内容CSS(表现):层叠样式表(CascadingStylesheets),设定网页的表现样式JavaScript(行为):是一种弱类型脚本语言,其源代码不需经过编译,而是由浏览器解释运

  • 【element UI】在 el-select 与 el-tree 结合组件

    前言项目上实现某个功能,使用到了el-select和el-tree组合实现,记录下两者结合的实现过程。要求根据项目接口提供的数据,el-tree里的数据是一次性返回来的,点击最后一层级时,请求接口,在点击层级下方追加数据追加的数据要显示勾选框,可进行勾选,且是单选勾选后需要返回勾选的层级以及它的父级

  • 在el-table中校验表单控件的三种方法

    一、直接在el-table-column外嵌套el-form符合表单的校验习惯,唯一需要注意的地方el-form需要绑定:model="scope.row"//html<divid="app"><el-table:data="list"border><el-table-

  • vue+element 判断table表格输入不能为空

    点击确定的时候,判断表格其中某行某值不能为空1、HTML<divclass="app-container"><el-formref="form":model="bankRuleForm"><el-row><el-col:span="24"><el

  • Vue3的setup在el-tab中动态加载组件

    公司某项目需求在页面显示的组件是根据角色变化而变化的,在这个项目中我使用了elementplus的el-tabs来动态的显示这些组件,如下图所示数据内容大概是这样的在未使用setup语法糖时候我要引入组件只需要在components中定义组件就好了,如下图然后就可以快乐得在component组件的:

  • 前后端分离项目(七):实现"添加"功能(前端视图)

    好家伙,本篇用于测试"添加"接口,为后续"用户注册"功能做铺垫 (完整代码在最后)我们要实现"添加"功能老样子我们先来理清一下思路,现在,我是一个用户,我来到了注册页面,我在一个①表单中要把我要添加的数据填好,然后点击添加按钮,进行②数据校验(看看用户有没有少填的数据),随后,③发送网络请

  • 记录--分享8个非常实用的Vue自定义指令

    这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助在Vue,除了核心功能默认内置的指令(v-model和v-show),Vue也允许注册自定义指令。它的作用价值在于当开发人员在某些场景下需要对普通DOM元素进行操作。Vue自定义指令有全局注册和局部注册两种方式。先来看看注册全局指令的方式,

  • Vue3 SFC 和 TSX 方式自定义组件实现 v-model

    1v-model1.1理解v-modelv-model是vue3中的一个内置指令,很多表单元素都可以使用这个属性,如input、checkbox等,咱可以在自定义组件中实现v-model。v-model本质上是一个语法糖:绑定父组件传递过来的modelValue属性;值改变时向父组件发出事件upda

  • 带你认识什么是“回流重绘”

    摘要:要想减少回流和重绘的次数,首先要了解回流和重绘是如何触发的。本文分享自华为云社区《前端页面之“回流重绘”》,作者:CoderBin。“回流重绘”是什么?在HTML中,每个元素都可以理解成一个盒子,在浏览器解析过程中,会涉及到回流与重绘:回流:布局引擎会根据各种样式计算每个盒子在页面上的大小与位

  • vue+element-ui后台管理系统模板

    vue+element-ui后台管理系统模板前端:基于vue2.0+或3.0+加上element-ui组件框架后端:springboot+mybatis-plus写接口通过Axios调用接口完成数据传递通过router路由完成各页面的跳转全局配置App.vue<template><

  • 064_末晨曦Vue技术_过渡 & 动画之JavaScript 钩子

    JavaScript钩子点击打开视频讲解更加详细可以在attribute中声明JavaScript钩子完整案例:<template><divid="app"><divid="example-3"><button@click="show=!show">T

  • 八个实用的 NPM 技术

    这篇文章,跟大家分享8个NPM的技术,希望这些小技巧能够帮助到你,我们现在就开始吧。1.复制内容到剪贴板几乎所有的网站都有存在,因为它可以让用户更方便地使用功能。但令人难以置信的是,只需要6行有效代码就可以做到这一点。复制constcopyToClipboard=(content)=>{con

  • 请假要组长和经理同时审批该怎么办?来看看工作流中的会签功能!

    今天松哥和小伙伴们介绍一下SpringSecurity中另外一个好玩的会签功能。会签的意思就是,在一个流程中的某一个Task上,这个Task需要多个用户审批,当多个用户全部审批通过,或者多个用户中的某几个用户审批通过,就算通过。这就是我们说的Flowable中的会签功能!例如我们之前的请假流程,假设

  • JS结合Canvas制作水印添加器小工具

    ​​想了解更多关于开源的内容,请访问:​​​​51CTO 开源基础软件社区​​​​https://ost.51cto.com​​前言随着搬运工的逐渐增加,原创作者的利益收到了极大的影响.所以给图片或视频加上水印显得极其重要,他可以有效的维护原创作者的版权防止盗版.本文分享一个由canvas

  • 前端配置化真香~上班又多了60%的摸鱼时间

    一、场景介绍1.业务场景如何定义「巨型」表单,这个因人而异。但如果只是一些:收货人信息、登陆、注册的这种比较简单的表单,那肯定算不上巨型,直接常规开发写模版就好了,没有必要为了配置化而配置化~从笔者的理解出发, 表单项非常多 ,比如笔者曾经负责的「投放系统」,随随便便提交时都会涉

  • Vue.js设计与实现之十二-渲染器的核心功能:挂载与更新01

    1、写在前面在本文中主要讲述了如何实现虚拟DOM节点转成真实DOM树上,最终挂载到挂载点上。讨论了虚拟节点是如何挂载到DOM树,又是如何从DOM树上卸载的,对于属性又是如何在元素上进行设置的。2、挂载子节点和元素的属性在上篇文章中,在vnode.children值为字符串时,将其设置为元素的文本内容

  • Vue 非常实用的自定义指令

    在Vue,除了核心功能默认内置的指令(v-model和v-show),Vue也允许注册自定义指令。它的作用价值在于当开发人员在某些复制importcopyfrom'./copy'importlongpressfrom'./longpress'//自定义指令constdirectives={copy,

  • 基于Vue实现跨表格(单选、多选表格项,单表格限制)相互拖拽

    前言今天,我们将使用Vue.js来实现一个跨表格相互拖拽。在开发这个业务之前呢,也调研了网上很多解决方案,但个人感觉不太符合现在做的这个需求。所以,压根就自己再开发一套,方便以后维护。什么需求呢?就是多个表格之间可以实现相互拖拽,即A表格中的表格项可以拖拽到B表格,B表格的表格项可以拖拽到C表格,并

  • Smartour,让网页导览变得更简单

     在遇到网页内容有着较大调整的时候,往往需要一个导览功能去告诉用户,某某功能已经调整到另外一个位置。比较常规的办法是添加一个蒙层,高亮显示被调整的区域,然后通过文字介绍去完成引导。我们把这个功能称为“导览”,而 Smartour 则把这个导览的功能抽离出来,提供了一个开

推荐阅读