后端开发的福音,vue+element实现的vue-element-admin前台框架,开箱即用

交流qq群:672373393

前端项目公开在码云:https://gitee.com/xiao_yulong/noob-admin-ui

欢迎大家进群讨论!

话不多说,先上效果图。

  • 项目简洁,需要实现更多功能可以自行添加
  • 主题分:黑、白主题,简约大气
  • 菜单:可自行切换横、竖菜单;菜单实现动态加载,只需修改json文件或者查询后台数据替代json

视频转gif变卡、颜色也变了,将就看吧

 以后有时间小白会增加一些通用的页面模板


动画库

2020-6-9更新:animate动画库

  1. 添加animate动画库及效果展示demo
  2. 修复element折叠面板黑色主题

2020-6-11更新: 切换动画

  1. 面包屑、界面切换增加动画效果,修改黑色主题 

分页模板

2020-6-10更新:分页模板1.0

  1. 卡片、分割线主题修改
  2. 分页模板样式修改

2020-6-23更新:分页模板1.1

  1. 查询、表格分块展示
  2. 样式美化


拖拽功能球

2020-6-15更新:拖拽功能球1.0

  1. 添加可拖拽功能球

2020-6-24更新:拖拽功能球2.0

  1. 优化功能球样式
  2. 设计功能球展开按钮摆放及动画
  3. 点击遮罩关闭改为按钮点击关闭


日历模板

2020-6-18更新:日历模板1.0

  1. 更新日历模板(包含日历 上月、今天、下月、日历块点击事件及数据获取)
  2. 更新日历、弹出框黑色主题

 

2020-6-19更新:日历模板2.0

  1. 更新日历模板排班信息展示
  2. 更新日历信息详情划开展示面板


隐藏/显示

2020-6-23更新: 滚动顶部隐藏/显示


移动端适配

2020-6-28更新: 响应式布局

  1. 增加了响应式布局,移动端也可以使用
  2. 修改界面小于1350px时,禁止使用横向菜单

 


消息通知

2020-6-29更新: 侧滑消息展示

  1. 添加消息通知展示抽屉
  2. 添加消息删除动画效果

 


菜单标签页

2021-6-04更新: 顶部菜单标签页切换

 很长时间没有更新了,最近发现没有菜单标签页还是挺不方便的,所以就抽空加上了。

  那套黑色的皮肤自己不是很满意,由于是后端开发,所以对美感这块不是很在行,希望大家可以提供一点好看的配色,可以把配色留言

 

 

后续还会完善

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

  • 68
    点赞
  • 291
    收藏
    觉得还不错? 一键收藏
  • 37
    评论
实现Spring Boot Vue Element UI Mybatis-Plus的文件分享,可以按照以下步骤进行: 1. 首先,需要搭建一个基于Spring Boot的后端应用程序。使用Mybatis-Plus来操作数据库,设计合适的实体类和数据库表,用于存储文件的相关信息,例如文件名、路径、大小等。 2. 在后端应用程序中创建一个文件上传的接口,用于接收前端传递的文件。可以使用Spring Boot内置的MultipartFile类来处理文件上传,将文件保存到指定的目录中,并将文件相关信息保存到数据库中。 3. 创建一个文件下载的接口,用于访问和下载已上传的文件。通过接口可以获取文件的相关信息,包括文件的路径和文件名。使用Java的File类或者相关的工具类来读取文件,并将文件以流的形式返回给前端。 4. 在前端应用程序中使用VueElement UI来实现文件分享页面。可以设计一个文件列表的组件,展示已上传的文件信息,例如文件名、大小、上传时间等。使用Element UI的Table组件可以方便地展示数据。 5. 在文件列表组件中,为每个文件增加下载功能的按钮或链接。按钮或链接的点击事件调用后端提供的文件下载接口,将文件下载到用户本地。 6. 可以考虑增加文件的搜索和排序功能,方便用户查找和管理文件。可以使用Element UI的Input组件和Table组件的排序功能来实现。 7. 为了提高用户体验,可以加入文件预览的功能。可以使用第三方插件,如Viewer.js,来实现文件的在线预览。 总结来说,实现Spring Boot Vue Element UI Mybatis-Plus的文件分享需要搭建一个后端应用程序来处理文件的上传和下载,使用数据库存储文件相关信息;在前端应用程序中使用VueElement UI来展示和管理文件,实现文件的搜索、排序和预览功能。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 37
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值