# element-easy

**Repository Path**: cqg001/element-easy

## Basic Information

- **Project Name**: element-easy
- **Description**: 这是一个HTML版本的elementUI，本项目在HTML中引入了elementUI、Vue、axios。本项目写了一些示例代码，如果觉得本项目写的还不出错，请点亮星星
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 3
- **Forks**: 0
- **Created**: 2021-06-09
- **Last Updated**: 2022-08-31

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# element-easy

#### 介绍

这是一个HTML版本的elementUI，本项目在HTML中引入了elementUI、Vue、axios。本项目支持在html中直接使用elementui而不是vue应用。

本人开发这个框架的目的是减少后端同学学习vue的成本，有了element-easy你就不用学vue/cli（脚手架）了

#### element组件库

了解element组件库请访问网站：[elementUI](https://element.eleme.cn/#/zh-CN/component/button)

> 本项目支持直接使用elementUI的组件

#### Vue.js

如果你已经会写微信小程序，或者你觉得原生的JavaScript不是特别好用，那么我建议你学习Vue.js

Vue.js会大大的降低前端的编程难度：[Vue.js笔记](http://cqg001.gitee.io/tuling/Vue.js)

> 本项目支持Vue.js语法

#### 框架结构

共有4个目录：css、img、js、json

- css文件夹装的是element的字体文件、样式文件
- img文件夹装的是项目图片
- js文件夹装的是vue.js、axios.js、element.js

共有4个文件index.html、ajax.html、model.html、test.html

- index.html是这个项目的主页
- ajax.html是教你如何发送axios
- model.html是本项目的模板（各个文件都是怎样引入的）
- test.html是测试页面，你可以在这个页面尝试一些想法

> model.html最好不要改变其代码内容，因为你可能新建很多html文件（因为你的网页不可能是一个界面），你只有引入了字体、css、js这些文件才能正常使用这个element-easy框架。这个时候model.html就会作为模板来发挥作用，所以不要改变它，复制它新建html（新界面）即可