- Python (使用 Flask 和 SQLAlchemy)
后端代码片段:lnkryy.cn
python
from flask import Flask, request, jsonify
from flask_sqlalchemy import SQLAlchemy
app = Flask(name)
app.config[‘SQLALCHEMY_DATABASE_URI’] = ‘sqlite:tmp/test.db’
db = SQLAlchemy(app)
class Product(db.Model):
id = db.Column(db.Integer, primary_key=True)
name = db.Column(db.String(80), nullable=False)
price = db.Column(db.Float, nullable=False)
… 其他路由和函数,如添加产品、获取产品列表等
@app.route(‘/products’, methods=[‘GET’])
def get_products():
products = Product.query.all()
return jsonify([{‘id’: p.id, ‘name’: p.name, ‘price’: p.price} for p in products])
if name == ‘main’:
app.run(debug=True)
2. JavaScript (使用 Node.js 和 Express)
后端代码片段:
javascript
const express = require(‘express’);
const app = express();
const port = 3000;
// 假设你有一个获取产品列表的函数
function getProducts() {
// 这里应该是从数据库或其他数据源获取数据的代码
return [
{ id: 1, name: ‘Product 1’, price: 10.99 },
// … 其他产品
];
}
app.get(‘/products’, (req, res) => {
res.json(getProducts());
});
app.listen(port, () => {
console.log(App listening at http://localhost:${port}
);
});
3. Java (使用 Spring Boot 和 JPA)
后端代码片段:
java
import org.springframework.boot.SpringApplication;
import org.springframework.boot.autoconfigure.SpringBootApplication;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.RestController;
import java.util.Arrays;
import java.util.List;
@SpringBootApplication
public class ShoppingMallApplication {
public static void main(String[] args) {
SpringApplication.run(ShoppingMallApplication.class, args);
}
@RestController
class ProductController {
// 假设你有一个服务类来处理与数据库的交互
// 这里只是模拟数据
private List<Product> products = Arrays.asList(
new Product(1, "Product 1", 10.99),
// ... 其他产品
);
@GetMapping("/products")
List<Product> getProducts() {
return products;
}
// Product 类和其他必要的代码...
}
}
4. 前端 (使用 HTML/CSS/JavaScript 或 React/Vue/Angular)
由于前端部分涉及大量的代码和库,这里只提供一个简单的 HTML 和 JavaScript 示例来展示如何与后端 API 交互:
html
- Python (使用 Flask 和 SQLAlchemy)
后端代码片段:
python
from flask import Flask, request, jsonify
from flask_sqlalchemy import SQLAlchemy
app = Flask(name)
app.config[‘SQLALCHEMY_DATABASE_URI’] = ‘sqlite:tmp/test.db’
db = SQLAlchemy(app)
class Product(db.Model):
id = db.Column(db.Integer, primary_key=True)
name = db.Column(db.String(80), nullable=False)
price = db.Column(db.Float, nullable=False)
… 其他路由和函数,如添加产品、获取产品列表等
@app.route(‘/products’, methods=[‘GET’])
def get_products():
products = Product.query.all()
return jsonify([{‘id’: p.id, ‘name’: p.name, ‘price’: p.price} for p in products])
if name == ‘main’:
app.run(debug=True)
2. JavaScript (使用 Node.js 和 Express)
后端代码片段:
javascript
const express = require(‘express’);
const app = express();
const port = 3000;
// 假设你有一个获取产品列表的函数
function getProducts() {
// 这里应该是从数据库或其他数据源获取数据的代码
return [
{ id: 1, name: ‘Product 1’, price: 10.99 },
// … 其他产品
];
}
app.get(‘/products’, (req, res) => {
res.json(getProducts());
});
app.listen(port, () => {
console.log(App listening at http://localhost:${port}
);
});
3. Java (使用 Spring Boot 和 JPA)
后端代码片段:
java
import org.springframework.boot.SpringApplication;
import org.springframework.boot.autoconfigure.SpringBootApplication;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.RestController;
import java.util.Arrays;
import java.util.List;
@SpringBootApplication
public class ShoppingMallApplication {
public static void main(String[] args) {
SpringApplication.run(ShoppingMallApplication.class, args);
}
@RestController
class ProductController {
// 假设你有一个服务类来处理与数据库的交互
// 这里只是模拟数据
private List<Product> products = Arrays.asList(
new Product(1, "Product 1", 10.99),
// ... 其他产品
);
@GetMapping("/products")
List<Product> getProducts() {
return products;
}
// Product 类和其他必要的代码...
}
}
4. 前端 (使用 HTML/CSS/JavaScript 或 React/Vue/Angular)
由于前端部分涉及大量的代码和库,这里只提供一个简单的 HTML 和 JavaScript 示例来展示如何与后端 API 交互:
html