vue-flyproduce

（项目安装）Project setup

npm install

（启动程序）Compiles and hot-reloads for development

npm run serve

（代码编译）Compiles and minifies for production

npm run build

插件介绍

vue-flyproduce插件，是flyproduce代码生成器的一部分。登录flyproduce网站，生成后端java代码(可以选择性的使用swagger2,mybatis-plus技术)，以及前端vue代码，各种自定义文档。然后使用vue-flyproduce插件，利用vue的双向数据绑定，可以简单明了的实现对服务器的请求。使html与javascript具有极低的耦合度。对于大中小型公司，页面样式频繁切换和快速开发程序提供了极大帮助。

插件使用建议

利用flyproduce网站和vue-flyprodce插件，已经可以快速生成java代码和javascript中请求服务器代码。如果html代码也能快速生成，那你开发程序的速度将会非常非常快速。最后只需将html和javascript进行vue中v-model绑定即可。html页面的生成，有许多工具可以使用，比如：拖拽生成html页面的网站，人工智能扫描ui原型生成html页面。

博客（代码样例）

csdn博客

教程

flyproduce网站中有详细的视频教程以及图文教程。 或者直接下载百度网盘 提取码：fd0u

github地址

https://github.com/fpzhan/vue-flyproduce.git

examples目录--flyproduce.js 如何在vue中添加vue-flyproduce插件的示例

examples目录--main.js 创建vue初始化的示例

examples目录--views目录--all目录中的代码是flyproduce网站生成的。

examples目录--views目录--About.vue是vue-flyproduce插件在表单中如何使用的示例。

examples目录--views目录--table5.vue是vue-flyproduce插件在table中如何使用的示例。(table插件使用vue-table2)

vue-flyproduce使用api

url: String                         接口请求路径

input: Object                     查询参数

output: Object                   返回结果

success: Function             查询成功回调行数

error: Function                  查询失败回调行数

contentType: String          ajax请求contentType头信息

submitId: String                 触发查询节点的id

inputClear: Boolean           查询完参数是否清空query

init: Boolean                       是否页面加载完成之后就进行初始化

paginationRef: String         vuetable分页插件ref名称

pageValue: Number           当前第几页的值

size: Number                      每页多少条数据

currentName: String           请求第几页传入参数名

sizeName: String                每页多少条数据参数名

dataPath: String                  返回数据路径(用.分割)

pagesPath: String               返回总页数路径(用.分割)

currentPath: String             返回当前第几页路径(用.分割)

submitEvent: String            绑定submitId节点的事件名称，例如：click

支持jquery ajax 所有参数，可参考w3school ajax教程