随笔分类 - # Vue实战
摘要：使用场景 举个栗子：外卖app当订单商品数量比较多时，不方便一次性展示出来。通常会展示一部分，并在页面给出一个查看更多功能。点击后即可自定义展示剩余内容，比如可以每次点击多展示N个内容，或展示所有。 实现效果 实现步骤 以下为整个页面的所有代码，涉及到的数据可以自己造一些，此处不再赘述。 vue页面
阅读全文
摘要：项目说明 doman是一个基于Springboot+Vue实现的前后端分离的宿舍管理系统。项目为本人亲手打造，需要的朋友可以拿去做个修改也是不错的。大神请忽略：） 项目功能 详细请看功能演示： Springboot+Vue+ElementUI实现的宿舍管理系统（前后分离） 系统管理：用户管理、角色管
阅读全文
摘要：说明 前面搜索了几个关于springboot+vue+elementui上传下载的文章，感觉写的都不尽如人意。要么是功能不完善，不好用。再者就是源码提供的实在差劲，都不完整。一气之下，自己搞了一个实用的完整版DEMO，有需要的朋友拿走稍加改动就能使用。 项目源码 源码已经整理好了，如何运行直接看根路
阅读全文
摘要：问题说明 最近测试反馈操作某新增/修改表单，点击【取消】或【关闭】窗口后再次点击【新增】或【修改】发现校验提示仍然存在！ 问题原因 项目采用Vue+ElementUI，修改表单的窗口控件采用el-dialog中添加el-form实现，默认在关闭和取消操作是没有绑定任何事件的，所以不会去清除原有的va
阅读全文
摘要：1.准备一个favicon.ico 放在项目的static文件夹下： 2.修改打包配置 开发环境 修改build/webpack.dev.conf.js，找到new HtmlWebpackPlugin配置项，增加favicon配置： 生产环境 修改build/webpack.prod.conf.js
阅读全文
摘要：介绍 项目中发现使用默认的el-upload上传动作发送上传请求的时候不会带上请求头，于是想通过自定义请求也就是http-request来自定义上传。实践证明这条路是通的，不过有个小问题就是原本上传的进度条没了。于是搞一个自定义进度条。 实现效果 表单 <el-upload class="uploa
阅读全文
摘要：1.介绍 最近帮朋友弄一个简单的针对json数组的增删改成页面，正好涉及到了js去操作对象数组实现增删改查功能。我估计很多朋友应该也会遇到这类操作，所以记录一下以便分享。 2.数据准备 这里我就以学生对象数组为例了，其实这个数组和json数组操作起来基本一致的，转换一下即可。例如可以使用JSON.p
阅读全文
摘要：1.章节介绍 前一篇介绍了教师管理模块，这一篇编写学生管理模块，需要的朋友可以拿去自己定制。：） 2.获取源码 源码是捐赠方式获取，详细请QQ联系我 ：）！ 3.实现效果 学生列表 修改学生 4.模块代码 页面布局 <template> <div> <!-- 面包屑导航区 --> <el-bread
阅读全文
摘要：1.章节介绍 前一篇介绍了班级管理模块，这一篇编写教师管理模块，需要的朋友可以拿去自己定制。：） 2.获取源码 源码是捐赠方式获取，详细请QQ联系我 ：）！ 3.实现效果 教师列表 修改教师 4.模块代码 页面布局 <template> <div> <!-- 面包屑导航区 --> <el-bread
阅读全文
摘要：1.章节介绍 前一篇介绍了专业管理模块，这一篇编写班级管理模块，需要的朋友可以拿去自己定制。：） 2.获取源码 源码是捐赠方式获取，详细请QQ联系我 ：）！ 3.实现效果 班级列表 修改班级 4.模块代码 页面布局 <template> <div> <!-- 面包屑导航区 --> <el-bread
阅读全文
摘要：1.章节介绍 前一篇介绍了院系管理模块，这一篇编写专业管理模块，需要的朋友可以拿去自己定制。：） 2.获取源码 源码是捐赠方式获取，详细请QQ联系我 ：）！ 3.实现效果 专业列表 修改专业 4.模块代码 页面布局 <template> <div> <!-- 面包屑导航区 --> <el-bread
阅读全文
摘要：1.章节介绍 前一篇介绍了用户管理模块，这一篇编写院系管理模块，需要的朋友可以拿去自己定制。：） 2.获取源码 源码是捐赠方式获取，详细请QQ联系我 ：）！ 3.实现效果 院系列表 修改院系 4.模块代码 页面布局 <template> <div> <!-- 面包屑导航区 --> <el-bread
阅读全文
摘要：1.章节介绍 前一篇介绍了项目的API接口设计，这一篇编写用户管理模块，需要的朋友可以拿去自己定制。：） 2.获取源码 源码是捐赠方式获取，详细请QQ联系我 ：）！ 3.项目截图 列表操作 动态图 4.用户管理 页面布局 <template> <div> <!-- 面包屑导航区 --> <el-br
阅读全文
摘要：1.章节介绍 前一篇介绍了项目的表结构设计，这一篇编写后端API，需要的朋友可以拿去自己定制。：） 2.获取源码 源码是捐赠方式获取，详细请QQ联系我 ：）！ 3.项目截图 登录页 列表操作 动态图 后端接口设计 登录接口 @RestController @RequestMapping("/api"
阅读全文
摘要：1.章节介绍 前一篇介绍了如何搭建前端工程，这一篇讲一下表结构设计，需要的朋友可以拿去自己定制。：） 2.获取源码 源码是捐赠方式获取，详细请QQ联系我 ：）！ 3.项目截图 登录页 列表操作 动态图 4.表结构设计 用户表 CREATE TABLE `tb_user` ( `id` int(10)
阅读全文
摘要：1.项目介绍 前一片介绍了项目的整体情况，这一篇开始搭建前端工程，需要的朋友可以拿去自己定制。：） 2.获取源码 源码是捐赠方式获取，详细请QQ联系我 ：）！ 3.项目截图 登录页 列表操作 动态图 4.搭建前端工程 只挑关键步骤讲，详细看源码。 安装NodeJS http://nodejs.cn/
阅读全文
摘要：功能介绍 最近用ElementUI做管理系统需要把excel数据导入到系统内，我想这是一个很常见的功能点，把它分享出来，希望对大家有所帮助：） 实现效果 实现步骤 1.定义导入组件 <el-upload :show-file-list="false" accept="application/vnd.
阅读全文
摘要：功能介绍 将列表的数据导出成excel文件是管理系统中非常常见的功能。最近正好用到了ElementUI+Vue的组合做了个导出效果，拿出来分享一下，希望可以帮到大家：） 实现效果 实现步骤 1.定义导出按钮 <el-button @click="exportData" type="success"
阅读全文
摘要：1.项目介绍 前段时间有位老铁问老徐有没有Vue+SpringBoot+ElementUI前后分离的项目想学习下，抱歉前端时间有点忙。千呼万唤始出来，做得不是很到位，需要的朋友可以拿去自己定制。：） 2.获取源码 源码是捐赠方式获取，详细请QQ联系我 ：）！ 3.功能介绍 4.软件架构 5.效果展示
阅读全文
摘要：项目介绍 上一篇介绍了前端相关实现代码和效果，本篇则介绍后端接口API如何实现。 ：） 上一篇地址： https://blog.csdn.net/IndexMan/article/details/112480590 项目截图 用到的技术栈 SpringBoot Mybatis-Plus Mysql
阅读全文
