第一部分:原理 (1)根据当前屏幕尺寸与开发预设屏幕尺寸尺寸得出以下参数. 1 XRatio:当前屏幕尺寸与开发尺寸的X轴比例 2 YRtaio:当前屏幕尺寸与开发尺寸的Y轴比例 3minRatio: XRatio与YRtaio中的较小值. (2)之后,在UIManager里创建UI预制体时,根据预制体下添加的UISetReso_Attach脚本.调用SetResolution.Instance.SetAResolution适配. 第二部分:组件适配类型 UI组件需要添加UISetReso_At…

Web 前端 UI 组件库文档自动化方案 All In One 需求 自动化 动态 好用 markdown element-ui 中示例和说明按照一定规则写在md文件中,调用md-loader将md文件转成相应的页面,组件库维护者,只需要书写md文件即可自动地生成对应的文档页面. MMP, 一个简单的文档,添加了好多脚本,看的太累了,没有耐心了! Storybook https://storybook.js.org/ https://github.com/storybookjs/storyboo…

ASP.NET Web API 使用Swagger生成在线帮助测试文档 Swagger 生成 ASP.NET Web API 前言 swagger ui是一个API在线文档生成和测试的利器,目前发现最好用的. 为什么好用?Demo 传送门 支持API自动生成同步的在线文档 这些文档可用于项目内部API审核 方便测试人员了解API 这些文档可作为客户产品文档的一部分进行发布 支持API规范生成代码,生成的客户端和服务器端骨架代码可以加速开发和测试速度 总结一句话就是好用,逼格高.下面我将总结一下如…

目录 参考资料 1. 在线文档(临时) 2. 本地部署 参考资料 https://git.weixin.qq.com/minitest/minium-doc 1. 在线文档(临时) 其实上面的链接里面也给出了文档的安装说明 个人用服务器部署了一个,如果不想本地部署的,欢迎使用http://49.232.203.244:3000/#/minium/Python/readme PS:该服务器2年后就会到期哈~ 2. 本地部署 前置条件:node + cnpm 克隆文档:git clone https…

为了实现组件效果预览及代码展示可折叠功能,使用了插件vuepress-plugin-demo-container 相关配置可参考官网说明文档 第一步 安装插件 npm i - D vuepress-plugin-demo-container 第二步 配置插件 在config.js 文件夹里(.vupress目录下)配置插件 module.exports = { plugins: ['demo-container'] } 第三步 创建components目录,新建md文件,用于展示组件 第四步 在…

注:采用ES6+JSX语法 1.开始一个项目 在React中使用Onsen UI 需要首先安装onsenui和react-onsenui模块. 可以使用monaca CLI工具包快速初始化一个应用: $ npm install -g monaca # Install Monaca CLI - Onsen UI toolkit $ monaca create helloworld # Choose React template $ cd helloworld; monaca preview # R…

vivo 互联网客户端团队- Xu Jie 日益新增的机型,给开发人员带来了很多的适配工作.代码能不能统一.apk能不能统一.物料如何选取.样式怎么展示等等都是困扰开发人员的问题,本方案就是介绍不同机型的共线方案,打消开发人员的疑虑. 一.日益纷繁的机型带来的挑战 1.1 背景 科技是进步的,人们对美的要求也是逐渐提升的,所以才有了现在市面上形形色色的机型 (1)比如vivo X60手机采用纤薄曲面屏设计,属于直板机型. (2)比如vivo 折叠屏高端手机,提供更优质的视觉体验,属于折叠屏机型.…

想在swagger ui的yaml文档里面写一个文件上传的接口,找了半天不知道怎么写,终于搜到了,如下: /tools/upload: post: tags: - "tool" summary: "文件上传.图片上传" operationId: "upload" consumes: - multipart/form-data parameters: - name: file in: formData type: file responses: 2…

 前言 swagger是一个api文档自动生动工具,还集成了在线调试. 可以为项目自动生成接口文档, 非常的方便快捷 Swashbuckle.AspNetCore 是一个开源项目,用于生成 ASP.NET Core Web API 的 Swagger 文档. 本文采用这个! 一. 利用nuget添加引用 washbuckle.AspNetCore 二. 在 Startup.cs 里面注册服务,添加中间件 添加引用 using Swashbuckle.AspNetCore.Swagger; 注册服…

使用springfox+swagger2书写API文档 springfox是通过注解的形式自动生成API文档,利用它,可以很方便的书写restful API,swagger主要用于展示springfox生成的API文档,笔者将主要介绍springfox的配置与使用,文中spring版本为4.2.6.RELEASE,springfox版本为2.6.1,使用Maven进行项目依赖管理. Maven依赖配置 下面是Maven pom.xml配置信息 <properties> <springfo…

