- 1、本文档共34页,可阅读全部内容。
- 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
第3章-使用ElementUI开发管理后台-1
学习目标:
掌握elementUI提供的脚手架搭建管理后台的方法
掌握elementUI的table组件的使用,实现列表功能
掌握elementUI的pagination组件的使用,实现分页功能
掌握elementUI的form相关组件的使用,实现条件查询功能
掌握elementUI的dialog组件和$message的使用,实现弹出窗口和消息提示功能
掌握elementUI的select组件的使用,实现下拉列表功能
实现新增数据和修改数据的功能
掌握confirm的使用,实现询问框,实现删除功能
1 管理后台搭建
我们的十次方管理后台就采用ElementUI来进行搭建.
1.1 什么是ElementUI
Element 饿了么前端出品的一套 Vue.j s 后台组件库
官网: http://element.eleme.io/#/zh-CN
1.2 神奇的脚手架
1.2.1 快速搭建
官网上提供了非常基础的脚手架,如果我们使用官网的脚手架需要自己写很多代码
比如登陆界面、主界面菜单等内容。 课程已经提供了功能完整的脚手架,我们可以拿过
来在此基础上开发,这样可以极大节省我们开发的时间。
(1)解压vueAdmin-template-master
(2 )在命令提示符进入该目录,输入命令:
cnpm install
这样下载安装所有的依赖,几分钟后下载完成。
(3 )输入命令:
npm run dev
运行后自动弹出浏览器。
1.2.2 了解工程结构
以下是主要的目录结构:
目录名称 存储内容
build 构建工程相关脚本
config 配置相关
src 工程源码
static 静态资源
src/api 访问后端A PI
src/utils 工具类
src/views 页面
src/router 路由
1.3 项目初始化
1.3.1 关闭语法规范性检查
修改config/index.j s ,将useEslint 的值改为false。
此配置作用: 是否开启语法检查,语法检查是通过ESLint 来实现的。
我们现在科普一下,什么是ESLint : ESLint 是一个语法规则和代码风格的检查工具,可以
用来保证写出语法正确、风格统一的代码。如果我们开启了Eslint , 也就意味着要接受它
非常苛刻的语法检查,包括空格不能少些或多些,必须单引不能双引,语句后不可以写
分号等等,这些规则其实是可以设置的。我们作为前端的初学者,最好先关闭这种校
验,否则会浪费很多精力在语法的规范性上。如果以后做真正的企业级开发,建议开
启。
1.3.2 国际化设置
1亿VIP精品文档
相关文档
最近下载
- 智能消防应急照明和疏散指示系统设计手册2017-9-30.pdf
- GB50203-砌体结构工程施工质量验收规范.pdf
- 一种高性能高稳定性纳米晶软磁材料的制备方法.pdf VIP
- 2024年退役军人事务员职业技能理论考试复习题库资料(精练300题).pdf
- 湖北省机关事业单位工人等级考试试题-高级工.docx VIP
- 2023年湖南省普通高中学业水平考试地理试题含答案 .pdf
- 2024全国“红旗杯”班组长大赛选拔考试题库500题(含答案).docx
- 2021年房间隔缺损合并心房颤动的处理策略(全文).pdf
- 育才小学国旗下的讲话-爱护眼睛,从点滴做起.doc
- 国开《特殊教育概论》期末大作业简答题(含解答).docx
文档评论(0)