商品管理页面restful风格1.productController.java接口更改添加商品POST /api/admin/product/addPUT /api/products/{id}删除商品DELETE /api/admin/product/deleteDELETE /api/products/{id}更新商品PUT /api/admin/product/updatePUT /api/products/{id}2.productDao.java新增findById(Integer id)方法// 根据ID查询单个商品 public Product findById(Integer productId) { String sql SELECT * FROM products WHERE product_id ?; try { return jdbcTemplate.queryForObject(sql, new ProductRowMapper(), productId); } catch (Exception e) { return null; } }3.修改前端调用接口function loadProducts() { const tbody document.getElementById(productTableBody); tbody.innerHTML trtd colspan7 classempty-text加载中.../td/tr; fetch(/api/products) // 改为 /api/products .then(r r.json()) .then(json { // ... 其余代码不变 }); } function saveProductEdit() { // ... 获取数据代码不变 fetch(/api/products/ productId, { // 改为 /api/products/{id} method: PUT, headers: { Content-Type: application/json }, body: JSON.stringify(data) }) // ... 其余代码不变 } function deleteProduct(productId) { if (!confirm(⚠️ 确定要删除该商品吗此操作不可恢复)) return; fetch(/api/products/ productId, { // 改为 /api/products/{id} method: DELETE }) // ... 其余代码不变 } function saveAddProduct() { // ... 获取数据代码不变 fetch(/api/products, { // 改为 /api/products method: POST, headers: { Content-Type: application/json }, body: JSON.stringify(data) }) // ... 其余代码不变 }4.删除AdminController.java中重复的接口因为商品管理的 CRUD 现在都在ProductController中了所以删除AdminController.java中的以下方法getProducts()商品列表updateProduct()更新商品deleteProduct()删除商品addProduct()添加商品