代码编织梦想

2.1 ihrm人力资源 -爱代码爱编程

一、登录页结构与表单开发 我们要实现的登录界面 目前的登录界面 1.1 登录页结构 复制下面的代码到views/login/index.vue页面下 <template> <div

1.ihrm人力资源后台 -爱代码爱编程

IHRM人力资源 - 项目搭建 文章目录 IHRM人力资源 - 项目搭建一、项目搭建1.1 项目搭建1.2 项目目录1.2.1 src 目录 1.3 App.vue 根组件解析1.4 基础设置 set

vue+elementui主页布局-爱代码爱编程

第一节Login.vue登录表单知识:  Element-UI+vue实现登录表单_我爱布朗熊的博客-CSDN博客 具体Element-UI地址: Element - The world's most popular Vue UI framework   目录 一、布满整个页面 二、主页Header布局 三、主页左侧带单布局 四、axi

element-爱代码爱编程

第一节文章: Element-UI+vue实现登录表单_我爱布朗熊的博客-CSDN博客 第二节文章: Vue+ELementUI主页布局----侧边栏布局(el-aside)_我爱布朗熊的博客-CSDN博客 目录 一、实现首页路由的重定向  二、左侧菜单改造为路由链接 三、用户列表开发    3.1实现左侧二级菜单的高亮效果 四、绘制用户

uniapp实现点击加载更多_罗汉爷的博客-爱代码爱编程

使用场景 举个栗子:外卖app当订单商品数量比较多时,不方便一次性展示出来。通常会展示一部分,并在页面给出一个查看更多功能。点击后即可自定义展示剩余内容,比如可以每次点击多展示N个内容,或展示所有。 实现效果 实现步骤 以下为整个页面的所有代码,涉及到的数据可以自己造一些,此处不再赘述。 vue页面 <template> &l

springboot+vue+elementui实现的宿舍管理系统_罗汉爷的博客-爱代码爱编程

项目说明 doman是一个基于Springboot+Vue实现的前后端分离的宿舍管理系统。项目为本人亲手打造,需要的朋友可以拿去做个修改也是不错的。大神请忽略:) 项目功能 详细请看功能演示: Springboot+Vue+ElementUI实现的宿舍管理系统(前后分离) 系统管理:用户管理、角色管理、菜单管理、字

springboot+vue+elementui实现文件上传下载删除DEMO-爱代码爱编程

说明 前面搜索了几个关于springboot+vue+elementui上传下载的文章,感觉写的都不尽如人意。要么是功能不完善,不好用。再者就是源码提供的实在差劲,都不完整。一气之下,自己搞了一个实用的完整版DEMO,有需要的朋友拿走稍加改动就能使用。 项目源码 源码已经整理好了,如何运行直接看根路径下的README.md。 https://git

el-dialog关闭后重置表单和校验提示-爱代码爱编程

问题说明 最近测试反馈操作某新增/修改表单,点击【取消】或【关闭】窗口后再次点击【新增】或【修改】发现校验提示仍然存在! 问题原因 项目采用Vue+ElementUI,修改表单的窗口控件采用el-dialog中添加el-form实现,默认在关闭和取消操作是没有绑定任何事件的,所以不会去清除原有的validate校验提示信息。 解决方案 1、在el

el-upload使用http-request自定义上传和进度条实战-爱代码爱编程

介绍 项目中发现使用默认的el-upload上传动作发送上传请求的时候不会带上请求头,于是想通过自定义请求也就是http-request来自定义上传。实践证明这条路是通的,不过有个小问题就是原本上传的进度条没了。于是搞一个自定义进度条。 实现效果 表单 <el-upload class="upload-demo" action="

Javascript操作对象数组实现增删改查-爱代码爱编程

1.介绍 最近帮朋友弄一个简单的针对json数组的增删改成页面,正好涉及到了js去操作对象数组实现增删改查功能。我估计很多朋友应该也会遇到这类操作,所以记录一下以便分享。 2.数据准备 这里我就以学生对象数组为例了,其实这个数组和json数组操作起来基本一致的,转换一下即可。例如可以使用JSON.parse将一串JSON字符串转换为js对象数组。

Vue+SpringBoot+ElementUI实战学生管理系统-10.学生管理模块-爱代码爱编程

