在线简历编辑这个,相对来讲还是有一点点复杂的。
在上一篇文章《【图片简历】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的,明天晚上十点见。
领取专属 10元无门槛券
私享最新 技术干货