- Python (Flask 后端示例)szchuantian.com
python
from flask import Flask, request, jsonify
app = Flask(name)
假设这里有一个数据库操作来获取商品列表
def get_products_from_db():
# 数据库操作…
return [{“id”: 1, “name”: “商品1”, “price”: 100}, …]
@app.route(‘/products’, methods=[‘GET’])
def get_products():
products = get_products_from_db()
return jsonify(products), 200
if name == ‘main’:
app.run(debug=True)
2. JavaScript (Node.js 和 Express 后端示例)
javascript
const express = require(‘express’);
const app = express();
// 假设这里有一个数据库操作来获取商品列表
function getProductsFromDB() {
// 数据库操作…
return [{id: 1, name: ‘商品1’, price: 100}, …];
}
app.get(‘/products’, (req, res) => {
const products = getProductsFromDB();
res.json(products);
});
app.listen(3000, () => console.log(‘Server started on port 3000’));
3. Java (Spring Boot 后端示例)
(注意:这里只是一个Controller的片段,你需要一个完整的Spring Boot项目来运行它)
java
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.RestController;
import java.util.Arrays;
import java.util.List;
@RestController
public class ProductController {
// 假设这里有一个服务层来调用数据库
public List<Product> getProductsFromService() {
// 服务层调用...
return Arrays.asList(new Product(1, "商品1", 100), ...);
}
@GetMapping("/products")
public List<Product> getProducts() {
return getProductsFromService();
}
}
4. 前端 (HTML/CSS/JavaScript 示例,使用Ajax调用后端API)
html
- Python (Flask 后端示例)
python
from flask import Flask, request, jsonify
app = Flask(name)
假设这里有一个数据库操作来获取商品列表
def get_products_from_db():
# 数据库操作…
return [{“id”: 1, “name”: “商品1”, “price”: 100}, …]
@app.route(‘/products’, methods=[‘GET’])
def get_products():
products = get_products_from_db()
return jsonify(products), 200
if name == ‘main’:
app.run(debug=True)
2. JavaScript (Node.js 和 Express 后端示例)
javascript
const express = require(‘express’);
const app = express();
// 假设这里有一个数据库操作来获取商品列表
function getProductsFromDB() {
// 数据库操作…
return [{id: 1, name: ‘商品1’, price: 100}, …];
}
app.get(‘/products’, (req, res) => {
const products = getProductsFromDB();
res.json(products);
});
app.listen(3000, () => console.log(‘Server started on port 3000’));
3. Java (Spring Boot 后端示例)
(注意:这里只是一个Controller的片段,你需要一个完整的Spring Boot项目来运行它)
java
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.RestController;
import java.util.Arrays;
import java.util.List;
@RestController
public class ProductController {
// 假设这里有一个服务层来调用数据库
public List<Product> getProductsFromService() {
// 服务层调用...
return Arrays.asList(new Product(1, "商品1", 100), ...);
}
@GetMapping("/products")
public List<Product> getProducts() {
return getProductsFromService();
}
}
4. 前端 (HTML/CSS/JavaScript 示例,使用Ajax调用后端API)
html