vue页面布局

在这里插入图片描述

布局

用element-plus自带的布局；
布局用自带的

左边菜单

用他的Menu 菜单、自带收缩和展开；数据可以接口获取或者写死；

在这里插入图片描述
使用的如下操作、把主题和默认打开的index存到缓存中
在这里插入图片描述

头部；

简单的先分成左右；再简单的分成左右

1、左边是logo和系统名称：不多做演示 2、右边是快捷操作；

2.1左边是菜单收缩按钮和element-plus自带的标签

这里展示自带的标签
在这里插入图片描述
这是使用的方法；老规矩；当点击菜单的时候，把列表放到缓存中；监视路由变化获取最新数据
在这里插入图片描述

2.2个人信息主题切换等；

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：/a/62812.html

如若内容造成侵权/违法违规/事实不符，请联系我们进行投诉反馈qq邮箱809451989@qq.com，一经查实，立即删除！

相关文章

自然语言处理学习笔记（五）————切分算法

自然语言处理学习笔记（五）————切分算法

目录 1.切分算法 2.完全切分 3.正向最长匹配 4.逆向最长匹配 5.双向最长匹配 6.速度评测 1.切分算法 词典确定后，句子可能含有很多词典中的词语，他们有可能互相重叠，如何切分需要一些规则。常用规则为：正向匹配算法、逆向匹…
阅读更多...
小程序的 weiui的使用以及引入

小程序的 weiui的使用以及引入

https://wechat-miniprogram.github.io/weui/docs/quickstart.html 网址 1.点进去，在app.json里面配置 在你需要的 页面的 json里面配置，按需引入 然后看文档，再在你的 wxml里面使用就好了
阅读更多...
MYSQL06高级_为什么使用索引、优缺点、索引的设计、方案、聚簇索引、联合索引

MYSQL06高级_为什么使用索引、优缺点、索引的设计、方案、聚簇索引、联合索引

文章目录 ①. 为什么使用索引②. 索引及其优缺点③. InnoDb - 索引的设计④. InnoDb中的索引方案⑤. 索引 - 聚簇索引⑥. 索引 - 二级索引 ①. 为什么使用索引 ①. 索引是存储引擎用于快速找到数据记录的一种数据结构,就好比去图书馆找书,或者新华字典里找字,相当于一个目录,可…
阅读更多...
Vue2 第十七节 Vue中的Ajax

Vue2 第十七节 Vue中的Ajax

1.Vue脚手架配置代理 2.vue-resource 一.Vue脚手架配置代理 1.1 使用Ajax库 -- axios ① 安装 : npm i axios ② 引入: import axios from axios ③ 使用示例 1.2 解决开发环境Ajax跨域问题 跨域：违背了同源策略，同源策略规定协议名&#xff0…
阅读更多...
ApplicationContent 和BeanFactory的关系

ApplicationContent 和BeanFactory的关系

选中这个类， ctrl alt u 从springboot的启动类说起 我们知道这个启动类返回值呢是哟个configurableApplicationContent 类型 我们查看她的类图 从图中我们可以看出，configurableApplicationContent是见解的继承了BeanFactory接口，扩展了他…
阅读更多...
2023爱分析·信创云市场厂商评估报告：中国电子云

2023爱分析·信创云市场厂商评估报告：中国电子云

01 研究范围定义 信创2.0时代开启，信创进程正在从局部到全面、从细分到所有领域延展。在这个过程中，传统的系统集成,也在逐步向信创化、数字化及智能化转变。随着信创产业的发展，企业需要更多的技术支持和服务，而传统的系统集成已…
阅读更多...
C语言 函数指针详解

C语言 函数指针详解

