×

spring boot

前后端分离 Vue + Springboot 实现用户列表单页面开发(建议收藏)

xb0617 xb0617 发表于2024-04-21 浏览19491 评论0
用户列表页面开发 项目介绍 用户列表页面开发,可以实现简单的查询,删除,修改,和添加用户信息功能。前端使用vue框架,后端使用springboot框架,一个简单的vue+springboot前后端分离小项目。 本项目主要模块及技术点如图 项目源码+笔记+资料 链接:https://pan.baidu.com/s/1VBxaB1Hqoot73XsAO6bCxg 提取码:za8i 1、前端html页面编写 页面: 代码: <!DOCTYPE html&g

前端

在 vue eslint 报错 error “Component name “*****“ should always be multi-word”,该怎么办?

宜商科技胡先生 宜商科技胡先生 发表于2024-04-21 浏览23639 评论0
目录 出现的问题: 报错的原因: 解决方案:  方案一 :重命名(亲测有效) 方案二 :配置 vue.config.js 文件(网上方法,本人使用无效) 方案三 :配置 .eslintrc.js文件(亲测有效) 1、关闭命名规则 2、忽略个别组件名 非常重要的注意点:(重启项目,配置文件才生效) 出现的问题:  在 vue-cli 创建的项目中,创建文件并命名后,会报  “Component name "*****" should always be mult

elementui

用rollup打包vue组件库(rollup vue 组件库)

咿呀? 咿呀? 发表于2024-04-21 浏览6735 评论0
前言 网上关于使用 rollup 打包 vue 组件的资料寥寥可数,故记录下 rollup 打包的踩坑之路,最终打包成类似 elementUI 的组件库。 多仓库管理组件成本实属太大,于是想做成npm包依赖减少维护成本,选用的是rollup工具打包。但如果有图片不建议用rollup打包,因为要装的各种插件实在太多了,也不支持 require 语法(装了 require 之类的库也不能正确引入),未知的坑略多,更适合打包纯代码文件… 附上 rollup 官方文档,vue 官网也有教程可供参

css3

实现element table组件内行与行之间设置间隙效果以及行内的渐变效果以及各种问题

帝王组仁希 帝王组仁希 发表于2024-04-21 浏览9506 评论0
在项目开发中,产品提了这样一个需求:实现表格内每一行之间存在间隙以及渐变效果。具体效果如下图所示: 因为element的table组件默认的是行与行挨着,所以需要更改组件的样式,具体代码如下所示: 1. 设置行与行之间的间距 ::v-deep .el-table__body{ //-webkit-border-horizontal-spacing: 13px; // 水平间距 -webkit-border-vertical-spacing: 13px; // 垂直

html5

Vue-html5-editor 编辑器的使用及一些问题解决

张钰龙 张钰龙 发表于2024-04-21 浏览6497 评论0
近期由于需要对公司运营系统进行优化和升级,而原有后台系统所使用的vue-quill-editor编辑器对粘贴进来的内容的行内样式全部进行了过滤,虽然这样可以防止XSS攻击,但是却完全无法满足业务需要,为此对编辑器进行了更换,采用Vue-html5-editor 这个编辑器。 这是一个基于Vue 2.0系列的编辑器(官方地址),还不错,但却存在一些问题,以下记录这些问题,并提供解决办法。 1. 复制网络图片时无法粘贴成功 主要原因是图片链接存在跨域问题。运营人员复制的内容都是基于微信环境

JavaScript教程

Vuex④(多组件共享数据、Vuex模块化+namespace)(vuex多模块使用)

dede58织梦模板 dede58织梦模板 发表于2024-04-20 浏览3357 评论0
多组件共享数据 我们现在想实现这种情况: Person组件的总人数就是Person中列表的长度 br上的是Count组件,br下的是Person组件。 我们通过vuex中的state实现一些数据的多组件共享: 代码实现 Person.vue <template> <div> <h1>人员列表</h1> <h3 style="color:red">Count组件求和为:{{sum}}</

html5

Element-UI 按需加载(elementui按需加载)

田小檬 田小檬 发表于2024-04-20 浏览4409 评论0
Element-UI 我在 Element-UI 的安装与配置使用 这篇已经做过简单的介绍了在此就不赘述了,这里更多的是介绍 Element-UI 的另一种使用方法,即在项目中按需加载其内部组件,以达到减小项目体积的目的。 第一、安装 babel-plugin-component 插件 npm install babel-plugin-component -D 注:如果有使用 vue ui 打开 vue 项目的图形化界面也可以直接安装新的运行依赖直接搜索 babel-plugin-comp

前端框架

「经典题」Vuex常见面试题大全汇总--史上最全【vuex面试题】(vuex面试题目)

IPASS IPASS 发表于2024-04-20 浏览7052 评论0
一.vuex是什么?怎么使用?哪种功能场景使用它?         Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。简单来说就是:应用遇到多个组件共享状态时,使用vuex。 场景:多个组件共享数据或者是跨组件传递数据时, 比如:单页应用中,组件之间的状态。音乐播放、登录状态、加入购物车 怎么使用? vue框架中状态管理。在main.js引入store,注入。 新建了一个目录sto

spring boot

【024】Vue+Springboot+mysql员工考勤管理系统(多角色登录、请假、打卡)(含源码、数据库、运行教程、实验报告)

我 发表于2024-04-20 浏览3916 评论0
前排提示:项目源码已放在文末 基于Vue+Springboot+mysql员工考勤管理系统(多角色登录、请假、打卡)开发环境:Springboot+Mysql+Vue+Nodejs+Maven+JDK1.8技术栈:spring-boot、mysql、mybatis-plus、druid连接池。 与【023】相比,【024】增加了轮播图功能,数据库的测试用例创建也比较清晰,而且有两份课设报告,绝对物超所值! 身份目录: 源码、数据库、课设获取: 百度云链接:https://pan.baidu