今天突发奇想想从零开始搭建一个vue项目，为什么会有这样的想法呢？我从开始接触vue到现在已经一年了，但是我从开始接触到现在其实都没有自己完整的做一个项目。要不是半路加入项目组，要不就是在别人的初始框架上进行二次开发，要不就是给别人开发完成的项目擦屁股。所以我想着我从零开始搭建一个Vue项目应该会让我对vue的整体架构会有着更深的理解。话不多说，让我们开始第一期的开发。1）环境搭建Node环境网上
公司最近项目是后台管理系统，由我负责，网上找模板发现还需要改很多地方，而且那些模板也没有写代码的实现思路，对于vue项目经验不足者很难看懂，所以就按照自己的思路从零实现一遍，过程讲解还是比较详细的，若是有不足之处还请指正。整体布局：登录： 菜单：准备工作：1、安装elementuinpm i element-ui -S
import ElementUI from
转载
2024-02-08 15:19:31
101阅读
新项目使用的是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阅读
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阅读
目录一、创建项目创建工程创建登录页面二、创建登录页面1.创建首页视图，在views目录下创建一个名为Main.vue的视图组件：2.创建登录页视图在views目录下创建名为Login.vue的视图组件，其中el-*的元素为ElementUI组件； 组件 --> 路由3.创建路由，在rou
本文实现了三种（也就是官方所讲的前三种，最后一种不想试了）：方法一：在项目中改变 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
204阅读
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阅读
功能概述关键字： 开源 java 小项目 管理系统 小框架该系统的后台基于springboot开发，前端基于 vue + element。主要的功能模块包含： 会员管理 、 商品列表管理 、 活动管理 、 团购管理 、 店铺信息管理 、 系统管理等功能。是一个不错的后台基础开发框架。对于新手和小型JAVA项目开发者来说是一个不错的选择。现在流行：小而简单的系统，耦合性低的springboot系统。
原创
2020-12-29 09:51:08
984阅读
准备工作： 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阅读
该方案作为一套多功能的后台框架模板，适用于绝大部分的后台管理系统（Web Management System）开发
原创
2022-08-15 17:28:18
1182阅读
一.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
一、程序执行流程 二、和其他采用VUE框架的项目一样，vue Element Admin 的程序入口是main.js，在这里new了一个VUE实例，同时导入引用了permission和routerrouter：路由表permission：权限控制到这里程序的执行为main.js(new VUE)--->permission------>路由
转载
2024-04-18 13:05:17
443阅读
VUE+Element-UI 多语言化 写在前面应项目需要同时感谢项目组前辈给我这次机会去实践 vue+element-ui 本地化的任务 ，本着分享的原则将过程记录下来VUE及Element-UI信息网站快速成型工具Element-UI渐进式JavaScript 框架Vue.js 准备在查阅了一些资料之后发现所谓本地化就是将相应的menu、tips、message做成变量，同时将这些变量对应的
在实现一个基于Vue和Element UI的后台管理系统框架时，我们需要按照以下步骤进行操作。首先我们来看一下整个流程：
| 步骤 | 操作 |
| ------ | ------ |
| 1 | 创建Vue项目 |
| 2 | 引入Element UI |
| 3 | 设计后台管理系统的布局 |
| 4 | 定制主题 |
| 5 | 添加路由 |
| 6 | 开发页面组件 |
| 7 | 添加
原创
2024-05-17 13:38:55
615阅读
前言记录一下vue + node的学习，并部署到服务器上的过程。手把手教你自己写接口，自己跟自己联调。本文章 适合新手，因为我自己也是新手，所以过程还是比较简单的。一步一步来，你也能搭建出自己的全栈项目。一、Vue部分1. 创建项目npm create vite@latest my-vue-app -- --template vue-ts
npm install
npm run dev2. 引入组
最近在用element-ui重构前端项目，无意之中翻阅到一个比较好用的组件间通信方式，借助于vue的封装的发布-订阅消息模式与mixin语法。在开始之前先总结下vue常用的组件间通信方式，具体如下： 1、props与自定义事件 优点：常用的父子、子父组件传递方式，简单易懂 缺点：子父、父子之间传参比较高效，但是爷孙，兄弟组件之间存在通信短板，只能一级级传递 2、vue 2.4中
转载
2024-06-18 06:58:37
107阅读
路由权限校验路由配置文件 src/router/index.js，找到asyncRoutes这个数组，在需要配置权限的路由上添加meta属性，meta是一个
转载
2022-11-07 17:36:19
601阅读
Vue项目搭建与使用新建vue项目引入 element第一个请求（axios）vue路由vue项目打包部署自定义组件vuex入门mockjs的使用 新建vue项目1.首先我们需要下载node.js，之后，我们才可以使用npm包管理工具，安装过程这里就不详细介绍了。2.其次，我们需要安装vue-cli脚手架构建工具，安装命令 npm install -g vue-cli，等待安装完成。3.接下来，
转载
2024-03-18 09:54:20
80阅读
