框架el-admin学习总结(一)----初学

607 阅读2分钟

这是我参与11月更文挑战的第19天,活动详情查看:2021最后一次更文挑战

已经学习了一星期的eladmin,从一开始的迷迷糊糊到现在算是了解一丢丢皮毛,来做个学习总结。

首先

在线体验 预览地址:auauz.net/dashboard 账号密码:admin/123456(所有账户都是一个密码) github 和码云上都有开源的代码,包括前后端的,下载运行。 成功进入前端页面,这时我们要加入自己的模块。我们需要把vue文件写在view文件夹下面 项目目录如下: 在这里插入图片描述

写好代码你会发现显示不出来, 如果要想显示自己的模块还需要两个步骤

第一步:在前端界面的菜单管理进行新增,具体的名称路由路径可以参考系统管理:

在这里插入图片描述

第二步在角色管理控制权限:

有时候保存完可能不会立即显示,可以多刷新几次 在这里插入图片描述

二。eladmin封装好的很多组件

页面测试成功后就可以开始根据自己的需求编写代码,当你需要用到按钮,分页,下拉菜单,搜索,时间选择器等等时,先不用着急自己去敲代码,可以看看eladmin自带的封装好的组件,路径:src/components/ 这些是封装好的组件文件夹 在这里插入图片描述 举个例子,我把相应的组件对应的样式标注到下图,所以用的时候可以直接 import到自己的页面中,注意可能要传入相应的数据: 在这里插入图片描述 当然你也可以自己在component里封装自己的组件

fin,还有很多东西没有总结出来,比如crud,store,permission,mixins等用法,以后慢慢总结。也可以查看相应的官方文档:vue-eladmin

建议初学者可以先打好js基础吧, 推荐一个学习文档:现代js教程