基于Vue和nodejs的自定义表单系统

基于Vue和nodejs的自定义表单系统, 项目地址传送https://github.com/kkxiaojun/VueForm

简介

本系统决定采用vue作为web端的整体框架，nodejs为服务端语言，MongoDb作为首选数据存储方案。本系统包括自定义表单系统现状、系统需求、系统设计及开发流程。系统主要的模块有：登录模块、注册模块、首页模块、表单预览模块和表单设计模块。

整个项目最终实现的是一个自定义表单系统，用户可以用鼠标拖拽生成自己的表单，并填写和发布表单。

系统结构

技术选择

本系统是运行在浏览器中的Web系统，经过对浏览器拖拽技术的研究与分析，总结出用JavaScrip实现拖拽技术的两种思路：

1. 运用JavaScript的鼠标事件，模拟按下与放开的操作，实现对表单的拖拽操作，具体实现过程如下：
   （1） 鼠标按下、鼠标移动，形成拖拽效果，相关的JavaScript事件有onmousedown、onmousemove等。
   （2） 鼠标移开，无拖拽效果。 相关的JavaScript事件有onmouseout、onmouseleave。
   （3） 拖拽后，到达目标，鼠标放开，实现拖放操作。相关的JavaScript事件有onmouseup、onmou