
- Python (Flask 框架,后端)tzxl8023.com
python
from flask import Flask, render_template, request, jsonify
app = Flask(name)
假设我们有一个商品列表的字典
items = [
{“id”: 1, “name”: “Item 1”, “price”: 100},
{“id”: 2, “name”: “Item 2”, “price”: 200},
# …
]
@app.route(‘/’)
def index():
return render_template(‘index.html’, items=items) # 前端模板
@app.route(‘/buy’, methods=[‘POST’])
def buy_item():
item_id = request.form.get(‘item_id’)
# 在这里添加购买逻辑,比如更新库存、处理支付等
# …
return jsonify({‘message’: ‘Purchase successful!’}), 200
if name == ‘main’:
app.run(debug=True)
2. JavaScript (Node.js, Express 框架,后端)
javascript
const express = require(‘express’);
const app = express();
const bodyParser = require(‘body-parser’);
app.use(bodyParser.urlencoded({ extended: true }));
app.use(express.static(‘public’)); // 静态文件目录
let items = [
{id: 1, name: ‘Item 1’, price: 100},
// …
];
app.get(‘/’, (req, res) => {
res.sendFile(__dirname + ‘/views/index.html’); // 前端模板
});
app.post(‘/buy’, (req, res) => {
let itemId = req.body.item_id;
// 处理购买逻辑
// …
res.json({message: ‘Purchase successful!’});
});
app.listen(3000, () => console.log(‘Server started on port 3000’));
3. HTML/CSS/JavaScript (前端)
这只是一个简单的HTML表单,用于演示前端如何与后端进行交互。
html

被折叠的 条评论
为什么被折叠?



