【图片简历】Vue.js在线简历编辑...(三)

在上一篇文章《【图片简历】Vue.js在线简历编辑器&生成图片简历(二)》中，

(1)、搞定了html2canvas.js生成html网页图片。

(2)、确定了使用mongoDB做为数据库之后，搞定了相关的命令与操作；

(3)、使用nodeJs做为中间件来操作mongoDB；

(4)、画了一个粗原型图；

<!-- -->

现在就是把基本的视图结构搞出来，先用ps画了一个细致一些的UI图，

然后再把它搞成html页面，vueJs里大致结构是这样的，

结构并不复杂，就是在resume.vue中，引入userInfo、eduction、work、specialty、evaluation，共五个模块。页面UI交互的部分并没有太复杂的地方，就是引入之后各种$emit就好了呗。

比较费脑子的地方在于mongoDB的数据库的结构该怎么设计比较好，简单搞的话，个人信息、教育背景、工作经历、个人特长、自我评价，五个模块对应五个数据库就可以了，

但是因为我设计的需求里，是可以把整个简历复制为不同版本的，所以应该是每个简历带五个模块，

那么问题来了，是不是要搞成这样呢？就是一个总的库里，带多个集合，每个集合里又分不同的模块，

这里具体怎么搞，看情况先往下做吧，我估计这个数据库的设计，要出现反复。