目录 前言 Swagger NuGet引用第三方类库 别急,还有 没错,注释 小结 前言 前后分离的好处,就是后端埋头做业务逻辑功能,不需要过多考虑用户体验,只专注于数据.性能开发,对于前端需要的数据可以通过组Json或者其他方式回调,但是前后两端需要确定好接口Api的规范,并且前端如果需要查看接口的相关信息,就需要文档的支撑了.那么问题来了,后端在开发过程中每次改动接口,都需要改动文档,累不累. Swagger Swagger作为一个在线文档,通过后端的接口控制器生成一套Json串数据,实时展…

参考地址,官网:https://docs.microsoft.com/zh-cn/aspnet/core/tutorials/getting-started-with-swashbuckle?view=aspnetcore-2.2&tabs=visual-studio 与https://www.jianshu.com/p/349e130e40d5 当一个WebApi完成之后,书写API文档是一件非常头疼的事,因为不仅要写得清楚,能让调用接口的人看懂,又是非常耗时耗力的一件事.在之前的一篇随笔中(…

参考文档来源:https://www.cnblogs.com/yilezhu/p/9241261.html 官方地址 https://swagger.io/ 代码即接口文档,接口文档即代码 使用.net core 作为demo展示 swagger的使用 新建一个 asp.net core web 应用程序 nuget  Swashbuckle  引入相关dll 在 Startup.cs 文件里引入相关dll using Swashbuckle.AspNetCore.Swagger; public…

目前,大多数公司都采用了前后端分离的开发模式,为了解决前后端人员的沟通问题,后端人员在开发接口的时候会选择使用swagger2来生成对应的接口文档,swagger2提供了强大的页面调试功能,这样可以有效解决前后端人员沟通难的问题. 下面我们使用SpringBoot结合swagger2生成Restful API文档. 一 搭建项目,引入依赖 新建一个spring-boot-swaager的项目,引入swaager2的依赖,由于swagger2的ui不是很美观,这里将使用开源的swagger-boo…

随着"互联网+"的发展,各行各业纷纷"去纸化",商务合同.会议纪要.组织公文.商品图片.培训视频.学习课件.随堂讲义等电子文档无处不在.而要查看文档一般需要先下载,但动辄几十上百兆的文档下载费时,如果不下载,大部分软件的预览兼容性差,和原文档内容相差甚远.若是同时查看多种不同格式的文档,还要先下载对应的阅读器,再频繁更换阅读器进行文档阅读,影响用户使用和工作进度. 如果有一款产品,可以同时支持多种类型文档以图片或html格式进行预览,打破文档格式壁垒,是不是可以有效…

这周因为公司的需求需要我做一个Api的程序,这周的三天时间我一直在Core Api和 framework Api之间做纠结.不知道要使用哪一个去做项目,想着想着就决定了.既然两个我都没用过那个何不来使用Core Api来做呢.也是对自己的一种锻炼! OK,接下来回归正题! Core下的Swagger和传统framework  Mvc下的Swagger是不一样的!  两者的差距:       其一:引用的程序集不一样.          其二:安装完程序集后需要配置的地方不一样,        …

做了个显示图片的单文档程序. qt 单文档程序关闭时在delete ui处出现segmentation fault. 调试发现调用两次mainwindow析构函数. http://blog.csdn.net/cc_amyh/article/details/8020962 描述的 由于不是MainWindow  *w = new MainWindow 而构造函数中增加:setAttribute(Qt::WA_DeleteOnClose)会产生异常.…

