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

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

首先

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

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

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

在这里插入图片描述

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

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

二。eladmin封装好的很多组件

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

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

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

猜你喜欢

转载自blog.csdn.net/weixin_43902063/article/details/109686167
今日推荐