“Element UI 页面开发”的版本间的差异
来自CloudWiki
（→Element 数据可视化） |
|||
| （未显示同一用户的14个中间版本） | |||
| 第19行： | 第19行： | ||
*[[Element：Container布局容器]] | *[[Element：Container布局容器]] | ||
*[[Element：数据传递]] | *[[Element：数据传递]] | ||
| − | *[[Element： 按钮]] | + | *[[Element： 按钮]] |
*[[Element：文字链接]] | *[[Element：文字链接]] | ||
*[[Element：导航]] | *[[Element：导航]] | ||
| 第42行： | 第42行： | ||
*[[Windows 安装Node.js]]、[[Windows 安装vue]]、[[npm 安装模块]]、[[cnpm 安装模块]] | *[[Windows 安装Node.js]]、[[Windows 安装vue]]、[[npm 安装模块]]、[[cnpm 安装模块]] | ||
*[[模块化开发： 创建Element应用]] | *[[模块化开发： 创建Element应用]] | ||
| − | *[[模块化开发： 创建Element控制面板]] | + | * 案例：[[模块化开发： 创建Element控制面板]] |
==Element路由与多页面== | ==Element路由与多页面== | ||
| 第66行： | 第66行： | ||
*[[Vue从入门到实战：嵌套路由]] | *[[Vue从入门到实战：嵌套路由]] | ||
*[[Vue从入门到实战：命名路由]] | *[[Vue从入门到实战：命名路由]] | ||
| + | |||
| + | ===页面的切换=== | ||
| + | *[[Element UI : 首页根据不同条件显示不同页面]] | ||
| + | |||
| + | ==Element 增删改查== | ||
| + | |||
| + | *[[Vue案例：学生信息增删查改]] | ||
| + | |||
| + | ==Element文件操作== | ||
| + | *[https://www.jb51.net/article/222813.htm Element：导出数据到Excel] | ||
| + | *[https://blog.csdn.net/weixin_42247720/article/details/124391056 lement-UI 导出Table表格报错 TypeError: Cannot read properties of undefined (reading ‘utils‘)] | ||
| + | *[https://blog.csdn.net/qq_35153254/article/details/119782293 使用Element-UI中的Upload控件上传文件 （Vue + Flask）] | ||
==Element 数据可视化== | ==Element 数据可视化== | ||
| 第76行： | 第88行： | ||
==Element前后端通信== | ==Element前后端通信== | ||
| + | *[[Element： 通知]] | ||
| + | *[[Element： 消息提示]] | ||
| + | *[[Element： 弹框]] | ||
| + | *[[Element： 对话框]] | ||
| + | *[[Axios的安装]] | ||
| + | *[[Vue的前后端通信(axios)]] | ||
*[[Element UI+Flask前后端传参]] | *[[Element UI+Flask前后端传参]] | ||
| + | |||
| + | ==Element部署上线== | ||
| + | |||
| + | *[https://zhuanlan.zhihu.com/p/431796992 前端Vue项目打包部署实战教程] | ||
| + | |||
| + | *[https://blog.csdn.net/qq_46087622/article/details/124080391 Nginx 403 forbidden 错误的原因及解决方法] | ||
| + | |||
| + | |||
官网：https://element.eleme.cn/#/zh-CN/component/installation | 官网：https://element.eleme.cn/#/zh-CN/component/installation | ||
2022年10月5日 (三) 23:35的最新版本
目录
Element入门
Element组件与布局
Basic
- Element：Layout布局 实例：Elenment：导航栏+侧边栏+基础表格
- Element：Container布局容器
- Element：数据传递
- Element： 按钮
- Element：文字链接
- Element：导航
- Element：表格
- Element: 卡片
Form
组件的组合
Element组件化开发
- Vue的基本概念介绍、使用Hbuilder 创建最简单Vue应用
- 使用Hbuilder 创建Vue应用 、vue中的export default、vue中的render函数
- Windows 安装Node.js、Windows 安装vue、npm 安装模块、cnpm 安装模块
- 模块化开发： 创建Element应用
- 案例：模块化开发： 创建Element控制面板
Element路由与多页面
从零开始简单的路由
这个简单路由 不推荐大家学了，
有兴趣的可以自己看。
直接看下面的Vue Router即可。
使用Vue Router开发单页应用
拓展：
页面的切换
Element 增删改查
Element文件操作
- Element：导出数据到Excel
- lement-UI 导出Table表格报错 TypeError: Cannot read properties of undefined (reading ‘utils‘)
- 使用Element-UI中的Upload控件上传文件 （Vue + Flask）
Element 数据可视化
- Element+Echarts：安装Echarts
- Element+Echarts：绘制折线图
- Element+Echarts：绘制饼图
- Element+Echarts: 绘制柱状图
- Element+Echarts：制作可视化卡片
- Element+Echarts：模块化开发中使用可视化卡片
Element前后端通信
Element部署上线
