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

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

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

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

原文发布于微信公众号 - web前端教室(webfeel)

原文发表时间:2018-02-27

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏逍遥剑客的游戏开发

移植了OVRLipSync到UE4

51860
来自专栏无原型不设计

如何设计出正确的搜索模式?

以下内容由Mockplus团队翻译整理,仅供学习交流,Mockplus是更快更简单的原型设计工具。 ? 如果你正在阅读这篇文章,那么你一定正在设计一个有搜索...

63160
来自专栏游戏杂谈

升级IOS8游戏上传自定义头像功能失效的问题

为了支持arm64,之前已经折腾了很久,昨晚打包准备提交苹果审核时,测试那边的同事反馈说游戏上传自定义头像功能不可用了。

9120
来自专栏SEO

「SEO」页面搜索引擎优化详细解说

32260
来自专栏phodal

使用 React Native 重写大型 Ionic 应用后,我们想分享一下这八个经验

本文的内容是关于 React Native 重写的经验分享,基于 React Native 重写 Ionic 应用Growth 过程中遇到的一些坑。 Growt...

28760
来自专栏西枫里博客

如何让网站打开变快?暨网站速度优化指南。

网站打开速度一向是网站运营者和SEO工作者关注的重要指标。百度在网站优化白皮书中也提到需要注重网站访问速度。2017年更是退出了针对移动端访问推出闪电算法(博文...

16820
来自专栏大数据挖掘DT机器学习

10款最好的信息图创建工具

你是否常常看到别人创建的专业信息图而眼红呢?来看看这十个工具吧,你也一样可以创建牛逼的图表哦! 1. Visual.Ly 这是一个非常好用的应用,你可以用它来快...

41790
来自专栏程序员互动联盟

【专业技能】前端开发眼里的页面

拿到效果图时,有这么几步,就我了解的情况做一下分享,不一定全部都是科学,但可以部分借鉴。 我先说一下,熟练后拿到效果图时这样的一个状态: ? http...

34760
来自专栏PHP在线

2018年值得关注度的语言、框架和工具

前端框架:Angular 2,Vue.js,Bootstrap,LESS / SASS。 Web Web平台最近取得了两个重大进展——Web Assembly...

371120
来自专栏即时通讯技术

IM开发基础知识补课:正确理解前置HTTP SSO单点登陆接口的原理

一个安全的信息系统,合法身份检查是必须环节。尤其IM这种以“人”为中心的社交体系,身份认证更是必不可少。

17520

扫码关注云+社区

领取腾讯云代金券