框架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教程

el-admin后台管理系统是一个基于 Spring Boot 2.1.0 、 Spring boot Jpa、 Spring Security、redis、Vue的前后端分离的权限管理系统,项目采用分模块开发方式, 权限控制采用 RBAC(Role-Based Access Control,基于角色的访问控制),前端菜单支持动态路由。 el-admin后台管理系统特点: 1、使用最新技术栈,社区资源丰富。 2、高效率开发,代码生成器可一键生成前后端代码 3、支持数据字典,可方便地对一些状态进行管理 4、支持接口限流,避免恶意请求导致服务层压力过大 5、支持接口级别的功能权限与数据权限,可自定义操作 6、自定义权限注解与匿名接口注解,可快速对接口拦截与放行 7、对一些常用地前端组件封装:表格数据请求、数据字典等 8、前后端统一异常拦截处理,统一输出异常,避免繁琐的判断 9、支持在线用户管理与服务器性能监控,支持限制单用户登录 10、支持运维管理,可方便地对远程服务器的应用进行部署与管理 el-admin后台管理系统功能: 用户管理:提供用户的相关配置,新增用户后,默认密码为123456 角色管理:对权限与菜单进行分配,可根据部门设置角色的数据权限 菜单管理:已实现菜单动态路由,后端可配置化,支持多级菜单 部门管理:可配置系统组织架构,树形表格展示 岗位管理:配置各个部门的职位 字典管理:可维护常用一些固定的数据,如:状态,性别等 系统日志:记录用户操作日志与异常日志,方便开发人员定位拍错 SQL监控:采用druid 监控数据库访问性能,默认用户名admin,密码123456 定时任务:整合Quartz做定时任务,加入任务日志,任务运行情况一目了然 代码生成:高灵活度生成前后端代码,减少大量重复的工作任务 邮件工具:配合富文本,发送html格式的邮件 免费图床:使用sm.ms图床,用作公共图片上传使用,该图床不怎么稳定,不太建议使用 七牛云存储:可同步七牛云存储的数据到系统,无需登录七牛云直接操作云数据 支付宝支付:整合了支付宝支付并且提供了测试账号,可自行测试 服务监控:监控服务器的负载情况 运维管理:一键部署你的应用 用户账号密码 管理员:admin 测试用户:test 密码:123456 开发环境 JDK:8 IDE:IntelliJ IDEA (后端) IDE:JetBrains WebStorm (前端) 依赖管理:Maven 数据库:MySQL 5.5.59     el-admin后台管理系统 v2.6 更新日志: 本次升级解决了2.5版本中存在影响日常使用的问题,主要为菜单分配与缓存问题 优化 1、匿名接口SecurityConfig配置细腻化,支持不同类型的接口放行 2、验证码类型、长度、字体等参数可在配置文件中自定义 3、前端代码生成日期选择改为 date-range-picker 组件 4、Query 注解加入 INNER 查询,代码生成器细节优化 5、其他细节优化 修复 1、修复管理员修改用户的 username 后,用旧的用户名称还能登陆的问题 2、修复EncryptUtils 优化在linux中,存在解密乱码的情况 3、修复禁用用户后用户还可以操作的Bug 4、修复算数型验证码生成浮点型结果,导致前端输入整形数据匹配错误 5、修复菜单分配后菜单数据丢失的问题,修复缓存引起的一些问题
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值