- Python (使用Flask框架)cy2.cn
python
from flask import Flask, render_template, request
app = Flask(name)
假设的产品列表
products = [
{“id”: 1, “name”: “Product 1”, “price”: 100},
{“id”: 2, “name”: “Product 2”, “price”: 200},
# … 更多产品
]
@app.route(‘/’)
def home():
return render_template(‘home.html’, products=products)
这里只是示例,实际中你需要处理表单提交、验证等
@app.route(‘/add_to_cart’, methods=[‘POST’])
def add_to_cart():
product_id = request.form.get(‘product_id’)
# 这里只是打印,实际上你需要将产品添加到购物车(可能是数据库或session)
print(f"Adding product {product_id} to cart.")
return “Product added to cart!”
if name == ‘main’:
app.run(debug=True)
2. JavaScript (使用Node.js和Express框架)
javascript
const express = require(‘express’);
const app = express();
const path = require(‘path’);
// 假设的产品列表
let products = [
{id: 1, name: ‘Product 1’, price: 100},
{id: 2, name: ‘Product 2’, price: 200},
// … 更多产品
];
app.set(‘views’, path.join(__dirname, ‘views’));
app.set(‘view engine’, ‘pug’); // 假设使用Pug模板引擎
app.get(‘/’, (req, res) => {
res.render(‘index’, {products: products});
});
app.post(‘/add_to_cart’, (req, res) => {
const productId = req.body.product_id;
console.log(Adding product ${productId} to cart.
);
// 这里只是打印,实际上你需要处理购物车逻辑
res.send(‘Product added to cart!’);
});
app.listen(3000, () => console.log(‘Server started on port 3000’));
3. Java (使用Spring Boot)
由于Java和Spring Boot的示例相对较长且需要多个文件,我将只提供一个非常简化的控制器示例。
ProductController.java
java
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.*;
import java.util.Arrays;
import java.util.List;
@Controller
public class ProductController {
// 假设的产品列表(实际中应从数据库获取)
private List<Product> products = Arrays.asList(
new Product(1, "Product 1", 100),
new Product(2, "Product 2", 200)
// ... 更多产品
);
@GetMapping("/")
public String home(Model model) {
model.addAttribute("products", products);
return "home"; // 假设有一个名为"home"的Thymeleaf模板
}
@PostMapping("/add_to_cart")
public String addToCart(@RequestParam("product_id") int productId, Model model) {
// 这里只是打印,实际上你需要处理购物车逻辑
System.out.println("Adding product " + productId + " to cart.");
// 可能需要重定向到购物车页面或保持在当前页面并显示消息
return "redirect:/"; // 重定向到首页作为示例
}
// Product类和其他必要的配置(如Spring Boot启动类、Thymeleaf配置等)在此省略
}
这些示例都非常基础,并且仅用于展示如何在不同语言中设置基本的购物商城结构。在实际开发中,你需要考虑更多的因素,如安全性、性能、用户体验等,并可能需要使用数据库、用户认证、支付集成等更复杂的功能。由于“多种电脑语言”是一个相当宽泛的请求,我将为你提供三种常见编程语言(Python、JavaScript(用于Node.js)和Java)的非常基础的购物商城代码框架。请注意,这些示例只是为了展示结构,并不包含完整的商城功能(如数据库交互、用户认证、支付等)。
- Python (使用Flask框架)
python
from flask import Flask, render_template, request
app = Flask(name)
假设的产品列表
products = [
{“id”: 1, “name”: “Product 1”, “price”: 100},
{“id”: 2, “name”: “Product 2”, “price”: 200},
# … 更多产品
]
@app.route(‘/’)
def home():
return render_template(‘home.html’, products=products)
这里只是示例,实际中你需要处理表单提交、验证等
@app.route(‘/add_to_cart’, methods=[‘POST’])
def add_to_cart():
product_id = request.form.get(‘product_id’)
# 这里只是打印,实际上你需要将产品添加到购物车(可能是数据库或session)
print(f"Adding product {product_id} to cart.")
return “Product added to cart!”
if name == ‘main’:
app.run(debug=True)
2. JavaScript (使用Node.js和Express框架)
javascript
const express = require(‘express’);
const app = express();
const path = require(‘path’);
// 假设的产品列表
let products = [
{id: 1, name: ‘Product 1’, price: 100},
{id: 2, name: ‘Product 2’, price: 200},
// … 更多产品
];
app.set(‘views’, path.join(__dirname, ‘views’));
app.set(‘view engine’, ‘pug’); // 假设使用Pug模板引擎
app.get(‘/’, (req, res) => {
res.render(‘index’, {products: products});
});
app.post(‘/add_to_cart’, (req, res) => {
const productId = req.body.product_id;
console.log(Adding product ${productId} to cart.
);
// 这里只是打印,实际上你需要处理购物车逻辑
res.send(‘Product added to cart!’);
});
app.listen(3000, () => console.log(‘Server started on port 3000’));
3. Java (使用Spring Boot)
由于Java和Spring Boot的示例相对较长且需要多个文件,我将只提供一个非常简化的控制器示例。
ProductController.java
java
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.*;
import java.util.Arrays;
import java.util.List;
@Controller
public class ProductController {
// 假设的产品列表(实际中应从数据库获取)
private List<Product> products = Arrays.asList(
new Product(1, "Product 1", 100),
new Product(2, "Product 2", 200)
// ... 更多产品
);
@GetMapping("/")
public String home(Model model) {
model.addAttribute("products", products);
return "home"; // 假设有一个名为"home"的Thymeleaf模板
}
@PostMapping("/add_to_cart")
public String addToCart(@RequestParam("product_id") int productId, Model model) {
// 这里只是打印,实际上你需要处理购物车逻辑
System.out.println("Adding product " + productId + " to cart.");
// 可能需要重定向到购物车页面或保持在当前页面并显示消息
return "redirect:/"; // 重定向到首页作为示例
}
// Product类和其他必要的配置(如Spring Boot启动类、Thymeleaf配置等)在此省略
}
这些示例都非常基础,并且仅用于展示如何在不同语言中设置基本的购物商城结构。在实际开发中,你需要考虑更多的因素,如安全性、性能、用户体验等,并可能需要使用数据库、用户认证、支付集成等更复杂的功能。