我和她第二次相识，为什么这么说呢？因为如果有一个人跟你从小就认识，一起玩了很多很多年，突然有一天消失了。然后又过了将近十年才再次出现，此时的她无论是样貌还是性格都和曾经完全不一样，你甚至觉得她就像换了一个人，不敢想象这十年她经历了什么。但是你依然保留着那份对她“化成灰都认识的”熟悉的初心，重新接触后便可以说第二次相识。而让你想不到的是，她现在居然摇身一变，成为了一名测试工程师...
在上节课结尾，我们搞定了进入的方式。点击按钮，跳转到/resume/路由后即打开了一片空白页面，在这里我们将要开发简历优化功能的一切。
打开这个Resume.html :
看到这个body中间的空白了么？我们在这里要写上四个部分：
1.上传简历按钮
2.优化意向设置区
3.解析按钮
4.结果显示区
但是我们前端的样式，可以选择bootstrap样式库，首先需要先下载完整包：
进入官方网站：https://getbootstrap.com/
点击下载：
下载好解压到myapp/static路径下：
然后就是在页面中引入：
现在我们有了bootstrap，还需要jquery才能更好的去开发，那么这个同样的去下载引入即可，我这里已经下载过了，直接引入：
然后此时的页面还有点小问题：
就是这个图标的问题，目前是个默认，可以通过引入自己提前准备好的.ico图标文件，来改变：
效果如下：（没错，我直接复制之前vue项目的ico图标过来！就是省事！）
好，现在我们可以去研究一下第一部分，上传按钮了：
一开始，最初的上传按钮，只需要在input组件的type中写上file即可：
点击的话会弹出选框：
很显然，这种按钮虽然好用，但是难看。可惜的是，bootstrap官方并未给出上传按钮的漂亮样式。如果想强行更改这种上传按钮的样式，需要的代价不会很小，但是考虑到该功能会面向c端全体粉丝，所以尽量做的好看一点。
我决定去jquery之家的平台样式库中碰碰运气：找到了一款还不错的，下载地址：http://down.htmleaf.com/1801/201801241434.zip
注意，下载和本地化二次开发需要一定的前端基础！
下载好后解压到/static/路径下，名字为：201801241434，这里感谢下2018年将此样式上传开源的前辈！
然后就是进入这个index.html内，把需要拿走的部分代码复制到我们的Resume.html中，然后修改下诸如href src这种路径即可：
然后再略微修改它的原始js部分，让其更简单，更符合我们的需求：dist/jquery.imageuploader.js
具体修改效果如下：
可以拖拽，可以点击。选择文件后：
然后点击 上传选择的简历 按钮，即可实现触发。不过具体要怎么才能让后台真实的接收到这个简历文件呢？请听下节课分解！
