一、整合thymeleaf渲染首页

1.1. 引入依赖

1.2. 引入界面

在resources/static中放静态资源，在resources/template中放模板引擎，index和template模板都放到里面

1.3. 配置thymeleaf

关闭缓存
```
spring:thymeleaf:cache: false
```
配置文件目录前缀后缀

1.4. 新建web文件目录

新建web文件目录，将所有web相关controller都放到web目录下

将controller改为app

1.5. 总结

模板引擎

thymeleaf-starter：关闭缓存
静态资源都放在static文件夹下就可以按照路径直接访问
页面放在templates下，直接访问

SpringBoot，访问项目的时候，默认会找index
页面修改不重启服务器实时更新
- 引入dev-tools
- 修改完页面 controller shift f9重新自动编译下页面，代码配置，推荐重启

二、整合devtools渲染一级分类数据

2.1. 配置/和/index均可访问首页

@GetMapping({"/", "/index.html"})
public String indexPage(Model model) {System.out.println("" + Thread.currentThread().getId());//TODO 1、查出所有的1级分类List<CategoryEntity> categoryEntities = categoryService.getLevel1Categorys();// 视图解析器进行拼串：// classpath:/templates/ +返回值+  .htmlmodel.addAttribute("categorys", categoryEntities);return "index";
}

2.2. 配置页面修改不重启服务器实时更新

引入devtools
修改完页面，使用ctrl + shift + F9重新自动编译下页面即可。

代码配置的话，推荐重启

2.3. thymeleaf使用

2.3.1. 获取值

使用th:text绑定值

${category.name}

2.3.2. 绑定值

使用th:attr="属性=值"可以绑定值

th:attr="ctg-data=${category.catId}"

<a href="/static/#" class="header_main_left_a" th:attr="ctg-data=${category.catId}"><b th:text="${category.name}">家用电器</b></a>

每个a标签的值是category.name，同时有一个属性ctg-data为category.catId

三、渲染二级三级分类数据

编写获取二级、三级分类JSON接口

//index/catalog.json
@ResponseBody
@GetMapping("/index/catalog.json")
public Map<String, List<Catelog2Vo>> getCatalogJson() {Map<String, List<Catelog2Vo>> catalogJson = categoryService.getCatalogJson();return catalogJson;
}

谷粒商城：16.商城业务 — 首页相关推荐

给destoon商城的列表中和首页添加购物车功能
如何给destoon商城的列表中和首页添加购物车功能? 目前加入购物车的功能只存在商城的详细页面里,有时候我们需要批量购买的时候,希望在列表页就能够使用这个加入购物车的功能. 修改步骤见下: 例如在商 ...
HTML+CSS+JS期末大作业：时尚服装购物网站设计——时尚服装购物商城(16页) 关于时尚购物HTML网页设计-----服装
HTML5期末大作业:时尚服装购物网站设计--时尚服装购物商城(16页) 关于时尚购物HTML网页设计-----服装文章目录 HTML5期末大作业:时尚服装购物网站设计--时尚服装购物商城(16页) ...
c++如何让程序异常以后继续执行_微信商城小程序开发首页广告如何布局？c
小程序的开发使得商家变现微信流量越来越便利,因此各类小程序制作数量不断增加,特别是不少商家选择制作商城类小程序.而在进行小程序制作的时候,是需要布局相应广告来进行流量转化的,那么微信商城小程序开发首页 ...
HTML5期末大作业：时尚服装购物网站设计——时尚服装购物商城(16页) 关于时尚购物HTML网页设计-----服装
HTML5期末大作业:时尚服装购物网站设计--时尚服装购物商城(16页) 关于时尚购物HTML网页设计-----服装常见网页设计作业题材有个人. 美食. 公司. 学校. 旅游. 电商. 宠物. 电 ...
基于javaweb+JSP+Servlet在线商城购物商城服装商城(前台、后台)
基于javaweb+JSP+Servlet在线商城购物商城服装商城(前台.后台) 开发工具:eclipse/idea/myeclipse/sts等均可配置运行适用课程设计,大作业,毕业设计,项目练 ...
JAVA电商 B2B2C商城系统多用户商城系统直播带货新零售商城 o2o商城电子商务拼团商城分销商城
JAVA电商 B2B2C商城系统多用户商城系统直播带货新零售商城 o2o商城电子商务拼团商城分销商城 1. 鸿鹄Cloud架构清单 2. Commonservice(通用服务) 通用服务: ...
B2B2C多商户商城源码/分销商城/多用户商城系统/商家入驻商城系统
开源支持二开免授权B2B2C多商户商城源码 B2B2C多商户商城源码/分销商城/多用户商城系统/商家入驻商城系统框架Uni-APP框架开发 Uniapp小程序+Thinkphp6+Layui 统一后 ...
拍卖商城竞拍商城多店拍卖商城系统源码平台搭建
一.登录注册模块启动APP,打开APP显示:隐私协议:注册,手机号+验证码+密码. 登录: 1.密码登录:手机号+密码. 2.短信验证:手机号+验证码. 3.微信登录:获取微信授权. 4.游客模式: ...
基于javaweb+mysql的在线商城水果蔬菜商城果蔬商城(前台、后台)
基于javaweb+mysql的在线商城水果蔬菜商城果蔬商城(前台.后台) 运行环境 Java≥8.MySQL≥5.7 开发工具 eclipse/idea/myeclipse/sts等均可配置运行适 ...
免登录积分商城系统动力商城兑换商城源码
介绍: 免登录积分商城源码/动力商城/兑换商城系统之前互站买来的,看着还是很不错的,不需要注册登录的商城,东西完整.UI也挺漂亮,这相当于是个单商户的商城,然后带积分兑换模式的,主要是不用注册,不用 ...

谷粒商城：16.商城业务 — 首页