1.项目搭建开始工作参考这个博客创建一一个名为hello-vue 的工程vue init webpack hello-vue安装依赖，我们需要安装vue-router、element-ui、 sass-loader 和node-sass四个插件进入工程目录：cd hello-vue安装vue-router：npm install vue-router --save-dev安装element-ui：
基于vue + elementUI写的邮箱列表，包括全选，已读，未读，上次一次点击记录以及删除的操作列表组件如下：<template>
<div style="height: 100vh; background-color: #f6f8fb; min-width: 1440px;">
<ai-header></ai-header>
转载
2024-07-05 20:55:05
39阅读
文末获取源码开发语言：Java框架：springbootJDK版本：JDK1.8服务器：tomcat7数据库：mysql 5.7/8.0数据库工具：Navicat11开发软件：eclipse/myeclipse/ideaMaven包：Maven3.3.9浏览器：谷歌浏览器前言介绍 本文主要论述了如何使用JAVA语言开发一个校园新闻网站 ，本系统将严格按照软件开发流程进行各个阶段的工作，采
大致效果图
其中上方文头部导航，左边为菜单选项，中间为index页面。
进行组件化
新建目录如下，新建文件如下
其中分为两个文件夹，一个为views文件夹，一个为components文件夹，一个存放相关文件页面信息，一个存放相关的组件信息。
创建相关的url
创建相关的页面url 在router目录下新建相关的文件， 代码如下
{
path: '/index',
na
转载
2021-07-16 15:28:41
448阅读
Element UI 后台管理系统首页
原创
2021-07-06 16:58:56
2581阅读
unit DxHtmlElement;
interface
uses Windows,sysUtils,Clipbrd,MSHTML,ActiveX,OleCtrls,Graphics,TypInfo;
{Get EleMent Type}
function IsSelectElement(eleElement: IHTMLElement): Boolean;
function IsPwdEl
转载
2024-10-21 18:16:40
37阅读
ElementUI简介 我们学习VUE,知道它的核心思想式组件和数据驱动,但是每一个组件都需要自己编写模板,样式,添加事件,数据等是非常麻烦的, 所以饿了吗推出了基于VUE2.0的组件库,它的名称叫做element-ui,提供了丰富的PC端组件ElementUI官网：http://element-cn.eleme.io/#/zh-CN注1：类似前端框架还有iview 案例：<!DOCTYPE
转载
2024-04-18 10:18:39
95阅读
关于element-ui表格使用的一些方法最近在用Vue.js和elment-ui做一个后台管理项目,不得不说element功能非常强大,提供了许多组件,基本可以满足一些基础的开发了.因为我做的后台系统,里面表格用到比较多,但是其实我也只是一个刚入行不久的菜鸟,只看官方文档,开发起来还是有难度.不过经过不停的测试以及查阅资料,还是勉强实现了效果,这里就把一些方法分享出来,
转载
2024-05-18 06:52:45
115阅读
1.开发需求在日常开发中，我们会遇到form表单的动态添加和校验，当我们需要在动态添加的内容中再次动态使用输入框的时候，就会变得很繁琐，我在网上找了很多案例，没有符合自己需求的内容，只好闲暇时间自己搞一下了...比如一下操作，在一个输入框中输入多个批号，然后提示多个批号有逗号分开。这种操作让用户操作起来就很不方便然后我就想到了，在element中，有一个动态添加tag的案例，于是就想着使用这个方式
转载
2024-07-25 21:29:29
582阅读
今天将介绍的是, 如果页面需要在后台执行很长时间怎么办, 通过 ResponseProgress由于精力有限, 不能在多个博客中保证文章的同步, 可在如下地址查看最新内容, 请谅解:http://code.google.com/p/zsharedcode/wiki/ResponseProgress请到 Download 下载资源 的 JQueryElement 示例下载一节下载示例代码, 目录 /
转载
2024-08-01 13:41:57
82阅读
插槽---可以理解成占位符。方便组件功能的扩展。 一个 slot 标签就是一个插槽，如果没有内容传入，则显示 slot 标签原有的内容，如果有内容插入，则显示插入的内容。vue的插槽，也就是slot，是组件的一块HTML模板，这块模板显示不显示、以及怎样显示由父组件来决定。匿名插槽（slot 不带 name 属性），看下面例子：先在main.js定义一个组件my_slot:Vue.com
转载
2024-03-16 12:00:26
746阅读
Vue-elementUI实现PC端商城购物车计算Vue-elementUI实现PC端商城购物车计算，最重要的就是【computed】里面的计算，用来算出勾选的商品的总价 文章目录Vue-elementUI实现PC端商城购物车计算前言一、实现效果二、使用步骤1.数据结构部分2.HTML部分3.部分CSS样式4.JS中的data5.JS中的method6.JS中的computed（计算最终勾选的价格
转载
2024-03-25 14:18:08
93阅读
历时2周左右，我终于完成了我的毕业项目。虽说页面不是特别美观，但是对于一个后四、总结 一、页面展示登录界面管理界面数据操作二、代码展示登录页代码<templa
转载
2024-04-17 16:59:33
92阅读
目录前言一、检查项目开发环境二、搭建项目1.安装vue-cli2.创建vue项目总结前言随着框架的流行，越来越多的开发者喜欢用框架开发项目，以vue、react等居主流，国内比较常用的就是vue进行项目的搭建，本系列文章主要使用vue+webpack进行项目的搭建，其中使用了elementUI进行了扩展，增加到后台系统的布局和路由相关知识，有兴趣就往下看吧~一、检查项目开发环境搭建项目前，我们要检
转载
2024-05-08 16:58:32
66阅读
简介
element-
ui是一个
ui库，它不依赖于vue。但是却是当前和vue配合做项目开发的一个比较好的
ui框架。Layout布局（el-row、el-col）
element-
ui借用了bootstrap框架的思想，使用了栅格布局。它把单一的分栏分为24列。基本的使用方式如下<el-row>
<el-col :span="6"><div class="
转载
2024-03-28 12:41:54
704阅读
Layout Element 布局元素包括7个属性，其中前6个属性是每个布局元素自身大小信息的设定，一般用于布局控制器对其进行大小和位置的设定。 1.布局涉及两个核心要件，包括布局控制器（La
转载
2024-07-30 19:47:31
48阅读
文章目录项目部署视频一、Bug修改和插件安装二、调试1、Debug启动项目三、用户密码加密四、接入Swagger接口文档1、什么是Swagger？1.1、Swagger介绍1.2、使用Swagger的好处2、项目中如何载入Swagger？3、如何使用Swagger？3.1、接口归类3.2、接口方法4、配置Swagger 一、Bug修改和插件安装经过前面的代码接口测试，基本的功能都可以实现了，但是
转载
2024-04-17 11:16:48
50阅读
Element UI1.Element UI 引言官网: https://element.eleme.io/#/zh-CN1.1 官方定义 Element - UI
1.2 定义element ui 就是基于vue的一个ui框架,该框架基于vue开发了很多相关组件,方便我们快速开发页面。1.3 由来饿了么前端团队 基于vue进行开发并且进行了开源 element ui 中提供全部都是封装好
转载
2024-04-26 16:11:20
297阅读
Alert 警告用于页面中展示重要的提示信息。基本用法页面中的非浮层元素，不会自动消失。<template>
<el-alert
title="成功提示的文案"
type="success">
</el-alert>
<el-alert
title="消息提示的文案"
type="info">
<
转载
2024-03-28 09:34:00
262阅读
一、问题使用ElementUI后，相关图标出不来；在项目中部分页面的css中使用了backgroud-image:url(xxx/xxx.jpg)，在生产环境中不显示；ElementUI体积过大，导致Webpack打包后的js有1M多；二、目标找出原因，解决该bug；找到替代方案，方便兼容几种类型的图片加载；ElementUI改成按需加载；三、方案在DEV模式下，访问项目，发现会报："failed
转载
2024-03-21 14:48:49
41阅读
