- Python (使用 Flask 框架)fengbaoshun.com
后端
python
from flask import Flask, request, jsonify
app = Flask(name)
假设的商品数据
products = [
{“id”: 1, “name”: “苹果”, “price”: 10.0, “quantity”: 50},
{“id”: 2, “name”: “香蕉”, “price”: 2.0, “quantity”: 100},
]
@app.route(‘/products’, methods=[‘GET’])
def get_products():
return jsonify(products)
更多路由和逻辑可以添加在这里,如购买商品、更新库存等
if name == ‘main’:
app.run(debug=True)
前端 (简单使用HTML和JavaScript调用API)
html
商品列表
<script>
$(document).ready(function() {
$.getJSON('/products', function(data) {
var list = $('#product-list');
$.each(data, function(index, product) {
list.append('<li>' + product.name + ' - $' + product.price + '</li>');
});
});
});
</script>
2. JavaScript (Node.js + Express) 后端
javascript
const express = require(‘express’);
const app = express();
const port = 3000;
let products = [
{id: 1, name: ‘苹果’, price: 10.0, quantity: 50},
{id: 2, name: ‘香蕉’, price: 2.0, quantity: 100}
];
app.get(‘/products’, (req, res) => {
res.json(products);
});
app.listen(port, () => {
console.log(Server running on port ${port}
);
});
前端 (与上面的 HTML/JavaScript 示例相同,因为前端代码不依赖于后端技术栈)
- Java (Spring Boot)
后端 (只展示Controller部分)
java
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.RestController;
import java.util.Arrays;
import java.util.List;
import java.util.Map;
@RestController
public class ProductController {
@GetMapping("/products")
public List<Map<String, Object>> getProducts() {
return Arrays.asList(
Map.of("id", 1, "name", "苹果", "price", 10.0, "quantity", 50),
Map.of("id", 2, "name", "香蕉", "price", 2.0, "quantity", 100)
);
}
}
注意事项
实际应用中,你会需要数据库来持久化商品数据。
安全性(如用户认证、数据加密)和性能优化(如缓存、负载均衡)也是重要考虑因素。
前端通常会使用更复杂的框架(如React, Vue, Angular)来构建动态和响应式的用户界面。
购物商城通常还涉及支付网关集成、订单处理、物流跟踪等复杂功能。由于直接在一个回答中提供完整的、多语言实现的购物商城代码是不切实际的(这涉及大量代码和复杂逻辑),我将为你概述如何使用几种流行的编程语言来启动一个基本的购物商城项目的框架和关键组件。
- Python (使用 Flask 框架)
后端
python
from flask import Flask, request, jsonify
app = Flask(name)
假设的商品数据
products = [
{“id”: 1, “name”: “苹果”, “price”: 10.0, “quantity”: 50},
{“id”: 2, “name”: “香蕉”, “price”: 2.0, “quantity”: 100},
]
@app.route(‘/products’, methods=[‘GET’])
def get_products():
return jsonify(products)
更多路由和逻辑可以添加在这里,如购买商品、更新库存等
if name == ‘main’:
app.run(debug=True)
前端 (简单使用HTML和JavaScript调用API)
html
商品列表
<script>
$(document).ready(function() {
$.getJSON('/products', function(data) {
var list = $('#product-list');
$.each(data, function(index, product) {
list.append('<li>' + product.name + ' - $' + product.price + '</li>');
});
});
});
</script>
2. JavaScript (Node.js + Express) 后端
javascript
const express = require(‘express’);
const app = express();
const port = 3000;
let products = [
{id: 1, name: ‘苹果’, price: 10.0, quantity: 50},
{id: 2, name: ‘香蕉’, price: 2.0, quantity: 100}
];
app.get(‘/products’, (req, res) => {
res.json(products);
});
app.listen(port, () => {
console.log(Server running on port ${port}
);
});
前端 (与上面的 HTML/JavaScript 示例相同,因为前端代码不依赖于后端技术栈)
- Java (Spring Boot)
后端 (只展示Controller部分)
java
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.RestController;
import java.util.Arrays;
import java.util.List;
import java.util.Map;
@RestController
public class ProductController {
@GetMapping("/products")
public List<Map<String, Object>> getProducts() {
return Arrays.asList(
Map.of("id", 1, "name", "苹果", "price", 10.0, "quantity", 50),
Map.of("id", 2, "name", "香蕉", "price", 2.0, "quantity", 100)
);
}
}
注意事项
实际应用中,你会需要数据库来持久化商品数据。
安全性(如用户认证、数据加密)和性能优化(如缓存、负载均衡)也是重要考虑因素。
前端通常会使用更复杂的框架(如React, Vue, Angular)来构建动态和响应式的用户界面。
购物商城通常还涉及支付网关集成、订单处理、物流跟踪等复杂功能。