小项目之excel导入一#javascript（js实现excel导入导出）

小项目之excel导入一。hi朋友们，今天我们对我们的员工管理的功能页面。征商改查哪些东西我们就不讲了。

今天我们主要做一个Excel的导入和导出的功能，这也是一个技能点。你如果出去面试别人问到了，你会这个也会，也会提高面试机率。Excel怎么做的呢？它其实是依托，潘嘉诚给我们的这个模板所做出来的。首先潘嘉诚的这个模板，首先我们要点击Excel，然后他会跳转到我们的跳转到潘嘉诚封装的组件里面。这个怎么做呢？

首先我们要找到这个组件，在潘嘉诚的computed的组件库里面，首先找到这个组件，然后这个组件在全局注册看你如果用的地方，如果用的地方多就全局注册，如果只有一个地方用到的话，就局部注册。这里我选择的是局部注册，直接import的。然后一个Com community的引入。注册完了之后直接使用。

使用之后就会涉及到一个什么呢？这里是在新文件里面注册的，然后新建一个。把思路理一下，如何做Excel的导入导出。

第一个新建一个单独的vue文件，然后在这个文件里面引入我们的卡，这个潘嘉诚的封装的组件来注册。使用过来之后，把它的凝聚力全部复制过来，然后在Excel的导入上，用编程式跳转，直接跳转到这个页面。

要做一个什么事情呢？这是第三步，变成跳转过后是吧？

第三步，我们的路由注册。路由注册在哪里注册呢？路由注册其实就在我们的员工模块，员工管理这个模块，它的“丘准这个属性里面来注册。注册好了之后，我们把路径全部写好然后进行跳转，它其实跳转的是什么呢？跳转的是我们的注册，我们的自己写的组件，跳转到我们自己的组件，然后跳转进来，跳转进来之后你就会发现，你的屏幕上面就可以进行正常跳转了。然后屏幕上面就会有一个Excel的文件夹了，还有一个上传的按钮，也可以将文字改成中文，在它的原组件里面改，这就是它的功能了。然后还有什么呢？还有一个是Excel，它这个Excel写的高级工程师，我们这个低级工程师是看不懂，它的这个文件夹里面确实很厉害，原文件有点看不懂，然后我们要做一个什么事情呢？我们就还要做一个。

我们用户把Excel文件拖进来之后导进来之后对吧？然后我们要用户我们给用户的Excel文件是中文的文件，但是后端它那边肯定是接收的，字段肯定是英文的字段，我们就要在前端读取读取文件之后，进行一个自断的转换，自断的转换，这个我们就留着明天讲，我们明天就把这个Excel就讲完。

讲完导出也讲它，逻辑是一样的，然后明天我们就讲完。今天就到这里，拜拜加油！