P148 nginx动静分离

1. 商城系统首页1.1整合 thymeleaf 渲染首页不在使用前后端分离使用thymeleaf。nginx通过反向代理将数据转发到网关网关在路由到各个服务。页面放在服务中静态资源js/css/img可以放到nginx中做到动静分离。在gulimall-product模块引入thymeleaf依赖dependency groupIdorg.springframework.boot/groupId artifactIdspring-boot-starter-thymeleaf/artifactId /dependency注意事项1. html\首页资源\index放到gulimall-product下的static文件夹index.html放在templates下。2. 修改gulimall-product的application.yml关闭thymeleaf缓存便于开发实时看到更新thymeleaf:cache: false3. 将gulimall-product的包名controller改为app表示用于手机端或app端添加web包用来存储thymeleaf相关的controller。4. 重启gulimall-product访问http://localhost:10000可以看到商城首页效果图。静态资源也是可以访问的http://localhost:10000/index/css/GL.css1.2 首页-整合dev-tools渲染一级分类数据/** * author W * createDate 2023/5/18 17:19 * description 商城系统首页 */ Controller public class IndexController { Resource private CategoryService categoryService; GetMapping({/,/index.html}) public String indexPage(Model model){ // 返回三级分类所有的一级分类 ListCategoryEntity categoryEntities categoryService.getLevelOneCategory(); model.addAttribute(categorys,categoryEntities); // 视图解析器进行拼串 // classpath:/templates/返回值.html return index; } }public interface CategoryService extends IServiceCategoryEntity { ... ListCategoryEntity getLevelOneCategory(); }Service(categoryService) public class CategoryServiceImpl extends ServiceImplCategoryDao, CategoryEntity implements CategoryService { Resource private CategoryBrandRelationService categoryBrandRelationService; ... /** * 查询一级分类 * parent_cid0或者cat_level1 * return */ Override public ListCategoryEntity getLevelOneCategory() { // ListCategoryEntity categoryEntities this.baseMapper.selectList(new QueryWrapperCategoryEntity().eq(parent_cid, 0)); return categoryEntities; } }注意事项1. 首页使用thymeleaf在index中添加thymeleaf的名声空间在html标间上加入xmlns:thhttp://www.thymeleaf.orghtml langen xmlns:thhttp://www.thymeleaf.org2. 页面修改不重启服务器实时更新1在gulimall-product中引入dev-toolsdependencygroupIdorg.springframework.boot/groupIdartifactIdspring-boot-devtools/artifactIdoptionaltrue/optional/dependency2修改页面如果刷新不起作用可以对index.html重新编译按ctrlshiftf9前提是要关闭thymeleaf的缓存不然也看不到首页修改效果。3. 遍历IndexController 传过来的categorys循环遍历展示一级数据。ul!--/*thymesVar idcategorys typecom*/--lith:eachcategory : ${categorys}a href# classheader_main_left_a ctg-data3th:attrctg-data${category.catId}bth:text${category.name}家用电器/b/a/li/ul1.3 首页-渲染二级三级分类数据根据static/index/json/catalog.json数据结构创建相应的实体类Catelog2Vo/** * author W * createDate 2023/5/19 * description 根据商城系统首页所需数据类型封装二级实体类 */ NoArgsConstructor AllArgsConstructor Data public class Catelog2Vo { private String catalog1Id; // 父级id一级分类id private ListObject catalog3List; // 三级子分类 private String id; private String name; /** * 三级分类实体 * 以内部类的形式 */ NoArgsConstructor AllArgsConstructor Data public static class Catelog3Vo{ private String catalog2Id; // 父级id二级分类id private String id; private String name; } }获取二级三级分类的数据Controller public class IndexController { Resource private CategoryService categoryService; ... // index/catalog.json ResponseBody GetMapping(/index/catalog.json) public MapString, ListCatelog2Vo getCatalogJson(){ MapString, ListCatelog2Vo catalogJson categoryService.getCatalogJson(); return catalogJson; } }public interface CategoryService extends IServiceCategoryEntity { ... MapString, ListCatelog2Vo getCatalogJson(); }Service(categoryService) public class CategoryServiceImpl extends ServiceImplCategoryDao, CategoryEntity implements CategoryService { Resource private CategoryBrandRelationService categoryBrandRelationService; ... Override public MapString, ListCatelog2Vo getCatalogJson() { // 查出所有的一级分类 ListCategoryEntity level1Category getLevel1Category(); // 封装数据 MapString, ListCatelog2Vo collect level1Category.stream().collect(Collectors.toMap(k - k.getCatId().toString(), v - { // 1. 查询一级分类下的所有二级分类 ListCategoryEntity categoryEntities this.baseMapper.selectList(new QueryWrapperCategoryEntity().eq(parent_cid, v.getCatId())); ListCatelog2Vo level2Category null; if (categoryEntities ! null categoryEntities.size() 0) { level2Category categoryEntities.stream().map(l2 - { Catelog2Vo catelog2Vo new Catelog2Vo(v.getCatId().toString(), null, l2.getCatId().toString(), l2.getName()); // 2. 找二级分类下的所有三级分类 ListCategoryEntity level3Category this.baseMapper.selectList(new QueryWrapperCategoryEntity().eq(parent_cid, l2.getCatId())); if (level3Category ! null level3Category.size() 0) { ListCatelog2Vo.Catelog3Vo catelog3Vos level3Category.stream().map(l3 - { // 封装成指定格式 Catelog2Vo.Catelog3Vo catelog3Vo new Catelog2Vo.Catelog3Vo(l2.getCatId().toString(), l3.getCatId().toString(), l3.getName()); return catelog3Vo; }).collect(Collectors.toList()); catelog2Vo.setCatalog3List(catelog3Vos); } return catelog2Vo; }).collect(Collectors.toList()); } return level2Category; })); return collect; } }2 性能测试2.1性能指标响应时间Response Time: RT: 响应时间指用户从客户端发起一个请求开始 到客户端接收到从服务器端返回的响应结束 整个过程所耗费的时间。HPSHits Per Second 每秒点击次数 单位是次/秒。TPSTransaction per Second 系统每秒处理交易数 单位是笔/秒。QPSQuery per Second 系统每秒处理查询次数 单位是次/秒。最大响应时间Max Response Time 指用户发出请求或者指令到系统做出反应响应的最大时间。最少响应时间Mininum ResponseTime 指用户发出请求或者指令到系统做出反应响应 的最少时间。90%响应时间90% Response Time 是指所有用户的响应时间进行排序 第 90%的响应时间。从外部看 性能测试主要关注如下三个指标吞吐量 每秒钟系统能够处理的请求数、 任务数。吞吐量大并发量大响应时间 服务处理一个请求或一个任务的耗时。响应时间越短接口性能就越好错误率 一批请求中结果出错的请求所占比例。结论 中间件越多性能损失越大大多都损失在网络交互了。3. nginx动静分离为什么动静分离静态资源放到服务端后台不但要处理动态请求还要处理静态请求静态请求耗费了大量后台资源后台大部分性能都用于处理静态资源。为了降低服务器压力可以将js、css、img等静态资源放到nginx静态资源直接由nginx返回后台只处理动态请求。1在nginx的对应映射/mydata/nginx/html文件夹下创建子文件夹 static 并且将 resources\static\index 文件夹上传到 static 中2删除 gulimall-product 中的 resources\static\index3修改index.html的静态资源路径加上static前缀src/static/index/img/img_09.png包括href4修改nginx配置文件 /mydata/nginx/conf/conf.d/gulimall.conf如果遇到有/static为前缀的请求转发至html文件夹vim /mydata/nginx/conf/conf.d/gulimall.conf5重启nginx容器并重启gulimall-product测试