Furion api npm web vue混合开发

已于 2023-09-14 20:53:10 修改
阅读量338 收藏
点赞数
文章标签： 前端 npm vue.js c#
于 2023-09-14 20:22:11 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_35957944/article/details/132889321
版权

Furion api npm web vue混合开发

Furion-api项目获取swagger.json文件

使用所有接口合并的配置文件
在这里插入图片描述
在这里插入图片描述

复制json制作ts包

https://editor.swagger.io
在这里插入图片描述
在这里插入图片描述
得到 typescript-axios-client-generated.zip 文件
在这里插入图片描述

删除非.ts文件

在这里插入图片描述
将ts文件打包放入api-services文件夹
在这里插入图片描述
下载axios-utils.ts文件
地址：https://gitee.com/dotnetchina/Furion/tree/v4/clients/axios_vue_react
在这里插入图片描述
在这里插入图片描述

上传到npm

创建package.json文件
在这里插入图片描述
package.json内容如下
在这里插入图片描述

创建npm账号，创建furion-api-js项目

https://www.npmjs.com/

在这里插入图片描述

获取npm包

npm i furion-api-js

在这里插入图片描述
配置api项目地址（找到axios-utils.ts文件修改配置）
在这里插入图片描述
直接就可以使用api的方法调用接口了。
在这里插入图片描述
开发了一个快速cmd、npm上传的工具

https://gitee.com/zofnou/npmUpload-exe.git

引用

首次过程比较复杂，需要好好研究，之后非常便利，复杂主要在npm包的上传，可以借鉴其他文件，网址如下：
https://gitee.com/dotnetchina/Furion/tree/v4/clients/axios_vue_react
https://blog.csdn.net/weixin_51499232/article/details/124940480

