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

互联网 2018-04-16

原标题:【图片简历】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的数据库的结构该怎么设计比较好,简单搞的话,个人信息、教育背景、工作经历、个人特长、自我评价,五个模块对应五个数据库就可以了,

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

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

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

明晚就是2018春节之后第一次先行者的课程了,按计划是【FM音乐播放器(一)】,虽然看着丑,但功能都是ok的,明天晚上十点见。

点击阅读:【2018】- 先行者课程新版会员计划