做为B端产品人，常常碰到导入功能，虽然是一个小功能，但是在规划的时候，也遇到很多坑，此处用于复盘一个导入功能。

一、导入功能分析

一个完整的导入功能，通常会有几个关键要素：导入模板、导入报错信息、导入过程中相关交互提示，图1为完整的导入功能流程图。

图1 导入功能流程图

在设计一个导入功能的时候，主要围绕关键要素进行展开：

1、导入模板：

经常会遇到这样需求，写一个导出功能，进行word模板格式进行导出，数据库相应数据回填到word模板中，再对这个模板进行导出功能。如果一次性需要导出多个模板情况下，就要对多个进行压缩成一个压缩包再一次性导出。

废话不多说直接上代码：

需要导入相应jar包：

controller层：

前言

如果 2021 你还没有听说过 Fantastic-admin ，那即将到来的 2022 年可不要再错过了。

Fantastic-admin 作为一款

不懂代码，缺乏专业知识，同时又不满足于上淘宝购买建站系统？本文教你如何速成建站，如何将喜欢的html前端模版整合后台变成一套完整的网站程序！如果你熟练掌握这些技巧，一天可以搭建一个成熟的网站。

本文的（上）章中对前后端整合的意义、如何选择后端框架、前端代码的素材来源进行了介绍，（中）章介绍了复用、注释、各段落结构以及于后台代码的部分关系！本章将进行正式的整合操作介绍！

注：限于篇幅，本章仅做部分的整合演示，有时间回在做本文没提到的整合操作（取决于有没有人想继续看）。

若依（RuoYi）是码云上一款精美的开源快速开发平台，作者毫无保留给个人及企业免费使用。RuoYi目前有三个版本：普通版本（RuoYi）、前后端分离版本（RuoYi-Vue）、微服务版本（RuoYi-Cloud）。.net的小伙伴们估计很羡慕JAVA的生态，现在.net core发展也很快，奈何生态完善不是一天二天的事情，比如微服务这块虽然有零散的解决方案，但是要拿出Spring Cloud这样的全家桶暂时还没有。

编辑导读：后台管理系统，会根据不同公司、不同业务的要求做出改变。那么，有没有通用的功能和和需求设计模版呢？有的。本文作者基于自身工作经验，总结了一套通用的后台管理系统需求及原型设计，与你分享。

网上很多系统的参考多数为业务中台，过于带有业务色彩。做过三四个后台管理系统，从中总结了一个通用的功能和需求设计模版，供大家参考。本文适用于0-2岁的产品经理做基础功能设计，通俗易懂，放心食用。

目前比较流行的vue组件有Element UI、ivew、bootstrap-vue、ant-design-vue(第三方实现，官方版本只有 React和Angular版本)，另外还Vuetify（27.2k）、Buefy（基于 Bulma css）、Vue Material等。今天我们主要介绍基于这些组件库封装的后台管理模板。

下面我们介绍几个精美的VUE后台管理模板，按照github上的标星数量来排序：

vue+antd搭建后台管理界面模版（PC端）

技术栈

vue2 + vuex + vue-router + webpack + ES6/7 + axios + antd + 阿里图标iconfont

今天给位网友推荐一款超牛X的Vue3.0后台管理系统模板，他是基于vue3的中后台前端项目——CigoAdmin-Vue3.0。闲言少叙，直接大图。

后台管理页面更多面向的是管理员等用户，因此在设计过程中要以功能性和数据展示为主要目

的，颜色使用上要更加克制。

乐于分享的 搜优（SooUI) 收集了优秀的后台页面设计作品集，相信一定能给你带来灵感。

看看几个例子：

管理系列