美文网首页SpringBoot之路SpringCloudSpringBoot相关
SwaggerUI/SwaggerCodegen(2)实现前后端

SwaggerUI/SwaggerCodegen(2)实现前后端

作者: 空乱木 | 来源:发表于2016-11-06 22:50 被阅读3078次

上一篇:http://bbs.springcloud.cn/d/106-swaggerui-swagger-codegen

【待整理。。。】

主要实现的功能

通过Swagger Codgen生成前端调用后端的接口

前端Springboot+Themeleaf

后端SpringBoot

打开SwaggerUI

踩过的坑

[使用Swagger-codgen必须指定返回值类型]

[@RequestMapping(value={""}, method=RequestMethod.GET,produces = "application/json")]

[root@192 ~]# cd record/

[root@192 record]# ls

swagger-ui-masterswagger-ui-master.zip

[root@192 record]# cd swagger-ui-master

[root@192 swagger-ui-master]# ls

bower.jsonCONTRIBUTING.mdDockerfileindex.jskarma.conf.jslibnginx.confREADME.mdtest

composer.jsondistgulpfile.jsISSUE_TEMPLATE.mdlangLICENSEpackage.jsonsrc

[root@192 swagger-ui-master]# docker build-t swagger-ui-builder .

Sending build context to Docker daemon5.178 MB

Step 1 : FROM alpine:3.3

---> 6c2aa2137d97

Step 2 : MAINTAINER Roman Tarnavski

---> Using cache

---> 9218e2df36d1

Step 3 : RUN apk add --update nginx

---> Using cache

---> 6bf063f1abc2

Step 4 : COPY nginx.conf /etc/nginx/

---> Using cache

---> 8c1cd4119ddc

Step 5 : ADD ./dist/ /usr/share/nginx/html

---> Using cache

---> ceda690de9c8

Step 6 : EXPOSE 8080

---> Using cache

---> fbd94214b1d9

Step 7 : CMD nginx -g 'daemon off;'

---> Using cache

---> 52e7dfd9b86f

Successfully built 52e7dfd9b86f

[root@192swagger-ui-master]# docker run -p 8080:8080 swagger-ui-builder

[root@192 ~]# docker ps

CONTAINER IDIMAGECOMMANDCREATEDSTATUSPORTSNAMES

35a884805a98swagger-ui-builder"/bin/sh -c 'nginx -g"41 seconds agoUp39 seconds0.0.0.0:8080->8080/tcpdrunk_sinoussi

[root@192 ~]#

2启动后端为服务项目

3使用swagger-codegen生成接口工程

4.打开工程把JDK的版本由1.7变成1.8

生成的接口工程

修改地址:

public classApiClient{

//private String basePath ="https://localhost:8081/v2";

privateStringbasePath="http://localhost:8081/v2";

进行测试

微服务工程

将生成的接口工程打包:

创建SpringbootThymeleaf项目

http://jvmhub.com/2015/07/19/spring-boot-with-thymeleaf-tutorial/?utm_source=tuicool&utm_medium=referral

https://github.com/jvmhub/Spring-Boot-with-Thymeleaf-tutorial

添加Jar

画面侧追加Mvn依赖


添加以下注解,否则报错

@Scope(ConfigurableBeanFactory.SCOPE_PROTOTYPE)

pom中添加以下依赖

测试结果

流程走通了,还有些问题待解决。。。。

项目地址:::https://github.com/syuukawa/SwaggerUIAndCodegen.git

Spring Cloud中国社区 470962790

相关文章

  • SwaggerUI/SwaggerCodegen(2)实现前后端

    上一篇:http://bbs.springcloud.cn/d/106-swaggerui-swagger-cod...

  • SwaggerUI实现接口文档

    一、添加依赖 是pom.xml中写的一个配置信息,可以用${swagger.version}引用该参数值二、创建一...

  • spring-boot 文件上传下载

    1.文件上传配置 2.前端写法 3.后端实现单文件上传 4.后端实现多文件上传 5.后端实现文件下载

  • 高效开发实践

    前端实现业务,后端处理数据。在现代框架实现前后端分离后,前后端的交互基本分为2种: 数据读取和数据写入。而前端由于...

  • 深入解析容器 夸网络通信

    flannel框架 提供容器网络功能的,是 Flannel 的后端实现后端支持三种网络实现1 UDP2 vxl...

  • Springboot+swagger2配置

    1.引入依赖 2.进行配置 3.进行测试 4.输入SwaggerUI地址 http://localhost:808...

  • 1、前后端搭建

    预备知识(备查):1)vue+servlet2 ) axios 目标 本章制作前后端分离的项目,前后端实现跨域访问...

  • vue+element ui 实现菜单无限极分类

    需后端返回数据结构如下: 后端实现方法可参考: 菜单栏数据递归实现 新建MenuBar.vue文件,实现获取后端数...

  • k8s-ingress

    1.定义ingress前,必须先部署ingress controller ,以实现为所有后端的service 提供...

  • SAAS-HRM-day12-1(短信验证码)

    1. 发送验证码1.1 前端实现1.2 后端实现1.2.1 步骤分析1.2.2 步骤实现 2. 注册 3. 加密加...

网友评论

  • 空乱木:生成的工程在Date转换时会有异常发生

本文标题:SwaggerUI/SwaggerCodegen(2)实现前后端

本文链接:https://www.haomeiwen.com/subject/mdhduttx.html