一、函数指针 1.1、概念 函数指针：首先它是一个指针，一个指向函数的指针，在内存空间中存放的是函数的地址； 示例： int Add(int x，int y) {return xy;} int main() {printf("%p\n",&Add);…
阅读更多...
uniapp引入inconfont自定义导航栏

uniapp引入inconfont自定义导航栏

app,h5端引入 uniapp本身的全局设置中有个iconfontsrc属性 所以只需要 1.iconfont将需要的icon添加至项目 2.下载到本地解压后,将其中的ttf文件,放在static静态目录下 3.在page.json中对全局文件进行配置tabBar(导航图标) “iconfontSrc”: “static/font/iconfont.ttf”, …
阅读更多...
SQLAlchemy快速使用

SQLAlchemy快速使用

一、介绍 sqlalchemy是一个基于python实现的orm框架，跟web框架无关，独立的。 同步orm框架：django的orm（3.0以后支持异步）、sqlalchemy（大而重）、peewee（小而轻、同步和异步&#xf…
阅读更多...
Netty 粘包半包

Netty 粘包半包

什么是 TCP 粘包半包？ 假设客户端分别发送了两个数据包 D1 和 D2 给服务端，由于服务端一次读取到的字节 数是不确定的，故可能存在以下 4 种情况。 （1）服务端分两次读取到了两个独立的数据包，分别…
阅读更多...
MyBatis查询数据库之一(概念+创建项目+基础交互)

MyBatis查询数据库之一(概念+创建项目+基础交互)

目录 1.MyBatis是什么？ 2.为什么学习MyBatis？ 3. 怎么学 MyBatis 4.第⼀个MyBatis查询 4.1 添加MyBatis框架支持 4.1.1老项目添加MyBatis 4.1.2 新项目添加MyBatis 4.2 配置连接字符串和MyBatis 4.2.1 配置连接字符串 4.2.2 配置 MyBatis 中的…
阅读更多...
python爬虫之scrapy框架介绍

python爬虫之scrapy框架介绍

一、Scrapy框架简介 Scrapy 是一个开源的 Python 库和框架，用于从网站上提取数据。它为自从网站爬取数据而设计，也可以用于数据挖掘和信息处理。Scrapy 可以从互联网上自动爬取数据，并将其存储在本地或在 Internet 上进行处理。Scrapy 的目标…
阅读更多...
谈谈基因编辑技术

谈谈基因编辑技术

目录 1.基因编辑的概念 2.基因编辑技术的发展 3.基因编辑技术给人类带来的福利 1.基因编辑的概念 基因编辑是指通过人为干预，对生物个体的基因组进行特定的修改。这种技术使得科学家能够直接改变生物体的遗传信息，包括添加、删除或修改特定基因的DNA序…
阅读更多...
为什么你一定要学会写作？

为什么你一定要学会写作？

不管是写文章还是做短视频，也就是现在的自媒体，都有一个很大的好处： 写作是把自己的同一段时间重复销售很多很多次的极少选择之一，也是相对来看最容易成为普通人起步的台阶之一。 你写一篇文章，可能花了半天时间&…
阅读更多...
uniapp点击图片放大预览

uniapp点击图片放大预览

阐述 有些时候我们在用uniapp显示图片时&#xff0c;有的不宜全部显示到屏幕上&#xff0c;uniapp提供了一个非常好用的api。 实现方式如下&#xff1a; <template><view class"content"><image class"logo" src"/static/images/a.…
阅读更多...
移动开发最佳实践：为 Android 和 iOS 构建成功应用的策略

移动开发最佳实践：为 Android 和 iOS 构建成功应用的策略

您可以将本文作为指南&#xff0c;确保您的应用程序符合可行的最重要标准。请注意&#xff0c;这份清单远非详尽无遗&#xff1b;您可以加以利用&#xff0c;并添加一些自己的见解。 了解您的目标受众 要制作一个成功的应用程序&#xff0c;你需要了解你是为谁制作的。从创建…
阅读更多...
Scala编程语言入门教程

Scala编程语言入门教程

Scala教程 方便个人学习和查阅 学习目标 Scala介绍 简介 Scala创始人Martin Odersky马丁奥德斯基 再回到我们的scala语言&#xff0c;在Scala官网https://www.scala-lang.org/介绍了其六大特征。 Java和scala可以混编 类型推测(自动推测类型) 并发和分布式&#xff08;Ac…
阅读更多...
OLED透明屏采购指南：如何选择适合您需求的高品质产品

OLED透明屏采购指南：如何选择适合您需求的高品质产品

引言&#xff1a;OLED透明屏作为一种创新的显示技术&#xff0c;正在迅速发展并广泛应用于各个领域。 然而&#xff0c;面对市场上琳琅满目的OLED透明屏产品&#xff0c;如何选择适合自己需求的高品质产品成为了采购者们的重要任务。 对此&#xff0c;尼伽将为您提供一份OLED…
阅读更多...
mybatis-plus的update方法，到底会不会更新null值？看这一篇就够了

mybatis-plus的update方法，到底会不会更新null值？看这一篇就够了

普通的设置值。需要传入一个Wrapper对象 默认情况下是不会更新null值的&#xff0c;也就是只更新设置值的字段 LambdaUpdateWrapper<OrderChildRoom> orderChildRoomUpdateWrapper new LambdaUpdateWrapper<>();orderChildRoomUpdateWrapper.set(OrderChildRoo…
阅读更多...
基于SqlSugar的开发框架循序渐进介绍- 基于MongoDB的数据库操作整合

基于SqlSugar的开发框架循序渐进介绍- 基于MongoDB的数据库操作整合

SqlSugar的开发框架本身主要是基于常规关系型数据库设计的框架&#xff0c;支持多种数据库类型的接入&#xff0c;如SqlServer、MySQL、Oracle、PostgreSQL、SQLite等数据库&#xff0c;非关系型数据库的MongoDB数据库也可以作为扩展整合到开发框架里面&#xff0c;通过基类的继…
阅读更多...
最新文章

Copyright @ 2022~2023