写在前面此篇文章为一篇说明文档,不是教你从零构建一个后台管理系统,而是基于一个实际项目,已经搭建好了一个后台管理系统的基础框架,教你如何在此基础上快速开发自己的后台管理系统,能让读者能在掌握一些基础知识的情况下,也能上手vue后台开发。只有接触项目,才能更好地理解自己所学知识的意义,触类旁通把死知识点变成活学活用的技能。先跑起来 # 克隆项目 git clone https://github.c
目录一、介绍二、使用2.1 安装2.2 使用组件介绍三、结合具体案例使用3.1 案例效果和整体代码 3.2 确定页面整体布局(container布局容器) 3.3 确定导航栏3.4 面包屑 3.5 文件上传(upload)3.6 按钮的选择(button)四、学习感悟一、介绍       &nbsp
转载 2024-03-20 13:31:10
175阅读
作者:Matt Maribojoc 译者:前端小智 后面的模板是我们做后台管理系统经常所需要的东西。 虽然,我们总可以花很多时间从头开始设计自己的模板,但有现在的模板让我们套,节省我们更多时间用来摸鱼,何乐而不为呢。这些现有出色模板,除了节省时间外,还附带这些好处:内置常用案例的组件跨不同视图的一致样式内置响应式设计技术支持和文档1. Vue Black Dashboard Pro线上地址:htt
转载 1月前
547阅读
element-plustable1、el-table自定义表格偶数及奇数背景<template> <el-table :row-class-name="tableRowClassName" > </el-table> </template> <script setup> const tableRowClassName =
用自己通俗易懂的语言理解设计模式。通过对每种设计模式的学习,更加加深了我对它的理解,也能在工作中考虑应用场合。成文思路:分析每种设计模式思想、抽离出应用场景、对这些模式进行对比此篇文章包含:修饰者模式(装饰器)、单例模式、工厂模式、订阅者模式、观察者模式、代理模式将不变的部分和变化的部分隔开是每个设计模式的主题。单例模式也叫单体模式,核心思想是确保一个类只对应一个实例。特点:只允许一个例存在,提供
在登入页面每个div几乎都需要为其设置css属性。 要开发新页面第一步要先去定义路由,定义好路由之后创建好对应的视图文件,然后就可以基于这个pass去访问这个页面了,拿到这个文件的效果了。然后就可以在这个文件里面边开发边去看效果去调试。先去注册路由,注册好路由之后去找到对应的xx.vue,再去vue文件里面写css和js。一个页面进来,是先到index.html。然后再到App.vue,
Vue后台管理系统此项目是 vue + element-ui 构建的后台管理系统(单页面应用),所有的数据都是从服务器实时获取的真实数据,具有真实的登录、数据显示、新增数据、修改数据、删除数据等功能。前端技术栈:vue + vuex + vue-cli + vue-r outer + ES6 + sass + element-ui调试工具:devtools + postmanvue-cli搭建项目
前端工程化实战 - 脚手架工具2.1脚手架工具概要2.2常用的脚手架工具2.3Yeoman 脚手架工具Yeoman 基础使用Sub GeneratorYeoman 使用步骤总结2.4基于 Yeoman 搭建自己的脚手架根据模板创建文件接收用户输入数据发布 Generator2.5Plop 脚手架工具Plop 的具体使用 2.1脚手架工具概要脚手架工具的本质作用:创建项目基础结构、提供项目规范和约
前言这个夏天依旧喧闹,窗外蝉鸣不止,燥热的微风拂起了年少的热情,从此,我们与夏日长存,夏日与我们永在。项目分述项目预览 由于该项目我还在学习和完善当中,自己是第一次做vue项目,所以在写这篇博客时还在继续敲,这里就不一一展示。我将按照分述的版块来写下这个项目的细节和具体实现步骤,以此来促进自己的学习和知识的回顾。1.项目概述1.1基本业务概述 根据不同的应用场景,电商系统一般都提供了PC端,移动端
最适合小白入手的SpringBoot2.X+Vue-Admin-Template教程 SpringBoot实现vue-admin-template登录接口vue-admin-templatevue-admin-template是一个简化版的vue-element-admin的模板, 适合vue用来做项目的搭建,虽然官方文档以及花裤衩前端大佬 在博客中已经将大
◼ 图书管理系统前端代码1. Element UI 的全局引入与使用1.1 全局引入 Element UI 及相应配置◼ 在 main.js 文件中配置import ElementUI from 'element-ui' //导入element-ui所有组件 import 'element-ui/lib/theme-chalk/index.css' //导入element-ui样式1.2 登录
选择了element plus。于是按照element plus官网文档操作,安装了nodejs之后就开始 npm install element-plus --save。结果就完全进行不下去了,根本就没有main.js啊。百度之后发现,写的基本上也是跟官网差不多,帮助不大。没有人带入门,踩的坑确实会比较多。摸索之后,终于可以进行开发,记录之,以免同行走弯路。1、使用element pl
转载 2024-08-04 14:22:40
574阅读
上一篇文章完成了Router4.0的集成,已经页面的切换。那么就应该开始对每个页面的内容做设计了,vue有很很多支持的第三方UI库,其中使用最广泛的就是 elementUI 。这次 elementUI 的集成为了适配我们Vue3.0特地选择了官方对应的版本 element-plus 。安装首先进行依赖的安装,这里直接使用npm方式:npm install element-plus --save然后
转载 2024-04-19 19:14:05
2837阅读
ElementPlus 全局引入与按需引入前言一、完整引入1、安装组件库2、在项目中引入3、设置组件语言二、按需引入1、安装组件库2、Webpack 配置3、在项目中引入(1)全局引入(2)局部引入4、按需引入时设置组件语言总结 前言之前使用 ElementPlus 做项目的时候,由于不会使用按需引入,一个仅需要几个 ElementPlus 组件的 Vue 项目,全局引入 ElementPlus
转载 2024-03-22 14:34:07
2373阅读
前言一般我们开发单页面应用(关于单页面应用是什么在本专栏的另一篇文章中有介绍)时,特别是针对和我一样打算走后端开发的同学,对于前端只需要有了解的程度就行了,但是平常做项目练手时经常会要自己写前端的东西,所以本文的主旨就是让各位和我一样的后端开发的同学能快速使用element-ui提供的网页组件快速搭建自己需要的网页。小tips在Idea中安装一个叫“element”的插件,就可以在Idea中写el
转载 2024-03-15 10:00:44
932阅读
一 分析vue2时期PC端的UI库封神之作elementUI随着vue3的到来,发布了其续作elementPlus,并在2022年发布正式版本(根据更新日志的信息,全新的稳定版2.0.0于2022-02-07发布).点这里一键跳转至官方网站.在elementPlus中,为了解决普通树形组件无法容纳大量数据的情况,提供了一款新的组件,来解决大量数据用树形组件展示问题,该组件便是我们今天要介绍的主角,
转载 2024-05-29 20:30:03
810阅读
在此所说的移动平台前端开发是指针对高端智能手机(如Iphone、Android)做站点适配也就是WebApp,并非是针对普通手机开发Wap 2.0,所以在阅读本篇文章以前,你需要对webkit内核的浏览器有一定的了解,你需要对HTML5和CSS3有一定的了解。如果你已经对此有所了解,那现在就开始往下阅读吧……1、首先我们来看看webkit内核中的一些私有的meta标签,这些meta标签在
element-plus
原创 2023-04-16 15:10:44
1940阅读
1点赞
更新日志功能组件[级联选择器 (cascader)] 添加持久化属性以提升性能 (#17526 by @0song)[日期选择器 (date-picker)] 类型添加月份
原创 2024-08-04 00:55:04
301阅读
vue+elementUI 后台管理极简模板写在前面此篇文章为一篇说明文档,不是教你从零构建一个后台管理系统,而是基于一个实际项目,已经搭建好了一个后台管理系统的基础框架,教你如何在此基础上快速开发自己的后台管理系统,能让读者能在掌握一些基础知识的情况下,也能上手vue后台开发。只有接触项目,才能更好地理解自己所学知识的意义,触类旁通把死知识点变成活学活用的技能。先跑起来# 克隆项目 git cl
  • 1
  • 2
  • 3
  • 4
  • 5