WebApi写好之后,在线帮助文档以及能够在线调试的工具是专业化的表现,而Swagger毫无疑问是做Docs的最佳工具,自动生成每个Controller的接口说明,自动将参数解析成json,并且能够在线调试. 那么要讲Swagger应用到Asp.net Core中需要哪些步骤,填多少坑呢? 安装Swagger到项目 { "dependencies": { "Swashbuckle": "6.0.0-beta902", ........ 或者直接通…

Download Bitnami Review Board Stack click here WeUI首页.文档和下载 - 专为微信设计的 UI 库 - 开源中国社区…

swagger ui 是一个在线文档生成和测试的利器,目前发现最好用的.为啥好用呢?打开 demo,支持API自动生成同步的在线文档些文档可用于项目内部API审核方便测试人员了解 API这些文档可作为客户产品文档的一部分进行发布支持API规范生成代码,生成的客户端和服务器端骨架代码可以加速开发和测试速度  下面就将总结一下如何快速在本地搭建一个基于 Node和Swagger UI的文档工具环境搭建:1 . 下载 Swaggerr UI (也可以直接下载 zip文件) git clone http…

厨娘ui设计文档 一.概述 中国的饮食文化从古到今源远流长.在生活日益丰富的今天,人们对饮食的要求不仅仅是温饱,更讲究健康和美味.近年来,饮食甚至成为娱乐的一部分,关于吃的流行用语层出不穷,可见在当今社会,饮食文化成了必不可少的一部分,多少人以吃货自居,渴望有朝一日能尝尽人间美味佳肴.但生活质量的日益提高并没有伴随着大多数人的健康理念和健康知识的同步提高,这主要是大多数人没有途径去了解更多的饮食知识和文化.因此,我们的团队希望开发一款以饮食社区为主题的APP,为“吃货”们提供饮食交流的平台. 二…

Docz 用 MDX 写 React UI 组件文档 前言 为了提升开发效率,创建一套 UI 组件库是一种较为有效的方式之一:可以减少重复工作.提高可复用,所以现在越来越多团队开始创建自己的 UI 组件库.较早的 Twitter 的 Bootstrap 虽然只能称为 UI 库,但也大大提升了开发效率.后面 MVVM 大行其道 ,前端终于可以把 HTML.CSS.JS 放在一起开发包含 UI .交互真正意义上的组件了,现在有基于 React 的 Material-UI.国内阿里金服基于 React…

之前就写到.最近正在使用webapi.这里介绍一个实用的东西swageer ui现在开发都是前后端分开.我们这里是给前端提供api.有时候对于一个api的描述,并不想专门写一份文档.很浪费时间.swagger ui就是一个能整合到项目中让api的注释能够生成到一个网页上.能简单测试和给前端看.开怼吧. Step.1 Nuget安装 打开你的Nuget console,Install-Package Swashbuckle(要选择哪个项目) ps.其实第一步安装完了,你什么不用做.运行起来,网址进…

http://www.cnblogs.com/smallteeth/p/6901610.html npm 安装 推荐使用 npm 的方式安装,它能更好地和 webpack 打包工具配合使用. npm i mint-ui -S CDN 目前可以通过 unpkg.com/mint-ui 获取到最新版本的资源,在页面上引入 js 和 css 文件即可开始使用. <!-- 引入样式 --><link rel="stylesheet" href="https://un…

ylbtech-DCloud-MUI:文档 UI组件 1.返回顶部 1.accordion(折叠面板) 折叠面板从二级列表中演化而来,dom结构和二级列表类似,如下: <ul class="mui-table-view"> <li class="mui-table-view-cell mui-collapse"> <a class="mui-navigate-right" href="#">…

Mint UI文档:http://elemefe.github.io/mint-ui/#/ 一.Mint UI的安装和基本用法. 1.NPM :npm i mint-ui -S 建议使用npm进行安装,因为它可以与webpack无缝协作. 2.CDN:从unpkg.com/mint-ui获取最新版本,并在您的页面中导入JavaScript和CSS文件 <!-- import CSS --> <link rel="stylesheet" href="https…

代码:GitHub swagger ui在我们的.NET CORE和.NET Framework中的展现形式是不一样的,如果有了解的,在.NET CORE中的是比.NET Framework好的.两张图对比下 .NET Framework中自带的就是这个,样式一般 .NET CORE中: 一对比core中的明显好看,本篇教你怎么在Framework 环境中搭建下面的样式,先看看效果,下面就是在Framework 环境搭建的效果: 环境:Owin owin了解:https://www.cnblog…

npm 安装 推荐使用 npm 的方式安装,它能更好地和 webpack 打包工具配合使用. npm i mint-ui -S CDN 目前可以通过 unpkg.com/mint-ui 获取到最新版本的资源,在页面上引入 js 和 css 文件即可开始使用. <!-- 引入样式 --><linkrel="stylesheet"href="https://unpkg.com/mint-ui/lib/style.css"><!-- 引入组件…

Swagger大家都不陌生,Swagger (OpenAPI) 是一个与编程语言无关的接口规范,用于描述项目中的 REST API.它的出现主要是节约了开发人员编写接口文档的时间,可以根据项目中的注释生成对应的可视化接口文档. OpenAPI 规范 (openapi.json) OpenAPI 规范是描述 API 功能的文档.该文档基于控制器和模型中的 XML和属性注释.它是 OpenAPI 流的核心部分,用于驱动诸如 SwaggerUI 之类的工具. .NET 平台下的两个主要实现Swagge…

http://gijgo.com   gijgo组件 特点:简易.文档全-虽然是英文的但是清晰易懂可读性强.含示例代码(后端直接用原生.Net C# MVC的哦!非常合.Net开发胃口),网站网速快,前后端通过js.json实现分离交互. 依赖项:jquery,bootstrap3或4, Material Design and Font Awesome. 1.tree组件 demo:http://gijgo.com/tree/demos/bootstrap-treeview-checkbox 2…