没有合适的资源？快使用搜索试试~ 我知道了~

文库首页后端Java信息管理系统(SpringBoot+Mybatis+POI+Vue+ElementUI)

信息管理系统(SpringBoot+Mybatis+POI+Vue+ElementUI)

spring

boot

spring

boot

mybatis

需积分: 5 1 下载量 147 浏览量 2023-11-02 21:54:03 上传评论收藏 476KB PDF 举报

温馨提示

试读

29页

1、后台技术：SpringBoot + MyBatis + POI 2、前端技术：Vue2 + ElementUI 实现了数据的导入、导出和基本的CRUD操作

资源推荐

资源详情

资源评论

online_edu:在线教育系统，分为前台网站系统和后台运营平台。前台用户系统包括课程、问答、文章三大部分，使用了微服务技术架构，前后端分离开发。后端的主要技术架构是：SpringBoot + SpringCloud + MyBatis-Plus + HttpClient + MySQL + Docker + Maven，前端的架构是：Node.js + Vue.js 。其他涉及到的中间件包括Redis、ActiveMQ、阿里云OSS、视频点播业务中使用了ECharts做图表展示，使用POI完

在线教育项目概述（1）在线教育系统，分为前台网站系统和后台运营平台。前台用户系统包括课程、问答、文章三大部分，使用了微服务技术架构，前后端分离开发。...系统分为前台用户系统和后台管理系统两部

Java医院管理系统源码（可用做毕业设计）.zip

5星 · 资源好评率100%

Java后台：SpringBoot 2.1.0 + Mybatis+ 权限管理 + Apache poi 前台页面：Vue2.0 + ElementUI + Jquery + tinymce（富文本插件）数据库：Mysql 注意：JDK选择1.8版本，Mysql选择5+版本&&8+ 前后端分离，页面可...

Java项目:(小程序)全套商城系统(spring+spring mvc+mybatis+layui+微信小程)

5星 · 资源好评率100%

环境配置： 1.1 springframework4.3.7.RELEASE 1.2 mybatis3.1.0s MyBatis-Plus 3.1.0 1.3 shirol.3.2 1.4 servlet3.1.0 1.5 druid1.0.28 1.6 slf4j1.7.19 1.7 fastjson1.2.30 1.8 poi3.15 1.9 velocityl .7 1.10 ...

基于springboot的分为前台网站系统和后台运营平台的在线教育系统源码+项目说明.zip

【资源说明】 1、该资源包括项目的全部源码，下载可以...后台管理系统包括：系统管理、内容管理、社群问答、课程管理、消息中心、用户中心、统计分析、系统配置等功能。 ### 准备重构成SpringCloudAlibaba微服务...

第 1 页共 29 页

信息管理系统

（SpringBoot+Mybatis+Vue2+ElementUI+POI

实现 Excel 数据的导入导出）

一、页面效果：

二、主要功能：

1、CRUD 的操作

2、批量删除

3、将 Excel 导入到数据库

4、将数据表导出到 Excel 中

三、前端代码：

1、页面代码

<!DOCTYPE html>

<head>

<title>Document</title>

第 2 页共 29 页

</head>

<body>

<el-form :model="formData" :rules="rules" ref="formData" label-width="100px">

<el-row>

<el-col :span="6">

<el-form-item label="图书名称" prop="bookName">

<el-input v-model="formData.bookName"></el-input>

</el-form-item>

</el-col>

<el-col :span="6">

<el-form-item label="图书作者" prop="bookAuthor">

<el-input v-model="formData.bookAuthor"></el-input>

</el-form-item>

</el-col>

</el-row>

<el-row>

<el-col :span="6">

<el-form-item label="发行日期" prop="bookDate">

<el-input type="date" v-model="formData.bookDate"></el-input>

</el-form-item>

</el-col>

<el-col :span="6">

<el-form-item label="图书价格" prop="bookPrice">

<el-input v-model="formData.bookPrice" ></el-input>

</el-form-item>

</el-col>

</el-row>

<el-col>

<el-form-item>

<el-button type="primary" icon="el-icon-plus" size="mini" @click=

"addBook('formData')">增加</el-button>

<el-button type="danger" icon="el-icon-delete" size="mini" @click

="batchDelete">批量删除</el-button>

<el-button icon="el-icon-search" size="mini" @click="searchBook"

>查询</el-button>

<el-button type="success" icon="el-icon-right" size="mini" @click

="importBook">导入 Excel</el-button>

<el-button type="warning" icon="el-icon-back" size="mini" @click=

"exportBook">导出 Excel</el-button>

</el-form-item>

第 3 页共 29 页

</el-col>

</el-form>

<el-table :data="tableData" style="width: 1050px;" ref="multipleTable" @selection-cha

nge="handleSelectionChange" id="out-table">

<el-table-column min-width='140' type="selection"></el-table-column>

<el-table-column prop="bookId" label="图书编号" width="150"> </el-table-column>

<el-table-column prop="bookName" label="图书名称" width="180"> </el-table-column>

<el-table-column prop="bookAuthor" label="图书作者

" width="150"> </el-table-column>

<el-table-column prop="bookDate" label="发行日期" width="150"> </el-table-column>

<el-table-column prop="bookPrice" label="图书价格

" width="150"> </el-table-column>

<el-table-column label="操作" width="210" align="center">

<el-button type="danger" icon="el-icon-delete" size="mini" @click="Delete(

scope.row.bookId)">删除</el-button>

<el-button type="success" icon="el-icon-edit" size="mini" @click="Update(s

cope.row)">修改</el-button>

</template>

</el-table-column>

</el-table>

<el-pagination class="tabListPage"

