SpringCloudAlibaba云商场-架构学习和环境准备（二）

携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第2天，点击查看活动详情

1、掌握云电商架构设计

1.1前后端分离

现在国内主流的开发模式主要是前后端分离，这种做的好处是提升了开发效率、降低了沟通效率，前后端开发工程师只需要关注自己前端或者后端的开发就可以了，避免了很多时候分工不明确、责任不清晰等。

接下来简单介绍一下Swagger的使用

编写Swagger接口，可以用Swagger Editor，地址：editor.swagger.io/

接口编写好后，可以导出到本地，用swagger-ui展示，下载地址：swagger.io/tools/swagg…

需要下载安装swagger-ui

安装好后，执行如下命令启动swagger-ui

hs -p 500

启动后，访问swagger-ui地址

http://127.0.0.1:500/dist/index.html

Swagger代码生成器

因为我们实际开发中有很多功能基本上都是增删改查，所以我这边将增删改查的通用Swagger API生成后，直接在这个基础上开发就可以了。

这个章节先讲一下如何使用吧，下一章节主要带大家看一下这个生成器是怎么实现的。

如何使用呢？

application.properties的配置如下：

#swagger的路径，相对当前项目的路径
swaggerpath=com.xiaozhong.swaggerui#响应封装对象名字，默认为RespResult
#respbean=RespResult
#多条件搜索路径，默认：/search
#search=/find
#多条件搜索+分页，默认：/search/{page}/{size}   {size}表示路径参数
#pagesearch=/find/{page}/{size}
#生成的文件名字，默认swagger.json
filename=goods.json
#数据源配置
url=jdbc:mysql://127.0.0.1:3306/shop_goods
uname=root
pwd=123456
driver=com.mysql.jdbc.Driver

生成后，将json文件拷贝到swagger-ui-master\json中，并在swagger-ui-master\dist\index.html中添加该项目选项，代码如下：

<div id="cxzj">
	所有项目:
	<select onchange="change(this.value)" id="pj">
		<option value="http://127.0.0.1:500/json/goods.json">商品服务</option>
		<option value="http://127.0.0.1:500/json/order.json">订单服务</option>
		<option value="http://127.0.0.1:500/json/user.json">用户服务</option>
		<option value="http://127.0.0.1:500/json/seckill.json">秒杀服务</option>
	</select>
</div>

再重新刷新swaggerui，就可看到效果。

总结：本篇文章是讲了当前主流的开发模式，前后端分离，也讲到了swagger的使用，还有swagger代码生成器的使用。下一篇主要讲一下swagger代码生成器是怎么实现的。