实例介绍
【实例简介】饿了么UI开发框架
是一个后台前端解决方案,它基于 vue 和element-ui实现。
├── build # 构建相关
├── mock # 项目mock 模拟数据
├── plop-templates # 基本模板
├── public # 静态资源 │
│── favicon.ico # favicon图标 │
└── index.html # html模板
├── src # 源代码 │
├── api # 所有请求 │
├── assets # 主题 字体等静态资源 │
├── components # 全局公用组件 │
├── directive # 全局指令 │
├── filters # 全局 filter │
├── icons # 项目所有 svg icons │
├── lang # 国际化 language │
├── layout # 全局 layout │
├── router # 路由 │
├── store # 全局 store管理 │
├── styles # 全局样式 │
├── utils # 全局公用方法 │
├── vendor # 公用vendor │
├── views # views 所有页面 │
├── App.vue # 入口页面 │
├── main.js # 入口文件 加载组件 初始化等 │
└── permission.js # 权限管理
├── tests # 测试
├── .env.xxx # 环境变量配置
├── .eslintrc.js # eslint 配置项
├── .babelrc # babel-loader 配置
├── .travis.yml # 自动化CI配置
├── vue.config.js # vue-cli 配置
├── postcss.config.js # postcss 配置
└── package.json # package.json
【实例截图】
【核心代码】
.
├── vue-element-admin
│ ├── LICENSE
│ ├── README.es.md
│ ├── README.ja.md
│ ├── README.md
│ ├── README.zh-CN.md
│ ├── babel.config.js
│ ├── build
│ │ └── index.js
│ ├── jest.config.js
│ ├── jsconfig.json
│ ├── mock
│ │ ├── article.js
│ │ ├── index.js
│ │ ├── mock-server.js
│ │ ├── remote-search.js
│ │ ├── role
│ │ │ ├── index.js
│ │ │ └── routes.js
│ │ ├── user.js
│ │ └── utils.js
│ ├── package.json
│ ├── plop-templates
│ │ ├── component
│ │ │ ├── index.hbs
│ │ │ └── prompt.js
│ │ ├── store
│ │ │ ├── index.hbs
│ │ │ └── prompt.js
│ │ ├── utils.js
│ │ └── view
│ │ ├── index.hbs
│ │ └── prompt.js
│ ├── plopfile.js
│ ├── postcss.config.js
│ ├── public
│ │ ├── favicon.ico
│ │ └── index.html
│ ├── src
│ │ ├── App.vue
│ │ ├── api
│ │ │ ├── article.js
│ │ │ ├── qiniu.js
│ │ │ ├── remote-search.js
│ │ │ ├── role.js
│ │ │ └── user.js
│ │ ├── assets
│ │ │ ├── 401_images
│ │ │ │ └── 401.gif
│ │ │ ├── 404_images
│ │ │ │ ├── 404.png
│ │ │ │ └── 404_cloud.png
│ │ │ └── custom-theme
│ │ │ ├── fonts
│ │ │ │ ├── element-icons.ttf
│ │ │ │ └── element-icons.woff
│ │ │ └── index.css
│ │ ├── components
│ │ │ ├── BackToTop
│ │ │ │ └── index.vue
│ │ │ ├── Breadcrumb
│ │ │ │ └── index.vue
│ │ │ ├── Charts
│ │ │ │ ├── Keyboard.vue
│ │ │ │ ├── LineMarker.vue
│ │ │ │ ├── MixChart.vue
│ │ │ │ └── mixins
│ │ │ │ └── resize.js
│ │ │ ├── DndList
│ │ │ │ └── index.vue
│ │ │ ├── DragSelect
│ │ │ │ └── index.vue
│ │ │ ├── Dropzone
│ │ │ │ └── index.vue
│ │ │ ├── ErrorLog
│ │ │ │ └── index.vue
│ │ │ ├── GithubCorner
│ │ │ │ └── index.vue
│ │ │ ├── Hamburger
│ │ │ │ └── index.vue
│ │ │ ├── HeaderSearch
│ │ │ │ └── index.vue
│ │ │ ├── ImageCropper
│ │ │ │ ├── index.vue
│ │ │ │ └── utils
│ │ │ │ ├── data2blob.js
│ │ │ │ ├── effectRipple.js
│ │ │ │ ├── language.js
│ │ │ │ └── mimes.js
│ │ │ ├── JsonEditor
│ │ │ │ └── index.vue
│ │ │ ├── Kanban
│ │ │ │ └── index.vue
│ │ │ ├── MDinput
│ │ │ │ └── index.vue
│ │ │ ├── MarkdownEditor
│ │ │ │ ├── default-options.js
│ │ │ │ └── index.vue
│ │ │ ├── Pagination
│ │ │ │ └── index.vue
│ │ │ ├── PanThumb
│ │ │ │ └── index.vue
│ │ │ ├── RightPanel
│ │ │ │ └── index.vue
│ │ │ ├── Screenfull
│ │ │ │ └── index.vue
│ │ │ ├── Share
│ │ │ │ └── DropdownMenu.vue
│ │ │ ├── SizeSelect
│ │ │ │ └── index.vue
│ │ │ ├── Sticky
│ │ │ │ └── index.vue
│ │ │ ├── SvgIcon
│ │ │ │ └── index.vue
│ │ │ ├── TextHoverEffect
│ │ │ │ └── Mallki.vue
│ │ │ ├── ThemePicker
│ │ │ │ └── index.vue
│ │ │ ├── Tinymce
│ │ │ │ ├── components
│ │ │ │ │ └── EditorImage.vue
│ │ │ │ ├── dynamicLoadScript.js
│ │ │ │ ├── index.vue
│ │ │ │ ├── plugins.js
│ │ │ │ └── toolbar.js
│ │ │ ├── Upload
│ │ │ │ ├── SingleImage.vue
│ │ │ │ ├── SingleImage2.vue
│ │ │ │ └── SingleImage3.vue
│ │ │ └── UploadExcel
│ │ │ └── index.vue
│ │ ├── directive
│ │ │ ├── clipboard
│ │ │ │ ├── clipboard.js
│ │ │ │ └── index.js
│ │ │ ├── el-drag-dialog
│ │ │ │ ├── drag.js
│ │ │ │ └── index.js
│ │ │ ├── el-table
│ │ │ │ ├── adaptive.js
│ │ │ │ └── index.js
│ │ │ ├── permission
│ │ │ │ ├── index.js
│ │ │ │ └── permission.js
│ │ │ ├── sticky.js
│ │ │ └── waves
│ │ │ ├── index.js
│ │ │ ├── waves.css
│ │ │ └── waves.js
│ │ ├── filters
│ │ │ └── index.js
│ │ ├── icons
│ │ │ ├── index.js
│ │ │ ├── svg
│ │ │ │ ├── 404.svg
│ │ │ │ ├── bug.svg
│ │ │ │ ├── chart.svg
│ │ │ │ ├── clipboard.svg
│ │ │ │ ├── component.svg
│ │ │ │ ├── dashboard.svg
│ │ │ │ ├── documentation.svg
│ │ │ │ ├── drag.svg
│ │ │ │ ├── edit.svg
│ │ │ │ ├── education.svg
│ │ │ │ ├── email.svg
│ │ │ │ ├── example.svg
│ │ │ │ ├── excel.svg
│ │ │ │ ├── exit-fullscreen.svg
│ │ │ │ ├── eye-open.svg
│ │ │ │ ├── eye.svg
│ │ │ │ ├── form.svg
│ │ │ │ ├── fullscreen.svg
│ │ │ │ ├── guide.svg
│ │ │ │ ├── icon.svg
│ │ │ │ ├── international.svg
│ │ │ │ ├── language.svg
│ │ │ │ ├── link.svg
│ │ │ │ ├── list.svg
│ │ │ │ ├── lock.svg
│ │ │ │ ├── message.svg
│ │ │ │ ├── money.svg
│ │ │ │ ├── nested.svg
│ │ │ │ ├── password.svg
│ │ │ │ ├── pdf.svg
│ │ │ │ ├── people.svg
│ │ │ │ ├── peoples.svg
│ │ │ │ ├── qq.svg
│ │ │ │ ├── search.svg
│ │ │ │ ├── shopping.svg
│ │ │ │ ├── size.svg
│ │ │ │ ├── skill.svg
│ │ │ │ ├── star.svg
│ │ │ │ ├── tab.svg
│ │ │ │ ├── table.svg
│ │ │ │ ├── theme.svg
│ │ │ │ ├── tree-table.svg
│ │ │ │ ├── tree.svg
│ │ │ │ ├── user.svg
│ │ │ │ ├── wechat.svg
│ │ │ │ └── zip.svg
│ │ │ └── svgo.yml
│ │ ├── layout
│ │ │ ├── components
│ │ │ │ ├── AppMain.vue
│ │ │ │ ├── Navbar.vue
│ │ │ │ ├── Settings
│ │ │ │ │ └── index.vue
│ │ │ │ ├── Sidebar
│ │ │ │ │ ├── FixiOSBug.js
│ │ │ │ │ ├── Item.vue
│ │ │ │ │ ├── Link.vue
│ │ │ │ │ ├── Logo.vue
│ │ │ │ │ ├── SidebarItem.vue
│ │ │ │ │ └── index.vue
│ │ │ │ ├── TagsView
│ │ │ │ │ ├── ScrollPane.vue
│ │ │ │ │ └── index.vue
│ │ │ │ └── index.js
│ │ │ ├── index.vue
│ │ │ └── mixin
│ │ │ └── ResizeHandler.js
│ │ ├── main.js
│ │ ├── permission.js
│ │ ├── router
│ │ │ ├── index.js
│ │ │ └── modules
│ │ │ ├── charts.js
│ │ │ ├── components.js
│ │ │ ├── nested.js
│ │ │ └── table.js
│ │ ├── settings.js
│ │ ├── store
│ │ │ ├── getters.js
│ │ │ ├── index.js
│ │ │ └── modules
│ │ │ ├── app.js
│ │ │ ├── errorLog.js
│ │ │ ├── permission.js
│ │ │ ├── settings.js
│ │ │ ├── tagsView.js
│ │ │ └── user.js
│ │ ├── styles
│ │ │ ├── btn.scss
│ │ │ ├── element-ui.scss
│ │ │ ├── element-variables.scss
│ │ │ ├── index.scss
│ │ │ ├── mixin.scss
│ │ │ ├── sidebar.scss
│ │ │ ├── transition.scss
│ │ │ └── variables.scss
│ │ ├── utils
│ │ │ ├── auth.js
│ │ │ ├── clipboard.js
│ │ │ ├── error-log.js
│ │ │ ├── get-page-title.js
│ │ │ ├── index.js
│ │ │ ├── open-window.js
│ │ │ ├── permission.js
│ │ │ ├── request.js
│ │ │ ├── scroll-to.js
│ │ │ └── validate.js
│ │ ├── vendor
│ │ │ ├── Export2Excel.js
│ │ │ └── Export2Zip.js
│ │ └── views
│ │ ├── charts
│ │ │ ├── keyboard.vue
│ │ │ ├── line.vue
│ │ │ └── mix-chart.vue
│ │ ├── clipboard
│ │ │ └── index.vue
│ │ ├── components-demo
│ │ │ ├── avatar-upload.vue
│ │ │ ├── back-to-top.vue
│ │ │ ├── count-to.vue
│ │ │ ├── dnd-list.vue
│ │ │ ├── drag-dialog.vue
│ │ │ ├── drag-kanban.vue
│ │ │ ├── drag-select.vue
│ │ │ ├── dropzone.vue
│ │ │ ├── json-editor.vue
│ │ │ ├── markdown.vue
│ │ │ ├── mixin.vue
│ │ │ ├── split-pane.vue
│ │ │ ├── sticky.vue
│ │ │ └── tinymce.vue
│ │ ├── dashboard
│ │ │ ├── admin
│ │ │ │ ├── components
│ │ │ │ │ ├── BarChart.vue
│ │ │ │ │ ├── BoxCard.vue
│ │ │ │ │ ├── LineChart.vue
│ │ │ │ │ ├── PanelGroup.vue
│ │ │ │ │ ├── PieChart.vue
│ │ │ │ │ ├── RaddarChart.vue
│ │ │ │ │ ├── TodoList
│ │ │ │ │ │ ├── Todo.vue
│ │ │ │ │ │ ├── index.scss
│ │ │ │ │ │ └── index.vue
│ │ │ │ │ ├── TransactionTable.vue
│ │ │ │ │ └── mixins
│ │ │ │ │ └── resize.js
│ │ │ │ └── index.vue
│ │ │ ├── editor
│ │ │ │ └── index.vue
│ │ │ └── index.vue
│ │ ├── documentation
│ │ │ └── index.vue
│ │ ├── error-log
│ │ │ ├── components
│ │ │ │ ├── ErrorTestA.vue
│ │ │ │ └── ErrorTestB.vue
│ │ │ └── index.vue
│ │ ├── error-page
│ │ │ ├── 401.vue
│ │ │ └── 404.vue
│ │ ├── example
│ │ │ ├── components
│ │ │ │ ├── ArticleDetail.vue
│ │ │ │ ├── Dropdown
│ │ │ │ │ ├── Comment.vue
│ │ │ │ │ ├── Platform.vue
│ │ │ │ │ ├── SourceUrl.vue
│ │ │ │ │ └── index.js
│ │ │ │ └── Warning.vue
│ │ │ ├── create.vue
│ │ │ ├── edit.vue
│ │ │ └── list.vue
│ │ ├── excel
│ │ │ ├── components
│ │ │ │ ├── AutoWidthOption.vue
│ │ │ │ ├── BookTypeOption.vue
│ │ │ │ └── FilenameOption.vue
│ │ │ ├── export-excel.vue
│ │ │ ├── merge-header.vue
│ │ │ ├── select-excel.vue
│ │ │ └── upload-excel.vue
│ │ ├── guide
│ │ │ ├── index.vue
│ │ │ └── steps.js
│ │ ├── icons
│ │ │ ├── element-icons.js
│ │ │ ├── index.vue
│ │ │ └── svg-icons.js
│ │ ├── login
│ │ │ ├── auth-redirect.vue
│ │ │ ├── components
│ │ │ │ └── SocialSignin.vue
│ │ │ └── index.vue
│ │ ├── nested
│ │ │ ├── menu1
│ │ │ │ ├── index.vue
│ │ │ │ ├── menu1-1
│ │ │ │ │ └── index.vue
│ │ │ │ ├── menu1-2
│ │ │ │ │ ├── index.vue
│ │ │ │ │ ├── menu1-2-1
│ │ │ │ │ │ └── index.vue
│ │ │ │ │ └── menu1-2-2
│ │ │ │ │ └── index.vue
│ │ │ │ └── menu1-3
│ │ │ │ └── index.vue
│ │ │ └── menu2
│ │ │ └── index.vue
│ │ ├── pdf
│ │ │ ├── content.js
│ │ │ ├── download.vue
│ │ │ └── index.vue
│ │ ├── permission
│ │ │ ├── components
│ │ │ │ └── SwitchRoles.vue
│ │ │ ├── directive.vue
│ │ │ ├── page.vue
│ │ │ └── role.vue
│ │ ├── profile
│ │ │ ├── components
│ │ │ │ ├── Account.vue
│ │ │ │ ├── Activity.vue
│ │ │ │ ├── Timeline.vue
│ │ │ │ └── UserCard.vue
│ │ │ └── index.vue
│ │ ├── qiniu
│ │ │ └── upload.vue
│ │ ├── redirect
│ │ │ └── index.vue
│ │ ├── tab
│ │ │ ├── components
│ │ │ │ └── TabPane.vue
│ │ │ └── index.vue
│ │ ├── table
│ │ │ ├── complex-table.vue
│ │ │ ├── drag-table.vue
│ │ │ ├── dynamic-table
│ │ │ │ ├── components
│ │ │ │ │ ├── FixedThead.vue
│ │ │ │ │ └── UnfixedThead.vue
│ │ │ │ └── index.vue
│ │ │ └── inline-edit-table.vue
│ │ ├── theme
│ │ │ └── index.vue
│ │ └── zip
│ │ └── index.vue
│ ├── tests
│ │ └── unit
│ │ ├── components
│ │ │ ├── Hamburger.spec.js
│ │ │ └── SvgIcon.spec.js
│ │ └── utils
│ │ ├── formatTime.spec.js
│ │ ├── param2Obj.spec.js
│ │ ├── parseTime.spec.js
│ │ └── validate.spec.js
│ └── vue.config.js
└── 饿了么UI开发框架_vue-element-admin.rar
119 directories, 295 files
小贴士
感谢您为本站写下的评论,您的评论对其它用户来说具有重要的参考价值,所以请认真填写。
- 类似“顶”、“沙发”之类没有营养的文字,对勤劳贡献的楼主来说是令人沮丧的反馈信息。
- 相信您也不想看到一排文字/表情墙,所以请不要反馈意义不大的重复字符,也请尽量不要纯表情的回复。
- 提问之前请再仔细看一遍楼主的说明,或许是您遗漏了。
- 请勿到处挖坑绊人、招贴广告。既占空间让人厌烦,又没人会搭理,于人于己都无利。
关于好例子网
本站旨在为广大IT学习爱好者提供一个非营利性互相学习交流分享平台。本站所有资源都可以被免费获取学习研究。本站资源来自网友分享,对搜索内容的合法性不具有预见性、识别性、控制性,仅供学习研究,请务必在下载后24小时内给予删除,不得用于其他任何用途,否则后果自负。基于互联网的特殊性,平台无法对用户传输的作品、信息、内容的权属或合法性、安全性、合规性、真实性、科学性、完整权、有效性等进行实质审查;无论平台是否已进行审查,用户均应自行承担因其传输的作品、信息、内容而可能或已经产生的侵权或权属纠纷等法律责任。本站所有资源不代表本站的观点或立场,基于网友分享,根据中国法律《信息网络传播权保护条例》第二十二与二十三条之规定,若资源存在侵权或相关问题请联系本站客服人员,点此联系我们。关于更多版权及免责申明参见 版权及免责申明
网友评论
我要评论