vue与后台对接是哪个文件?
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue与后台对接是哪个文件?相关的知识,希望对你有一定的参考价值。
参考技术A vue中文件下载功能通过与后端对接接口实现。点击下载按钮,浏览器下方出现下载的文件,word文件将下载为word文件格式,不会进行pdf的转换。代码中怎么看出使用了vue框架
前端src下有以vue为后缀的页面,就说明前端页面使用了vue框架;3.4.2.代码中有下面这个注解,就说明java后台用了springBoot框架;@SpringBootApplication 参考技术A 前端代码生成器,简单的说:第一步,通过接口文档获取接口的入参\出参,并将这入参\出参格式化成特定JSON
第二步,根据自己的项目,结合表格、表单组件,抽离出代码模板
第三步,通过第一二步的JSON、代码模板,生成vue、JS以及路由文件
简介
本项目采用puppeteer对接口文档网页读取,获得接口链接、入参、出参等,并记录半生成特定格式的json.
因本项目是为了配合公司的接口文档,生成公司的后台管理网站,定制化较高,所以此项目对于其他朋友来说,可做参考.如其他交流,可以联系我.
技术方案
获接口文档中接口的入参\出参,我采用爬虫框架puppeteer来获取,根据获得的入参\出参,结合代码模板,生成实际放入工程的增删改查文件,做到增删改查基本不用再码代码.同时支持审核等表格操作。
通过fs.writeFile来生成文件
说明
目前项目中只给了根据接口生成vue2+element的代码.因为代码是根据特定组件生成的.
表格、表单组件见项目中组件目录,这个需要全局引入.见components目录
另有生成vue3+typescript+ant的代码,暂未公布.
配置说明
scale的配置
```js
// 适用于scale的配置
export const config =
href: 'http://xxx.cn/',
serverName: 'AdminStoreContractService',
pages: [
filePath: 'promotionNew', // 列表\新\修页面所在路径
chunkName: 'base', // chunkName 用于路由中 require.ensure 打包参数
list: // 列表
fileName: 'pn-list', // 列表文件名字
name: '列表', // 菜单名
apiName: 'listStoreContract', // 列表接口名
exportFile: // 导出 [非必填]
apiUrl: '',
downFileName: ''
, 参考技术B 基本上是脏检查或数据劫持.那么本文就以Vue框架出发,探索作者运用Object.defineProperty来实现数据劫持的奥秘(本文所选取的相关代码源自于Vue v... '
以上是关于vue与后台对接是哪个文件?的主要内容,如果未能解决你的问题,请参考以下文章