1.章节介绍 前一篇介绍了教师管理模块,这一篇编写学生管理模块,需要的朋友可以拿去自己定制。:) 2.获取源码 源码是捐赠方式获取,详细请QQ联系我 :)! 3.实现效果 学生列表 修改学生 4.模块代码 页面布局 <template> <div> <!-- 面包屑导航区 --&

Vue+SpringBoot+ElementUI实战学生管理系统-9.教师管理模块-爱代码爱编程

1.章节介绍 前一篇介绍了班级管理模块,这一篇编写教师管理模块,需要的朋友可以拿去自己定制。:) 2.获取源码 源码是捐赠方式获取,详细请QQ联系我 :)! 3.实现效果 教师列表 修改教师 4.模块代码 页面布局 <template> <div> <!-- 面包屑导航区 --&

Vue+SpringBoot+ElementUI实战学生管理系统-8.班级管理模块-爱代码爱编程

1.章节介绍 前一篇介绍了专业管理模块,这一篇编写班级管理模块,需要的朋友可以拿去自己定制。:) 2.获取源码 源码是捐赠方式获取,详细请QQ联系我 :)! 3.实现效果 班级列表 修改班级 4.模块代码 页面布局 <template> <div> <!-- 面包屑导航区 --&

Vue+SpringBoot+ElementUI实战学生管理系统-7.专业管理模块-爱代码爱编程

1.章节介绍 前一篇介绍了院系管理模块,这一篇编写专业管理模块,需要的朋友可以拿去自己定制。:) 2.获取源码 源码是捐赠方式获取,详细请QQ联系我 :)! 3.实现效果 专业列表 修改专业 4.模块代码 页面布局 <template> <div> <!-- 面包屑导航区 --&

Vue+SpringBoot+ElementUI实战学生管理系统-6.院系管理模块-爱代码爱编程

1.章节介绍 前一篇介绍了用户管理模块,这一篇编写院系管理模块,需要的朋友可以拿去自己定制。:) 2.获取源码 源码是捐赠方式获取,详细请QQ联系我 :)! 3.实现效果 院系列表 修改院系 4.模块代码 页面布局 <template> <div> <!-- 面包屑导航区 --&

Vue+SpringBoot+ElementUI实战学生管理系统-5.用户管理模块-爱代码爱编程

1.章节介绍 前一篇介绍了项目的API接口设计,这一篇编写用户管理模块,需要的朋友可以拿去自己定制。:) 2.获取源码 源码是捐赠方式获取,详细请QQ联系我 :)! 3.项目截图 列表操作 动态图 4.用户管理 页面布局 <template> <div> <!-- 面包屑导航区

Vue+SpringBoot+ElementUI实战学生管理系统-4.后端API编写-爱代码爱编程

1.章节介绍 前一篇介绍了项目的表结构设计,这一篇编写后端API,需要的朋友可以拿去自己定制。:) 2.获取源码 源码是捐赠方式获取,详细请QQ联系我 :)! 3.项目截图 登录页 列表操作 动态图 后端接口设计 登录接口 @RestController @RequestMapping("/api") public

Vue+SpringBoot+ElementUI实战学生管理系统-3.表结构设计-爱代码爱编程

1.章节介绍 前一篇介绍了如何搭建前端工程,这一篇讲一下表结构设计,需要的朋友可以拿去自己定制。:) 2.获取源码 源码是捐赠方式获取,详细请QQ联系我 :)! 3.项目截图 登录页 列表操作 动态图 4.表结构设计 用户表 CREATE TABLE `tb_user` ( `id` int(10) NOT N

Vue+SpringBoot+ElementUI实战学生管理系统-2.搭建Vue+elementUI脚手架-爱代码爱编程

1.项目介绍 前一片介绍了项目的整体情况,这一篇开始搭建前端工程,需要的朋友可以拿去自己定制。:) 2.获取源码 源码是捐赠方式获取,详细请QQ联系我 :)! 3.项目截图 登录页 列表操作 动态图 4.搭建前端工程 只挑关键步骤讲,详细看源码。 安装NodeJS http://nodejs.cn

ElementUI导入Excel文件-爱代码爱编程

功能介绍 最近用ElementUI做管理系统需要把excel数据导入到系统内,我想这是一个很常见的功能点,把它分享出来,希望对大家有所帮助:) 实现效果 实现步骤 1.定义导入组件 <el-upload :show-file-list="false" accept="applicat