@size-change="handleSizeChange"

@current-change="handleCurrentChange"

:current-page="currentPage"

:page-sizes="pageSizes"

:page-size="pageCount"

layout="total, sizes, prev, pager, next, jumper"

:total="totalCount"

</el-pagination>

<el-dialog customClass="customWidth"

:modal="true"

:visible.sync="dialogVisible"

width="25%"

:title="Title"

第 4 页共 29 页

<el-form :model="updateData" :rules="rules" ref="updateData" label-width="100px">

<el-row>

<el-col>

<el-form-item label="图书编号" prop="update_bookId">

<el-input v-model="updateData.update_bookId" disabled></el-input>

</el-form-item>

</el-col>

</el-row>

<el-row>

<el-col>

<el-form-item label="图书名称" prop="update_bookName">

<el-input v-model="updateData.update_bookName"></el-input>

</el-form-item>

</el-col>

</el-row>

<el-row>

<el-col>

<el-form-item label="图书作者" prop="update_bookAuthor">

<el-input v-model="updateData.update_bookAuthor"></el-input>

</el-form-item>

</el-col>

</el-row>

<el-row>

<el-col>

<el-form-item label="发行日期" prop="update_bookDate">

<el-input type="date" v-model="updateData.update_bookDate"></el-input>

</el-form-item>

</el-col>

</el-row>

<el-row>

<el-col>

<el-form-item label="图书价格" prop="update_bookPrice">

<el-input v-model="updateData.update_bookPrice"></el-input>

</el-form-item>

</el-col>

</el-row>

</el-form>

</div>

<el-button @click="dialogVisible = false">取消</el-button>

<el-button type="primary" @click="handlerAddOk">确定</el-button>

</div>

</el-dialog>

第 5 页共 29 页

<el-dialog customClass="customWidth"

:modal="true"

:visible.sync="ImportdialogVisible"

width="29%"

:title="ImportTitle"

<el-form :model="form">

<el-form-item>

<el-upload class="upload-file"

drag

ref="uploadExcel"

action="http://localhost:8080/elementui/import"

:limit=limitNum

:auto-upload="false"

accept=".xlsx"

:before-upload="beforeUploadFile"

:on-change="fileChange"

:on-exceed="exceedFile"

:on-success="handleSuccess"

:on-error="handleError"

:file-list="fileList"

<div class="el-upload__text">将文件拖到此处，或<em>点击选择 Excel 文件</em></div>

</el-upload>

</el-form-item>

<el-form-item>

<el-button @click="ImportdialogVisible = false" size="small">取消</el-button>

<el-button size="small" type="primary" @click="submitUpload()">立即导入</el-button>

</div>

</el-form-item>

</el-form>

</el-dialog>

</div>

2、JS 代码：

new Vue({

el:'#app',

data:{

剩余28页未读，继续阅读

评论收藏

内容反馈

资源评论

资源反馈

评论星级较低，若资源使用遇到问题可联系上传者，3个工作日内问题未解决可申请退款~

上庸者-不服周

粉丝: 178
资源: 15

上传资源快速赚钱

我的内容管理展开

我的资源快来上传第一个资源

我的收益

登录查看自己的收益

我的积分登录查看自己的积分

我的C币登录后查看C币余额

我的收藏

我的下载

下载帮助

前往需求广场，查看用户热搜

信息管理系统(SpringBoot+Mybatis+POI+Vue+ElementUI)

基于SpringBoot+Mybatis商品信息管理系统

基于SpringBoot+Vue+ElementUI的人事管理系统

SpringBoot + Vue + ElementUI 的人力资源管理系统

基于SpringBoot + Vue + ElementUI 实现人力资源管理系统

Springboot+Poi实现Excel的导入导出

JavaEE项目实践大作业SpringBoot+Mybatis+poi+Vue+axios+Element-UI仓库管理系统

Springboot框架项目实战-伴我汽车-代码.rar

基于springboot+vue的电厂定期试验管理信息系统.zip

基于SpringBoot+Mybatis+thymeleaf的学生信息管理系统

SpringBoot+Mybatis -plus+Mysql+Vue渲染整合

-SpringBoot + Vue + ElementUI 的人力资源管理系统.zip

SpringBoot + Vue + ElementUI 的人力资源管理系统（源码+论文）

基于Thymeleaf+SpringBoot+Mybatis实现的旅游信息管理系统

基于SpringBoot+uni-app开发的仿驾考宝典的答题软件源码+数据库+项目说明(毕设项目).zip

Java项目:进销存管理系统(前后端分离+java+vue+Springboot+ssm+mysql+maven+redis)

基于SpringBoot+Vue排课管理系统.rar

企业员工角色权限管理平台（SpringBoot2.0+Mybatis+Shiro+Vue）

基于SpringBoot+Vue搭建的多功能体育场地智能管理系统源码+数据库+项目说明.zip

SpringBoot + Vue + ElementUI 的人力资源管理系统.zip

Vue+SpringBoot+ElementUI的足球队管理系统.zip

SpringBoot+Vue+ElementUI的人力资源管理系统.zip

基于Vue、ElementUI、SpringBoot开发的问卷系统

基于SpringBoot+Mybatis+Thymeleaf商品信息管理系统.zip

一个基于规则配置的学生综合素质评价系统源码+数据库+视频教程，前端采用Vue+ElementUI，后端采用springboot

Java医院管理系统源码（可用做毕业设计）.zip

Java项目:(小程序)全套商城系统(spring+spring mvc+mybatis+layui+微信小程)

基于springboot的分为前台网站系统和后台运营平台的在线教育系统源码+项目说明.zip

最新资源