SpringBoot+Vue+ElementUI实现导入和导出1.导出数据1.1.后端需要导入的maven依赖1.2编写controller1.3 前端代码2. 导入数据2.1 编写后端代码2.2 前端代码3.遇到的一些细节问题3.1 时间日期格式的转换3.2 LocalDateTime和Date的相互转换3.3 response响应回去的中文数据乱码 1.导出数据1.1.后端需要导入的mave
转载
2024-09-03 09:02:17
102阅读
今天突发奇想想从零开始搭建一个vue项目，为什么会有这样的想法呢？我从开始接触vue到现在已经一年了，但是我从开始接触到现在其实都没有自己完整的做一个项目。要不是半路加入项目组，要不就是在别人的初始框架上进行二次开发，要不就是给别人开发完成的项目擦屁股。所以我想着我从零开始搭建一个Vue项目应该会让我对vue的整体架构会有着更深的理解。话不多说，让我们开始第一期的开发。1）环境搭建Node环境网上
公司最近项目是后台管理系统，由我负责，网上找模板发现还需要改很多地方，而且那些模板也没有写代码的实现思路，对于vue项目经验不足者很难看懂，所以就按照自己的思路从零实现一遍，过程讲解还是比较详细的，若是有不足之处还请指正。整体布局：登录： 菜单：准备工作：1、安装elementuinpm i element-ui -S
import ElementUI from
转载
2024-02-08 15:19:31
101阅读
目录一、创建项目创建工程创建登录页面二、创建登录页面1.创建首页视图，在views目录下创建一个名为Main.vue的视图组件：2.创建登录页视图在views目录下创建名为Login.vue的视图组件，其中el-*的元素为ElementUI组件； 组件 --> 路由3.创建路由，在rou
新项目使用的是vue.js 后来发现饿了吗前端编写的一套框架Element 来配合vue.js进行样式填充 之前用过angularjs 用到后来 发现越来越难学 于是就决定用vue.js 下面就介绍一下vue.js应用在表格里的增删改查 首先安装相关js以及cssimport 'element-ui/lib/theme-default/index.css'
import Vue from
转载
2024-02-29 17:48:43
35阅读
我们的项目是前端用vue,服务端用node.js,这个excel导出我们已经用了一年,我们目前用到的无非是图片导出,文本导出,调调excel单元格距离等.这个node端的封装是经过同事不断的review(感谢同事),俺不断的修改优化后的代码,当时也是我第一次接触node.js,只想告诉你,用它,稳稳的！node.js服务端代码1.拿到需要导出的数据之后如何使用(假数据模拟,下面是页面) i
vue中导入导出excel，并根据后台返回类型进行判断，导入到数据库中功能：实现js导入导出excel，并且对导入的excel进行展示，当excel标题名称和数据库的名称标题匹配时，则对应列导入的数据自动渲染展示在表格中，预览展示10条，不足10条的的用空行表示。可通过下拉框动态切换对应列的值。图片保存到系统中是将有src属性的img值替换为后台传递过来的七牛云地址，导入完成后，部分导入失败的数据
本文实现了三种（也就是官方所讲的前三种，最后一种不想试了）：方法一：在项目中改变 SCSS 变量项目使用scss时，创建自定义的scss文件，写入一下内容/* 改变主题色变量 */
$--color-primary: teal;
/* 改变 icon 字体路径变量，必需 */
$--font-path: '~element-ui/lib/theme-chalk/fonts';
@import
转载
2024-03-06 03:30:59
52阅读
在前后端分离的开发中，Vue.js 和 Element UI 是非常常用的一对组合，用来开发后台管理系统非常方便和高效。在本文中，我将为刚入门的小白介绍如何使用 Vue.js 和 Element UI 来开发一个简单的后台管理系统。
首先，让我们来看一下整个开发流程，并用表格展示出来：
| 步骤 | 操作
原创
2024-05-17 13:37:18
202阅读
1 循环块 （表头动态变化 / 多个规律label）<el-table-column v-for="item in ['1','2','3']" :key="item" :label="item" prop="noticeType"> </el-table-column> 2 多个数组生成法 Array.apply(null, {
前言本次使用Vue+element-ui创建项目，当然前提是已经安装好vue和node.js。准备工作本次小弟使用的编辑器是VS Code(Visual Studio Code)。 电脑还要有网络哦。实战创建项目打开你的cmd命令，切换到你要存放vue项目的文件夹。 小弟本次将项目存放在E盘的vue文件夹里。输入vue init webpack-simple 项目名 记得空格，但是前后都没有空格。
转载
2024-04-11 12:54:50
298阅读
准备工作： node + npm + vue-cli确保node安装成功1、终端查询一下 node -v2、使用命令全局安装vue-cli npm install -g vue-cli 3、使用命令创建项目 vue init webpack basics(项目名称)$ vue init webpack projectName -- 安装vue-cl
转载
2024-07-19 15:22:41
89阅读
一、程序执行流程 二、和其他采用VUE框架的项目一样，vue Element Admin 的程序入口是main.js，在这里new了一个VUE实例，同时导入引用了permission和routerrouter：路由表permission：权限控制到这里程序的执行为main.js(new VUE)--->permission------>路由
转载
2024-04-18 13:05:17
443阅读
最近在用element-ui重构前端项目，无意之中翻阅到一个比较好用的组件间通信方式，借助于vue的封装的发布-订阅消息模式与mixin语法。在开始之前先总结下vue常用的组件间通信方式，具体如下： 1、props与自定义事件 优点：常用的父子、子父组件传递方式，简单易懂 缺点：子父、父子之间传参比较高效，但是爷孙，兄弟组件之间存在通信短板，只能一级级传递 2、vue 2.4中
转载
2024-06-18 06:58:37
107阅读
1. 业务场景 由前台导入Excel表格，获取批量数据。根据一个数组导出Excel表格。 2.1 引入工具库 npm install -S file-saver xlsx npm install -D script-loader 2.2 引入JS文件(excel导出使用) 下载地址：https:// ...
转载
2021-04-30 21:46:28
2308阅读
2评论
功能概述关键字： 开源 java 小项目 管理系统 小框架该系统的后台基于springboot开发，前端基于 vue + element。主要的功能模块包含： 会员管理 、 商品列表管理 、 活动管理 、 团购管理 、 店铺信息管理 、 系统管理等功能。是一个不错的后台基础开发框架。对于新手和小型JAVA项目开发者来说是一个不错的选择。现在流行：小而简单的系统，耦合性低的springboot系统。
原创
2020-12-29 09:51:08
984阅读
一、了解Element-ui 1.Element-UIElement，一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库
Element UI是基于Vue 2.0的Element UI 提供一组组件Element UI 提供组件的参考实例, 直接复制2.官网 地址:https://element.eleme.io/#/zh-CN二、集成Element
转载
2024-07-24 08:56:55
1624阅读
Vue.js是当下很火的一个JavaScript MVVM库，它是以数据驱动和组件化的思想构建的。相比于Angular.js，Vue.js提供了更加简洁、更易于理解的API，使得我们能够快速地上手并使用Vue.js。Vue.js（读音 /vjuː/, 类似于 view） 是一套构建用户界面的渐进式框架。Vue 只关注视图层， 采用自底向上增量开发的设计。Vue 的目标是通过尽可能简单的 API 实
一.Mint UI官网：https://mint-ui.github.io/#!/zh-cnGithub: https://github.com/ElemeFE/mint-ui/由饿了么前端团队推出的 Mint UI 是一个基于 Vue.js 的移动端组件库。自 6 月初开源以来，根据社区和团队内部的反馈，修复了一些 bug 并新增了部分组件，于本周发布了 0.2.0 版本。 二.We
该方案作为一套多功能的后台框架模板，适用于绝大部分的后台管理系统（Web Management System）开发
原创
2022-08-15 17:28:18
1179阅读
