首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

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的,明天晚上十点见。

  • 发表于:
  • 原文链接http://kuaibao.qq.com/s/20180227B016X400?refer=cp_1026
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

扫码

添加站长 进交流群

领取专属 10元无门槛券

私享最新 技术干货

扫码加入开发者社群
领券