Vue + ElementUi 管理系统页面制作步骤登录/退出功能登录概述1.登录业务流程在登录页面输入用户名和密码调用后台接口进行验证通过验证之后,根据后台的响应状态跳转到项目主页2.登录业务的相关技术点http 是无状态的 通过cookie在客户端记录状态(不跨域推荐) 通过session在服务器端记录状态(不跨域推荐) 通过token方式维持状态 (存在跨域使用)3.登录功能实现路有导航守卫
转载 2024-03-28 17:06:11
158阅读
     EL如果要想使用必须结合标志位的操作完成,所谓的标志位在Java WEB里面一共有四种:page(pageContext),request,session,application(四种属性范围).EL是针对于四种属性范围取值的支持,有了EL之后,在页面中就不应该再出现getAttribute()方法.范例:观察基本操作<% request.s
首先是全局指令: /** * el-select加载事件(可用于做select的无限滚动) * 使用方法(两种方法,推荐第2种): * 1. 查询方法自定义(远程搜索也需要自定义): * v-load-more.method="function(){}" * 2. 传入url就可实现无限滚动和远程搜索,要求接口分页参数为“pageSize”和“pageNo”: *
转载 2024-07-28 09:00:32
118阅读
今天摸鱼的时候看阮神的博客,里面介绍了position的用法,最后一部分介绍了一个新的定位属性sticky,其中有一个固定表头的案例,我发现案例里面的固定表头只能用于那种占据整个页面的那种大表,但是我们常用的表格通常是只在一部分区域使用,于是查了一下固定表头的实现,在其中一种实现方法中发现了colgroup和col标签,回想起element-ui的表格组件也用了这两个标签,属实好奇,百度后决定记录
在我们日常工作中,利用Excel制作表格时,经常会碰到以下情况:表头需要两个或多个标题;表头内容太多,一行显示影响表格美观;其实这些与表头有关的问题,只需要一招全部搞定——斜线表头。既增加了表格美观度,更易于阅读。今天阿钟老师分享几种斜线表头的制作方法,花上几分钟学习,让你的表格美美哒!01.单斜线表头当我们的表格标题有两个时,只需要在单元格添加一条斜线即可。· 鼠标右键点击需要添加
转载 2024-10-28 20:36:38
159阅读
删去App.vue的margin-top: 60px;这是cli搭建的vue项目中自带的css,其他地方改都会被它覆盖
原创 2023-03-04 08:06:47
260阅读
# MySQL 目录 在 MySQL 数据库中,目录是两个重要的概念,它们对于数据库的性能和数据组织起着关键作用。在本文中,我们将介绍什么是目录,并通过代码示例来说明它们的用途和操作方式。 ## 什么是是指每个磁盘上存储的MySQL数据的元数据信息。在MySQL中,数据按照的方式进行组织和存储,每个的大小通常为16KB。存储了关于该页的一些重要信
原创 2024-01-14 05:34:38
69阅读
<span style="font-size:24px;color:#ff0000;"><strong><c:foreach>常用的用法</strong></span><span style="color: rgb(51, 51, 51); font-size: 14px;"> 转的,可以用来作为自己的学习笔记 <c:f
Vue中如何进行二维码生成与扫描?二维码是一种广泛应用于各种场合的编码方式,它可以将信息编码成一张二维图案,方便快捷地传递信息。在Vue.js中,我们可以使用一些库和组件来实现二维码的生成和扫描。本文将介绍如何在Vue中实现二维码的生成和扫描的方法。二维码生成要实现二维码的生成,我们可以使用qrcodejs2库。qrcodejs2是一个简单、轻量级的JavaScript库,可以在浏览器中生成二维码
可自定义设置以下属性:标签页数组(tabPages),类型:Array<{key: string|number, tab: string, content?: string, disabled?: boolean}>,默认 []标签是否居中展示(centered),类型:boolean,默认 false标签大小(size),类型:'small'|'middle'|'large',默认
转载 2024-05-12 19:36:20
191阅读
(Page)是 InnoDB 存储引擎用于管理数据的最小磁盘单位。常见的类型有数据、Undo 、系统、事务数据等,本文主要分析的是数据。默认的大小为 16KB,每个中至少存储有 2 条或以上的行记录,本文主要分析的是与行记录的数据结构。下图是 InnoDB 逻辑存储结构图,从上往下依次为:Tablespace、Segment、Extent、Page 以及 Row。本文关注的重点
转载 2023-09-28 12:39:53
124阅读
这其实是一个很常见的弹出层效果,鼠标点击按钮切换弹出层的显示,点击其他区域弹出层消失,用javascript绑定事件可能几行代码就搞定了,但是vue.js的状态驱动模式和javascript的事件驱动模式是不同的,下面是使用vue.js的实现方式:鼠标点击button会切换一个布尔值show,用show来控制弹出层的显示,而包裹着<transition>标签的弹出层在show的状态改变
制作首页组件整体结构分为左右结构,右边分为上下结构布局1.左侧菜单项添加2.顶部3.下边框显示栏使用Element-ui框架中的Container 布局容器页面整体布局<div class='index'> <el-container> <el-aside width="200px">Aside</el-aside> <el-conta
转载 2024-04-26 13:56:42
403阅读
一、slot插槽1、简单使用可以在子组件模板中定义一个《slot》标签,作为插槽;这样在父组件模板调用子组件模板时,可以在《cpn》《/cpn》中写入东西,比如<cpn><p>我是一个p元素</p></cpn>这个时候,<p>我是一个p元素</p>就会重写插槽内的默认值; 2、具名插槽就是给每个插槽都加一个那么属性作
转载 2024-11-02 10:38:15
221阅读
 创建项目并引入element组件库用vue-cli脚手架创建vue项目找一个合适的文件夹,打开cmd窗口,用vue create 创建项目命令:vue create 自定项目名 vue create element-demo ------------------------------- ? Please pick a preset: > Default ([Vue 2] bab
转载 2024-09-04 16:00:53
302阅读
为了提高访客访问寻小山网时的网页打开速度,于是给这个基于wordpress程序建立的网站安装了一个缓存插件,但是最近发现了一个问题,具体情况就是:在更新文章或者撰写新文章或者更新其它页面之后,刷新首页,首页显示的还是原先的内容。有人说可能缓存的原因,于是关闭wordpress缓存插件并清理下浏览器缓存或者换个浏览器试试。但是,这两种方式都试过,新撰写一篇文章发表之后,首页还是不能显示出来,就在俺“
文章目录vue入门el:挂载点data:数据对象指令v-textv-htmlv-onv-showv-ifv-bindv-forv-model小小记事本axios vue入门el:挂载点el是用来设置Vue实例挂载(管理)的元素Vue会管理el选项命中的元素及其内部的后代元素可以使用其他的双标签,不能使用html和body标签data:数据对象Vue中用到的数据定义在data中data中可以写复杂
前端成长仔一枚,最近的一个项目中,遇到了一个bug,虽然不是很大,但是足够灵异。借此记录一下。项目背景:项目首页使用的el-tree和el-tab-pane,没有使用路由,全部在一个根路由下由v-if控制显示。实习小白也不懂为什么这样,但是入乡随俗,我新增页面、tree结构和tab的时候也用的这种方式。(事实证明,跟着前辈走方便又快捷。之前不信邪,非得用路由跳转,纠结到心脏病发,熬夜到十二点也解
转载 2024-03-27 09:29:27
220阅读
无论是在工作还是生活中,pdf文件都是一种非常常用的文件格式,当我们阅读pdf文件的时,因为一些其他的事情需要暂时关闭文档,在下一次阅读的时候如何能够快速找到上一次阅读的位置呢?这时候,我们就需要掌握pdf添加书签的操作方法了,下面小编就使用迅捷PDF编辑器为大家操作一下PDF添加书签的方法。操作软件:迅捷PDF编辑器1、如果我们想要给pdf文件添加书签,那么就需要准备一款专业的工具。通过百度搜索
转载 10月前
25阅读
jquery是js的类库,js本身不能操作header,因为js是在浏览器加载页面过程中才开始执行的 header需要服务器端执行操作 如果是ajax,是可以设置header $.ajax({ url: "", data: {}, type: "GET", beforeSend: function(xhr){xhr.setRequestHeader('X-Test
转载 2023-07-20 19:28:25
195阅读
  • 1
  • 2
  • 3
  • 4
  • 5