欧阳大虾
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
html5 css3 web布局(基于npm webpack vue2).zip
02-10
html5 css3 web布局(基于npm webpack vue2).ziphtml5 css3 web布局(基于npm webpack vue2).ziphtml5 css3 web布局(基于npm webpack vue2).ziphtml5 css3 web布局(基于npm webpack vue2).ziphtml5 css3 web布局(基于npm webpack vue2).ziphtml5 css3 web布局(基于npm webpack vue2).ziphtml5 css3 web布局(基于npm webpack vue2).ziphtml5 css3 web布局(基于npm webpack vue2).zip
vue-web-speech:Web Speech API的Vue包装器，用于识别语音
03-08
网络语音 用于语音识别的Web Speech API的Vue包装器。 Web Speech API处于试验阶段，在生产中使用之前请检查。 安装 npm i vue-web-speech 用法 通过Vue.use将插件注入到vue实例 import Vue from 'vue' import VueWebSpeech from 'vue-web-speech' ... Vue . use ( VueWebSpeech ) 然后将其用作组件 < template> < vue xss=removed xss=removed> < / template > 文献资料 特性 Struts 类型 默认 说明 模型 布尔型 错误的 用于绑定记录状态。 可用于开始录制（ true ）或停止录制（
webVideoCtrl 海康威视web开发 vue + elementUI demo
11-05
海康威视官方提供的web开发包 使用vue + elementUI实现，里面引用的海康的webVideoCtrl.js文件
Furion 框架 Furion_Api 模板
03-24
Furion 框架 Furion_Api 模板
composition-api:Vue 2的Composition API插件
03-11
@ vue / composition-api 构成API的Vue 2插件 英文|・ 安装 NPM npm install @vue/composition-api # or yarn add @vue/composition-api 必须先通过Vue.use()将@vue/composition-api作为插件安装，然后才能使用组成组件。 import Vue from 'vue' import VueCompositionAPI from '@vue/composition-api' Vue . use ( VueCompositionAPI ) // use the APIs import { ref , reactive } from '@vue/composition-api' :light_bulb: 当您迁移到Vue 3时，只需将@vue/composition-api替换为vue
C# .NET CORE 5.0 Furion框架 搭建 WebAPI
qq_38567182的博客
03-25 4960
Furion框架 上一章写到如何创建 Furion 模板和手脚安装以及EF 搭建和自动生 成实体 这一章写一下，如何配置配置文件以及 Application层的 Services和 Core层的Model 和 Repository 做接口调用 拿上一章创建的 HelloBlog FurionAPI来说 当创建好项目搭建好EF，下面就让程序跑起来 一、在 HelloBlog.Web.Entry 更改配置文件 appsettings.json DbConnectionString 连接的字符串 { "C
Furion之规范化接口文档
PatrickStar_cnlj的博客
09-28 2326
能够让前端开发与后台开发人员更好的配合，提高工作效率 项目迭代或者项目人员更迭时，方便后期人员查看和维护 方便测试人员进行接口测试
开发框架Furion之WebApi+SqlSugar （一）
liwan09的博客
05-17 6658
MyFurion.Model项目中，通过Nuget添加Furion、Furion.Extras.DatabaseAccessor.SqlSugar、Furion.Extras.ObjectMapper.Mapster、SqlSugarCore，同时添加对项目MyFurion.Unility的引用。在MyFurion.Start项目中，通过Nuget添加 AspNetCoreRateLimit、System.Linq.Dynamic.Core，同时添加对项目MyFurion.Application的引用。
开发框架之Furion
liwan09的博客
04-24 3984
Furion是一个免费开源的.Net 开发通用框架，可以在Windows、Linux、Mac IOS、Docker环境下运行，动态Web Api，支持在Winform、WPF中使用项目开源地址。
开发框架Furion之WebApi+SqlSugar （二）
liwan09的博客
05-25 3228
限速(Rate-Limiting)系统可以控制网络接口发送和接受流量的速率。对于Web API来说，
安装vue-devtools时，npm install总是报错的解决方案
03-14
安装vue-devtools时，npm install总是报错的解决方案 亲测有效！！！
Furion接口代理——2022-06-29
m0_51400566的博客
06-29 882
接口代理
furion框架中修改swagger根目录
weixin_42600407的博客
02-15 423
Furion框架使用Swagger来生成API文档。如果需要修改Swagger根目录，可以按照以下步骤进行操作： 在Furion项目中找到appsettings.json文件，并打开它。 在appsettings.json文件中，找到名为SwaggerOptions的配置项，该配置项用于配置Swagger相关的设置。 在SwaggerOptions中，可以找到一个名为RoutePrefix的...
Swagger-使用教程(详细)
weixin_51779902的博客
09-06 1643
Swagger常⽤注解：@Api(tags = "说明信息") 修饰类，控制层的类，为类加注释内容，通过tags属性@ApiOperation(value = "⽅法说明",notes = "⽅法详细介绍") 修饰⽅法，映射⽅法，为⽅法加注释内容@ApiParam(value="参数的说明") 修饰⽅法的参数，为参数加说明 **@ApiModelProperty(value = "参数的说明",required = 是否必须传递) 修饰实体类的属性**
spring 解析swagger.json
u010290208的博客
03-10 2836
微服务开发，经常会用到swagger，开发过程中也可以直接验证、测试接口是否可用，但是由于swagger不是正式的对接文档，我们提供给前端或者外部来进行联调时还是要正式的文档。为了解决这一痛点，发现swagger是通过swagger.json解析生成html的，那是否也可以通过解析json来生成对应的word文档呢？生成word的完整代码已上传gitee,可以供大家一起讨论、学习。下面只提供将json解析的工具类，不废话，直接上源码。老规矩 ，在pom中导入jar包依赖。
本地启动Swagger-ui查看Swagger导出的Json文件
zclhit
04-26 1万+
本地启动Swagger-ui查看Swagger导出的Json文件 当我们获取项目中其他小伙伴给出的Swagger导出的API定义Json文件时，本地缺少查看环境直接使用文本编辑器打开是一件十分痛苦的事情。在这里我将带你用git, node和npm带你快速搭建本地服务，查看swagger导出的j son文件。 依赖 git - 任何版本的git都可以，用于从github拉取最新的swagger-ui...
如何手动搭建Furion脚手架
PatrickStar_cnlj的博客
09-08 999
手动搭建Furion脚手架
Furion 框架 — 让 .NET 开发更简单，更通用，更流行。
热门推荐
qq_38567182的博客
03-24 1万+
Furion框架-api模板创建
C# Furion框架的使用
Dreamhadow的博客
03-08 4215
*Furion框架只适用于.net及以上，Furion开发文档：1.1 介绍 | Furionhttps://dotnetchina.gitee.io/furion/docs/<>一、不使用Furion模板创建项目 1、创建一个webapi项目，不勾选启动OpenApi支持 2、nuget安装Furion,不用安装Sawgger,Furion已经内置 3、在Program.cs中添加Inject() var builder = WebApplication.CreateBuilder(
npm 安装vue webpackage
最新发布
07-27
要安装Vue的Webpackage，您可以按照以下步骤进行操作： 1. 首先，确保您已经安装了Node.js和npm。您可以通过运行以下命令来检查它们的版本： ``` node -v npm -v ``` 如果您的Node.js版本较低或者没有安装npm...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

欧阳大虾

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值