“Element UI 页面开发”的版本间的差异
来自CloudWiki
（→Element路由与多页面） |
|||
| （未显示同一用户的22个中间版本） | |||
| 第19行： | 第19行： | ||
*[[Element：Container布局容器]] | *[[Element：Container布局容器]] | ||
*[[Element：数据传递]] | *[[Element：数据传递]] | ||
| − | *[[Element： 按钮]] | + | *[[Element： 按钮]] |
*[[Element：文字链接]] | *[[Element：文字链接]] | ||
*[[Element：导航]] | *[[Element：导航]] | ||
*[[Element：表格]] | *[[Element：表格]] | ||
*[[Element: 卡片]] | *[[Element: 卡片]] | ||
| − | + | ||
===Form=== | ===Form=== | ||
| 第38行： | 第38行： | ||
==Element组件化开发== | ==Element组件化开发== | ||
| − | *[[Vue的基本概念介绍]] | + | *[[Vue的基本概念介绍]]、[[使用Hbuilder 创建最简单Vue应用]] |
*[[使用Hbuilder 创建Vue应用]] 、[[vue中的export default]]、[[vue中的render函数]] | *[[使用Hbuilder 创建Vue应用]] 、[[vue中的export default]]、[[vue中的render函数]] | ||
| − | |||
*[[Windows 安装Node.js]]、[[Windows 安装vue]]、[[npm 安装模块]]、[[cnpm 安装模块]] | *[[Windows 安装Node.js]]、[[Windows 安装vue]]、[[npm 安装模块]]、[[cnpm 安装模块]] | ||
| − | *[[ | + | *[[模块化开发： 创建Element应用]] |
| − | *[[ | + | * 案例：[[模块化开发： 创建Element控制面板]] |
| − | |||
==Element路由与多页面== | ==Element路由与多页面== | ||
===从零开始简单的路由=== | ===从零开始简单的路由=== | ||
| + | 这个简单路由 不推荐大家学了， | ||
| + | |||
| + | 有兴趣的可以自己看。 | ||
| + | |||
| + | 直接看下面的Vue Router即可。 | ||
*[[创建带路由的Vue2项目]] | *[[创建带路由的Vue2项目]] | ||
| 第53行： | 第56行： | ||
===使用Vue Router开发单页应用=== | ===使用Vue Router开发单页应用=== | ||
| − | + | ||
*[[Vue从入门到实战：感受前端路由]] | *[[Vue从入门到实战：感受前端路由]] | ||
| − | *[[Vue从入门到实在：模块化开发使用路由]] | + | *[[Vue从入门到实在：模块化开发使用路由]] |
*[[创建带路由的Element项目]] | *[[创建带路由的Element项目]] | ||
| 第63行： | 第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 数据可视化== | ||
| + | *[[Element+Echarts：安装Echarts]] | ||
*[[Element+Echarts：绘制折线图]] | *[[Element+Echarts：绘制折线图]] | ||
*[[Element+Echarts：绘制饼图]] | *[[Element+Echarts：绘制饼图]] | ||
*[[Element+Echarts: 绘制柱状图]] | *[[Element+Echarts: 绘制柱状图]] | ||
*[[Element+Echarts：制作可视化卡片]] | *[[Element+Echarts：制作可视化卡片]] | ||
| + | *[[Element+Echarts：模块化开发中使用可视化卡片]] | ||
| + | |||
| + | ==Element前后端通信== | ||
| + | *[[Element： 通知]] | ||
| + | *[[Element： 消息提示]] | ||
| + | *[[Element： 弹框]] | ||
| + | *[[Element： 对话框]] | ||
| + | *[[Axios的安装]] | ||
| + | *[[Vue的前后端通信(axios)]] | ||
| + | *[[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部署上线
