今日目标 了解什么是ElementUI 了解ElementUI常用组件使用 了解项目的开发流程 了解项目功能与工程结构 能够完成项目工程初始化及模块创建 能够完成后台系统的登录 能够完成后台系统的的退出 能够完成学科管理的增删改查功能第一章-ElementUI 【了解】知识点-ElementUI的介绍1.目标 传智健康项目后台系统就是使用ElementUI来构建页面.2.路径ElementUI介绍
转载
2024-02-05 10:18:54
123阅读
基于 vue + Element-ui 开发的后台管理系统引文思考快速上手项目结构介绍引入 ElementUI登录功能设计 引文搞一个后台管理系统，应该是每个公司都会有的需求。基于后端（JAVA、PHP、GO）的 MVC 模式的后台管理系统中，一般前端使用的技术栈都是 jQuery + Bootstrap。因为现在都是前后端分离，所以搞一个基于 Vue + ElementUI 的纯前端的后台管理
转载
2024-07-09 13:36:55
115阅读
ElementUI概述ElementUI: 是饿了么公司前段开发团队提供的一套基于Vue框架的网站组件库, 用于快速构建网页组件: 组成网页的部件例如: 超链接, 按钮, 图片, 表格等等ElementUI快速入门:引入Element的CSS和JS文件由于ElementUI是基于Vue框架实现的一款网站组件库, 所以我们在引入Element中的CSS文件和JS文件的时候就要先引入Vue框架的JS文
转载
2024-03-15 20:46:18
148阅读
简介路线专为想学Vue却无从下手的人群设计，以实际项目为例，逐层深入，快速上手Vue。学习路线内容1.2019黑马web前端开发全套视频教程基础班+就业班【PC端后台电商项目】 难度：初中级【强烈推荐】2.Vue全家桶实战 从零独立开发企业级电商系统【PC端前台电商项目】 难度：中级 3.Vue Element+Node.js开发企业通用管理后台系统 【P
转载
2024-07-30 10:33:09
49阅读
一个项目首先要解决的问题，同时也是核心的问题就是登陆和权限的问题，vue-element-admin将路由和左边侧栏进行了绑定，所以我们要解决的就是根据不同的role,生成不同的路由，然后动态渲染不同的侧边栏，同时还要解决在后台可以通过tree控件动态设置权限的效果，所以，先撸一下整体实现思路：首先要说一下，vue-element-admin是怎么与后端进行交互的：用户端有交互提交---->
转载
2024-05-28 10:56:57
2412阅读
前言这个夏天依旧喧闹，窗外蝉鸣不止，燥热的微风拂起了年少的热情，从此，我们与夏日长存，夏日与我们永在。项目分述项目预览 由于该项目我还在学习和完善当中，自己是第一次做vue项目，所以在写这篇博客时还在继续敲，这里就不一一展示。我将按照分述的版块来写下这个项目的细节和具体实现步骤，以此来促进自己的学习和知识的回顾。1.项目概述1.1基本业务概述 根据不同的应用场景，电商系统一般都提供了PC端，移动端
转载
2024-04-26 21:09:43
72阅读
一、蓝色主题 Element ui 后台管理 Demo https://github.com/taylorchen709/vueAdmin https://taylorchen709.github.io/vueAdmin/#/user Element ui 文档 http://element.eleme.io/#/zh-CN/...
原创
2021-11-23 17:18:55
2562阅读
当你写项目的时候，如何快速的完成一个项目的搭建，这个时候就需要借助到一些模板了，前端开发的一个好处就是，各类UI模板都是相当的齐全的，直接拿来用就可以了，脱离了一行又一行垒代码的繁琐的工作，以下的开源后台管理系统模板是我在逛GitHub的时候看到的，排名先后是按照2020/5月份GitHub上面的star进行排名的。1：vue-element-admin一个基于 vue2.0 和 Eelement
elementui-admin实现动态路由一：这里使用elementui-admin作为前端项目的架构 下载模板 并改造git地址：https://github.com/PanJiaChen/vue-admin-template下载下来之后就是改造成自己使用的 这个是admin-template建议模板 功能不多，如果开发需要可以从https://github.com/PanJiaChen/vue
转载
2024-03-05 11:50:41
533阅读
安装使用vue -V命令查看版本的时候，很有可能会报错项目创建在自己电脑本地磁盘新建一个文件夹，用于保存项目，文件夹命名最好使用英文名称，并进入到该文件夹，按住shift键不放，右击选中Windows PowerShell，输入vue create "项目名“ 命令,如下图，我创建的项目名为vue2 回车后，进入如下界面，键盘上下键选择需要的创建方法，这里选择manuallyselect
目录一、创建项目创建工程创建登录页面二、创建登录页面1.创建首页视图，在views目录下创建一个名为Main.vue的视图组件：2.创建登录页视图在views目录下创建名为Login.vue的视图组件，其中el-*的元素为ElementUI组件； 组件 --> 路由3.创建路由，在rou
目录一、介绍二、使用2.1 安装2.2 使用组件介绍三、结合具体案例使用3.1 案例效果和整体代码 3.2 确定页面整体布局（container布局容器） 3.3 确定导航栏3.4 面包屑 3.5 文件上传（upload）3.6 按钮的选择（button）四、学习感悟一、介绍  
转载
2024-03-20 13:31:10
175阅读
克隆代码git clone https://github.com/ElemeFE/element.git慢慢等吧，看运气了从最新的发布分支上切一个分支出来git tag看到所有的发布之后的分支打的tag，v2.13.0是最新的git checkout v2.13.0
git checkout -b reading目录结构overview- build项目构建命令的目录
- examples文档目录
转载
2024-03-27 11:09:12
173阅读
Button组件button.vue<template>
<button
class="el-button"
@click="handleClick"
:disabled="buttonDisabled || loading"
:autofocus="autofocus"
:type="nativeType"
:class="[
转载
2024-09-14 13:12:18
290阅读
最近在用element-ui重构前端项目，无意之中翻阅到一个比较好用的组件间通信方式，借助于vue的封装的发布-订阅消息模式与mixin语法。在开始之前先总结下vue常用的组件间通信方式，具体如下： 1、props与自定义事件 优点：常用的父子、子父组件传递方式，简单易懂 缺点：子父、父子之间传参比较高效，但是爷孙，兄弟组件之间存在通信短板，只能一级级传递 2、vue 2.4中
转载
2024-06-18 06:58:37
107阅读
1.安装环境node首先：先从nodejs.org中下载nodejs，选择对应的下载即可。双击安装，在安装界面一直Next查看安装的版本号使用淘宝NPM 镜像大家都知道国内直接使用npm 的官方镜像是非常慢的，这里推荐使用淘宝 NPM 镜像。$ npm install -g npm --registry=https://registry.
1.package.json 中配置 不是所有的都是 npm run dev,npm rn bulid 还要看配置文件 npm run dev 运行开发环境 npm run build:prod 运行生产环境 （打包） 2.elemnt-ui如何将文件流和其他字段一起提交 用element-ui框架
原创
2022-07-06 12:04:00
219阅读
Element ui 后台管理 Demohttps://github.com/taylorchen709/vueAdminhttps://taylorchen709.github.io/vueAdmin/#/user Element ui 文档http://element.eleme.io/#/zh-CN/guide/design ...
原创
2023-04-28 15:44:16
220阅读
目录一、效果图二、项目结构三、界面效果和代码实现1.路由注册2.个人主页实现3.编辑弹窗按钮实现4.个人简介实现5.发贴页实现6.收藏页实现7.关注和收藏页实现四、总结 一、效果图仿照原神社区的个人中心写了个个人中心界面，下图分别为原神社区个人中心主页和我画的个人中心的效果图：原神社区个人中心效果图：我画的个人中心效果图：下面上代码二、项目结构 router文件夹里的index.js为路由注册文
转载
2024-03-30 18:41:08
102阅读
一、创建一个项目文件夹，命名为my-demo1.1进入项目文件夹路径，用命令行打开，输入以下命令行：vue init webpack my-ele-demo等待一段时间后，再根据个人需求完成基础项目配置即可完成项目的创建。1.2完成后在编辑器中打开项目，然后在终端中执行命令：npm run dev即可打开在网页中打开项目，当出现一下页面时，就代表我们的项目已经可以跑起来了...对于第一次接触vue
转载
2024-04-21 09:50:09
93阅读
