当前位置：首页 > 软件库 > 程序开发 > UI组件库 >

FytApi.MUI

基于 Swagger 的 API-UI 组件

授权协议 MIT

开发语言 C#

所属分类程序开发、 UI组件库

软件类型开源软件

地区国产

投递者曾丰茂

操作系统跨平台

开源组织无

适用人群未知

软件官网

软件文档

官方下载

软件概览

FytApi.MUI 是基于 swagger 的轻量级、注入化的 api-ui 组件

特点

零浸入、轻量、简单、好看、好用
可配置全局权限认证以及Header
支持主题切换 暗黑/亮白
可根据API名称（中/英）快速检索定位
配置简单，无需额外启动其它服务
支持动态增加Param【Get】参数 Authorization 【Header】认证 Headers 请求头以及Body（application/json、application/xml、text/plaint、ext/html）类型。

配置示例代码

// 默认 swagger 不要删除
builder.Services.AddSwaggerGen();
// [增加]  添加到容器
builder.Services.AddFytApi();

app.UseFytApiUI(c =>
{
   c.SwaggerEndpoint("/swagger/v1/swagger.json", "devault","v1");
});

启动项目输入 /fytapiui 即可访问

https://localhost:7235/fytapiui

使用案例

记录关于mui的各种坑

关于mui mui是我接触的第一个h5框架，因为公司项目入手，一次一次的迭代导致各种方法混乱，代码来源不清晰，冗余代码越来越多，特此记录。 mui的webview 先是最基础的创建一个新页面 mui.openWindow({ url: 'xxx.html', //String类型,要打开的界面的地址 id: 'id', //String类型,要打开的界面的id style
webapp mui & HTML5+ (二) 之 mui

webapp mui & HTML5+ (二) 之 mui mui不仅仅是前端ui框架，包括了ui，js操作，native封装。核心还是webview ,和phonegap或者自己编写的webview核心原理差不多。 mui是一个高性能的HTML5开发框架，从UI到效率，都在极力追求原生体验。本文只是介绍一下mui的基础以及使用场景，并不涉及具体代码，后续会单独介绍每一个api的具体代码实现；想
mui 怎么\去除\mui-active

在使用mui的过程中,list是比较常用的 ,今天刚好遇到了这样一个问题,tap时会有背景出现,也就是mui-active,按自己的理解,写了这样的css .mui-table-view-cell .mui-active{ background-color: #fff; } 然而并没有什么卵用,尝试各种方法未果,再去看了下官方文档 ,使用如下css代码可以成功 .mui-table-v
mui 弹框

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" type="text/css" href="css-js/mui.min.css"> </head> <body> <input type="tex
mui.plusReady()不执行？mui传参

需求：要在A界面中的卡头（头布局）和卡位（底部tab）中加载webView呈现内容，在webView界面中获取A界面头布局的title id和一个图片id ：代码如下： A界面中卡头，卡头布局（头布局）的代码： mui.init({ swipeBack: false, statusBarBackground: '#82D1C5', gestureConfig: { tap: true, }, s
mui开发app教程-前言

使用mui来开发移动端项目，已经三年多了。最近闲来无事，就想着把这块技术落地成文档。以教后来人。望能给大家带来实际的用处。加油。
mui常用方法

准备函数 //Mui准备函数 mui.ready(function(){ //执行方法体 }); //Html5+准备函数 mui.plusReady(function(){ //执行方法体 }) 重写mui和doncument <div id="a">点我</div> //这四种点击方法效果相同 (function($, doc){ /*mui("body").on("tap",
移动开发者MUI入门

在移动互联网开发的过程中。我们常常感觉手动编写HTML等页面实在是太麻烦。而且效果也不好。那么我们是否需要考虑使用一些前端的框架。本系列我们将讲解HTML5定稿后推出的一个前端开发框架。MUI框架！ HTML5开发者面临诸如浏览器切页白屏、转页动画较差、浮动元素抖动、无法流畅下拉刷新等问题，在Android低端机运行更是表现不足。另一方面，浏览器默认控件样式数量和样式较少，致使制作一个漂亮的控
MUI utils

init 创建子页面关闭页面手势事件配置预加载下拉刷新上拉加载设置系统状态栏背景颜色 mui.init({ //子页面 subpages: [{ //... }], //预加载 preloadPages:[ //... ], //下拉刷新、上拉加载 pullRefresh : { //...
二.MUI框架开始体验MUI

1、安装新版HBUilder 下载地址: http://www.dcloud.io/ 2、新建app项目文件—新建—移动app—项目名称+mui项目 3、真机调试及运行不管是iOS还是Android，不管是模拟器还是真机，都可以与HBuilder连接进行真机运行。以往开发App，需要改一个界面，然后打包，然后安装到手机上，然后进入那个界面，看看改对了没。没有的话循环这套动作，非常低效。
uniapp MUI 页面传参终极版

页面传参终极版分类：MUI 页面传值页面传参数是一种比较常见的业务需求，根据实现原理及适用环境可以分为两大类。在普通浏览器端常用的方法有如下几种： 1.利用URL传参在页面跳转的时候通过设置window.location.href添加参数，在接收参数的页面通过window.location.search获取参数字符串。发送参数的页面：复制代码window.location.href =
mui 小demo3

music.html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> <titl

FytApi.MUI

特点

配置示例代码

同类工具

相关阅读

相关文章

相关问答

相关文档