Flask简介与安装以及实现一个糕点店的简单流程

news2025/1/20 22:22:09

目录

1. Flask简介

1.1 Flask的核心特点

1.2 Flask的基本结构

1.3 Flask的常见用法

1.3.1 创建Flask应用

1.3.2 路由和视图函数

1.3.3 动态URL参数

1.3.4 使用模板

1.4 Flask的优点

1.5 总结

2. Flask 环境创建

2.1 创建虚拟环境

2.2 激活虚拟环境

1.3 安装Flask

1.4 创建Flask应用

1.5 运行Flask应用

1.6 管理虚拟环境依赖

1.7 退出虚拟环境

1.8 总结

3. Flask 开发糕点网站的完整基础环境开发流程

3.1 基础开发环境

3.2 创建文件夹，建立环境

3.2.1 创建文件夹Flask，在Flask下面创建cake_shop

3.3.2 建立虚拟环境

3.3 安装必要的 Python 库

3.4 配置数据库连接

3.4.1 配置 MySQL

3.4.2 配置 Flask 与 MySQL 的连接

3.5 创建 Flask 应用结构

3.5.1 创建必要文件

3.6 配置 Flask 与数据库连接检查

3.6.1 配置文件 (config.py)

3.6.2 在 app.py 进行数据库连接测试

3.6.3 测试数据库连接

3.7 初始化数据库迁移

3.8 创建第一个页面

3.8.1 创建首页视图

3.8.2 配置蓝图

3.8.3 创建模板文件

3.8.4 启动 Flask 应用

3.8.5 测试首页

4.开发后续思路

4.1 开发流程与步骤

4.2 最终目录结构

4.3  开发顺序建议

 

1. Flask简介

1.1 Flask的核心特点

（1）轻量级
Flask本身非常简洁，没有复杂的结构和约定，开发者可以根据项目需要自由选择工具和库。这让Flask成为快速开发的理想选择。

（2）灵活性
Flask不强制使用特定的数据库、模板引擎、表单库或其他工具。你可以根据项目需求选择不同的扩展和工具。

（3）内置开发服务器和调试器
Flask自带了一个开发服务器，可以在本地开发时快速查看应用效果。此外，它也提供了调试工具，能在应用出现错误时提供详细的错误信息。

（4）Jinja2模板引擎
Flask集成了Jinja2模板引擎，使得你可以将动态内容与HTML代码分离，方便管理和渲染网页。

（5）请求和响应
Flask提供了丰富的功能来处理HTTP请求，包括表单提交、URL参数、JSON数据等。它还提供了响应功能，可以自定义返回内容（如HTML、JSON、文件等）。

（6）扩展性
虽然Flask是一个微框架，但它有丰富的扩展库支持，可以通过安装第三方库来实现数据库连接、用户认证、表单验证等功能。

1.2 Flask的基本结构

一个最简单的Flask应用通常包含以下几个部分：

  1. Flask实例：用于创建Flask应用的对象。
  2. 路由：定义URL路径和视图函数之间的关系。
  3. 视图函数：处理特定路由的请求，并返回响应。
  4. 模板：用来渲染HTML页面的模板引擎。

1.3 Flask的常见用法

1.3.1 创建Flask应用

from flask import Flask

app = Flask(__name__)

@app.route('/')
def hello_world():
    return 'Hello, World!'

if __name__ == '__main__':
    app.run(debug=True)

1.3.2 路由和视图函数

Flask通过@app.route()装饰器来定义路由。例如：

@app.route('/about')
def about():
    return "This is the About page."

1.3.3 动态URL参数

你可以在URL中使用动态参数，例如：

@app.route('/user/<username>')
def user_profile(username):
    return f"Hello, {username}!"

1.3.4 使用模板

Flask集成了Jinja2模板引擎，可以将动态内容与HTML分离：

<!-- templates/hello.html -->
<!DOCTYPE html>
<html>
    <head><title>Hello</title></head>
    <body>
        <h1>Hello, {
  
  { name }}!</h1>
    </body>
</html>

在视图函数中渲染模板：

from flask import render_template

@app.route('/hello/<name>')
def hello(name):
    return render_template('hello.html', name=name)

 

1.4 Flask的优点

  • 简洁易用：Flask的代码结构简单，入门容易。
  • 灵活性高：开发者可以选择任何想用的库和工具。
  • 广泛的社区支持：Flask有大量的文档、教程以及开源扩展，可以方便地进行项目开发。

1.5 总结

Flask是一个非常适合入门的Web框架，提供了灵活的功能和简单的API。如果你希望开发小型应用，或者想快速搭建一个Web原型，Flask无疑是一个很好的选择。随着项目的复杂性增加，你还可以利用Flask的扩展来增加所需的功能。

 

2. Flask 环境创建

2.1 创建虚拟环境

首先，确保你的系统中已安装python和pip。然后，进入你的项目目录，打开终端并输入以下命令来创建一个虚拟环境。

对于Windows：

python -m venv venv

对于Mac/Linux：

python3 -m venv venv

这个命令会在你的项目文件夹中创建一个名为venv的目录，用于存放虚拟环境的所有文件。

2.2 激活虚拟环境

对于Windows：

.\venv\Scripts\activate

对于Mac/Linux：

source venv/bin/activate

激活后，你应该会看到命令行前面有一个(venv)的标记，表示虚拟环境已成功激活。

1.3 安装Flask

在虚拟环境中，使用pip安装Flask：

pip install flask

1.4 创建Flask应用

按照之前提到的步骤，创建一个Flask应用。比如，创建一个名为app.py的文件，并编写以下内容：

from flask import Flask

app = Flask(__name__)

@app.route('/')
def hello_world():
    return 'Hello, World!'

if __name__ == '__main__':
    app.run(debug=True)

1.5 运行Flask应用

在虚拟环境激活的情况下，运行你的Flask应用：

python app.py

你应该可以在浏览器中访问http://127.0.0.1:5000/看到Flask应用的欢迎信息。

1.6 管理虚拟环境依赖

当你在虚拟环境中安装了其他依赖包时，可以使用pip freeze命令将它们导出到一个requirements.txt文件中，这样其他开发者或者你自己在不同的机器上也能轻松安装相同的依赖：

pip freeze > requirements.txt

其他开发者可以通过以下命令来安装所有依赖：

pip install -r requirements.txt

1.7 退出虚拟环境

当你完成开发时，可以通过以下命令退出虚拟环境：

deactivate

这会返回到系统的Python环境。

1.8 总结

  1. 创建虚拟环境：python -m venv venv
  2. 激活虚拟环境：source venv/bin/activate (Mac/Linux) 或 .\venv\Scripts\activate (Windows)
  3. 安装Flask：pip install flask
  4. 运行Flask应用：python app.py
  5. 管理依赖：pip freeze > requirements.txt

 

3. Flask 开发糕点网站的完整基础环境开发流程

3.1 基础开发环境

开发软件：visual studio code

python：3.12.3

数据库：mysql 8.0

3.2 创建文件夹，建立环境

3.2.1 创建文件夹Flask，在Flask下面创建cake_shop

3.3.2 建立虚拟环境

创建虚拟环境

在您的项目目录中创建一个虚拟环境：

cd D:\projects\Flask\cake_shop # 进入您的项目目录

python -m venv venv # 创建虚拟环境

激活虚拟环境：

Windows:

.\venv\Scripts\activate

Mac/Linux:

source venv/bin/activate

3.3 安装必要的 Python 库

在虚拟环境中安装 Flask 和 MySQL 相关库：

pip install flask flask-mysqldb flask-sqlalchemy flask-migrate

  • Flask-MySQLdb：这是一个用于 Flask 与 MySQL 数据库连接的库。它封装了 MySQLdb 的接口，使得你能够在 Flask 中直接操作 MySQL 数据库。通过它，你可以执行 SQL 查询，增、删、改、查数据库内容。

  • Flask-SQLAlchemy：Flask-SQLAlchemy 是 Flask 与 SQLAlchemy 的集成扩展。SQLAlchemy 是 Python 中非常流行的 ORM（对象关系映射）工具，它简化了数据库交互，允许你通过 Python 类来操作数据库，而无需直接写 SQL 查询。Flask-SQLAlchemy 提供了对 SQLAlchemy 的简化支持，使得与数据库的交互更加方便。

  • Flask-Migrate：Flask-Migrate 是 Flask 的一个数据库迁移库，基于 Alembic。它用于数据库结构变更时进行版本控制，简化数据库迁移的过程。当你修改了数据库模型之后，Flask-Migrate 可以帮助你生成迁移脚本，并应用到数据库中，以保持数据库结构与代码的一致性。

3.4 配置数据库连接

3.4.1 配置 MySQL

首先，确保 MySQL 数据库中已创建数据库：

CREATE DATABASE cake_shop;

表代码参考：

-- 用户表（包含头像字段）
CREATE TABLE users (
    id INT AUTO_INCREMENT PRIMARY KEY,        -- 主键
    username VARCHAR(50) NOT NULL UNIQUE,     -- 用户名，唯一
    password VARCHAR(255) NOT NULL,           -- 密码（加密存储）
    email VARCHAR(100) NOT NULL UNIQUE,       -- 邮箱
    avatar_url VARCHAR(255),                  -- 用户头像 URL
    role ENUM('admin', 'user') DEFAULT 'user',-- 用户角色（管理员或普通用户）
    created_at DATETIME DEFAULT CURRENT_TIMESTAMP -- 创建时间
);

-- 糕点分类表
CREATE TABLE categories (
    id INT AUTO_INCREMENT PRIMARY KEY,        -- 主键
    name VARCHAR(50) NOT NULL UNIQUE,         -- 分类名称
    description TEXT                          -- 分类描述
);

-- 糕点表
CREATE TABLE products (
    id INT AUTO_INCREMENT PRIMARY KEY,        -- 主键
    name VARCHAR(100) NOT NULL,               -- 糕点名称
    description TEXT,                         -- 描述
    price DECIMAL(10, 2) NOT NULL,            -- 单价
    stock INT NOT NULL DEFAULT 0,             -- 库存数量
    category_id INT NOT NULL,                 -- 分类 ID（外键）
    created_at DATETIME DEFAULT CURRENT_TIMESTAMP, -- 创建时间
    FOREIGN KEY (category_id) REFERENCES categories(id) -- 分类外键
);

-- 产品图片表（支持多张图片上传）
CREATE TABLE product_images (
    id INT AUTO_INCREMENT PRIMARY KEY,        -- 主键
    product_id INT NOT NULL,                  -- 商品 ID（外键）
    image_url VARCHAR(255) NOT NULL,          -- 图片 URL
    created_at DATETIME DEFAULT CURRENT_TIMESTAMP, -- 创建时间
    FOREIGN KEY (product_id) REFERENCES products(id) -- 商品外键
);

-- 购物车表
CREATE TABLE cart_items (
    id INT AUTO_INCREMENT PRIMARY KEY,        -- 主键
    user_id INT NOT NULL,                     -- 用户 ID（外键）
    product_id INT NOT NULL,                  -- 商品 ID（外键）
    quantity INT NOT NULL DEFAULT 1,          -- 数量
    added_at DATETIME DEFAULT CURRENT_TIMESTAMP, -- 添加时间
    FOREIGN KEY (user_id) REFERENCES users(id),   -- 用户外键
    FOREIGN KEY (product_id) REFERENCES products(id) -- 商品外键
);

-- 订单表
CREATE TABLE orders (
    id INT AUTO_INCREMENT PRIMARY KEY,        -- 主键
    user_id INT NOT NULL,                     -- 用户 ID（外键）
    total_price DECIMAL(10, 2) NOT NULL,      -- 总价
    status ENUM('pending', 'completed', 'canceled') DEFAULT 'pending', -- 状态
    created_at DATETIME DEFAULT CURRENT_TIMESTAMP, -- 创建时间
    FOREIGN KEY (user_id) REFERENCES users(id) -- 用户外键
);

-- 订单详情表
CREATE TABLE order_details (
    id INT AUTO_INCREMENT PRIMARY KEY,        -- 主键
    order_id INT NOT NULL,                    -- 订单 ID（外键）
    product_id INT NOT NULL,                  -- 商品 ID（外键）
    quantity INT NOT NULL,                    -- 数量
    price DECIMAL(10, 2) NOT NULL,            -- 单价
    FOREIGN KEY (order_id) REFERENCES orders(id), -- 订单外键
    FOREIGN KEY (product_id) REFERENCES products(id) -- 商品外键
);

-- 评价表
CREATE TABLE reviews (
    id INT AUTO_INCREMENT PRIMARY KEY,        -- 主键
    product_id INT NOT NULL,                  -- 商品 ID（外键）
    user_id INT NOT NULL,                     -- 用户 ID（外键）
    rating INT NOT NULL CHECK (rating BETWEEN 1 AND 5), -- 评分（1-5 星）
    comment TEXT,                             -- 评价内容
    created_at DATETIME DEFAULT CURRENT_TIMESTAMP, -- 创建时间
    FOREIGN KEY (product_id) REFERENCES products(id), -- 商品外键
    FOREIGN KEY (user_id) REFERENCES users(id) -- 用户外键
);

-- 优惠券表
CREATE TABLE coupons (
    id INT AUTO_INCREMENT PRIMARY KEY,        -- 主键
    code VARCHAR(20) NOT NULL UNIQUE,         -- 优惠码
    discount DECIMAL(5, 2) NOT NULL,          -- 折扣比例（如 0.10 表示 10%）
    expires_at DATETIME NOT NULL              -- 到期时间
);

3.4.2 配置 Flask 与 MySQL 的连接

在项目中创建一个 config.py 配置文件，并进行配置：

# config.py

SQLALCHEMY_DATABASE_URI = 'mysql://your_mysql_user:your_mysql_password@localhost/cake_shop'
SQLALCHEMY_TRACK_MODIFICATIONS = False
SECRET_KEY = 'your_secret_key'

请将 your_mysql_user 和 your_mysql_password 替换为您的 MySQL 用户名和密码。

SECRET_KEY

Flask 使用 SECRET_KEY 来对 session 数据进行加密。Flask 默认使用一个加密机制将数据存储在浏览器的 cookie 中（即 session）。没有这个密钥，用户的数据将无法正确加密和解密，导致安全风险。

如何生成 SECRET_KEY？

  • 手动生成： 您可以使用任何随机生成的字符串（建议使用 32 字节（或更长）长度的 随机字符串，包含字母、数字和符号，以增强安全性。），例如：

    SECRET_KEY = 's3cr3t_r@nd0m_k3y_1234'

  • 使用 Python 生成随机字符串： 如果您希望生成一个更加复杂且随机的密钥，可以使用 Python 的 secrets 库：

    import secrets print(secrets.token_hex(16)) # 生成一个 32 字节的随机密钥

    运行这段代码会生成一个类似于下面的密钥：

    b9f4f8d6c8e9b8a1f7d9f2a3b52d6d56

 

3.5 创建 Flask 应用结构

创建以下项目结构与文件说明：

cake_shop/
├── app/
│   ├── __init__.py         # 初始化 Flask 应用
│   ├── models.py           # 数据库模型
│   ├── routes/             # 路由文件夹
│   │   ├── __init__.py
│   │   ├── auth.py         # 用户认证
│   │   └── products.py     # 商品管理
│   ├── templates/          # HTML 模板文件
│   └── static/             # 静态文件（CSS、JS、图片）
├── config.py               # 配置文件
├── requirements.txt        # 项目依赖
├── run.py                  # 启动文件
└── README.md               # 项目说明，不上传github不用创建

3.5.1 创建必要文件

在项目目录中，手动创建目录和文件（命令创建不识别touch，需要手动创建）。

例如：

mkdir app
mkdir app/routes
mkdir app/templates
mkdir app/static
touch app/__init__.py
touch app/models.py
touch app/routes/__init__.py
touch app/routes/auth.py
touch app/routes/products.py
touch run.py
touch config.py
touch requirements.txt

3.6 配置 Flask 与数据库连接检查

3.6.1 配置文件 (config.py)

首先，在config.py 文件，用于存放数据库配置、密钥配置等信息。

# config.py

# 配置数据库 URI，连接 MySQL 数据库
SQLALCHEMY_DATABASE_URI = 'mysql://your_mysql_user:your_mysql_password@localhost/cake_shop'

# 关闭 Flask SQLAlchemy 的修改跟踪功能，减少内存消耗
SQLALCHEMY_TRACK_MODIFICATIONS = False

# 设置一个随机密钥用于加密session和CSRF令牌
SECRET_KEY = 'your_secret_key'  # 这里的密钥可以手动生成一个随机的字符串

说明：

  • SQLALCHEMY_DATABASE_URI: 配置连接 MySQL 数据库，替换 your_mysql_user 和 your_mysql_password 为您的 MySQL 用户和密码。
  • SQLALCHEMY_TRACK_MODIFICATIONS: 设置为 False 以禁用 Flask SQLAlchemy 的修改跟踪功能，这样可以节省内存。
  • SECRET_KEY: Flask 使用这个密钥来对 session 数据和 CSRF 令牌进行加密，确保安全性。您可以使用手动生成的随机字符串（如前面提到的使用 secrets 库生成的密钥）。
  • 如何生成 SECRET_KEY？

    • 使用 Python 生成随机字符串： 如果您希望生成一个更加复杂且随机的密钥，可以使用 Python 的 secrets 库：

      import secrets print(secrets.token_hex(16)) # 生成一个 32 字节的随机密钥

      运行这段代码会生成一个类似于下面的密钥：

      b9f4f8d6c8e9b8a1f7d9f2a3b52d6d56

    • 手动生成： 您可以使用任何随机生成的字符串（建议使用 32 字节（或更长）长度的 随机字符串，包含字母、数字和符号，以增强安全性。），例如：

      SECRET_KEY = 's3cr3t_r@nd0m_k3y_1234'

3.6.2 在 app.py 进行数据库连接测试

在run.py 文件，内容如下：

from flask import Flask
from flask_sqlalchemy import SQLAlchemy
from config import SQLALCHEMY_DATABASE_URI, SQLALCHEMY_TRACK_MODIFICATIONS

# 初始化 Flask 应用
app = Flask(__name__)

# 加载配置
app.config['SQLALCHEMY_DATABASE_URI'] = SQLALCHEMY_DATABASE_URI
app.config['SQLALCHEMY_TRACK_MODIFICATIONS'] = SQLALCHEMY_TRACK_MODIFICATIONS

# 初始化数据库对象
db = SQLAlchemy(app)

# 测试数据库连接
@app.route('/test-db')
def test_db_connection():
    try:
        # 尝试连接数据库，查询数据库中的所有表
        result = db.session.execute('SHOW TABLES;')
        tables = result.fetchall()
        return f"Database connected successfully! Tables: {tables}"
    except Exception as e:
        return f"Error connecting to database: {e}"

if __name__ == '__main__':
    app.run(debug=True)

3.6.3 测试数据库连接

（1） 启动 Flask 应用

在命令行中运行以下命令启动 Flask 应用：

python app.py

（2） 测试数据库连接

打开浏览器并访问 http://127.0.0.1:5000/test-db，查看是否能够成功连接到数据库并列出数据库中的表。如果数据库连接成功，您会看到类似以下内容：

Database connected successfully! Tables: [('cart_items',), ('categories',), ('coupons',), ('order_details',), ('orders',), ('product_images',), ('products',), ('reviews',), ('users',)]

3.7 初始化数据库迁移

Flask-Migrate 用于数据库结构迁移，首先初始化迁移文件：

flask db init
flask db migrate -m "Initial migration"
flask db upgrade

3.8 创建第一个页面

在创建并配置完数据库连接后，接下来我们可以开发应用的第一个页面。这一部分将指导您如何创建一个简单的首页（例如 home，更多时候是index 页面），并通过 Flask 展示。

3.8.1 创建首页视图

（1）创建 routes 路由文件：

在 app/routes/ 文件夹中，创建一个新的 Python 文件来定义首页的视图，命名为 home.py。

在 app/routes/home.py 中，我们将定义一个路由，返回一个简单的欢迎页面。

from flask import Blueprint, render_template

# 创建蓝图
bp = Blueprint('home', __name__)

# 定义主页视图
@bp.route('/')
def home():
    return render_template('home.html')  # 渲染 home.html 模板

3.8.2 配置蓝图

在 app/__init__.py 中注册蓝图：

在 app/__init__.py 文件中，您需要注册 home 蓝图。打开并修改 app/__init__.py，加入对 home 蓝图的注册。

from flask import Flask
from flask_sqlalchemy import SQLAlchemy
from flask_migrate import Migrate

db = SQLAlchemy()
migrate = Migrate()

def create_app(config_class='config'):
    app = Flask(__name__)
    app.config.from_object(config_class)

    db.init_app(app)
    migrate.init_app(app, db)

    # 注册蓝图
    from app.routes.home import bp as home_bp
    app.register_blueprint(home_bp)

    return app

 

如果有其他蓝图：

    # 注册各个蓝图
    from app.routes.home import bp as home_bp
    from app.routes.auth import bp as auth_bp
    from app.routes.products import bp as products_bp

    app.register_blueprint(home_bp)  # 注册首页和注册功能
    app.register_blueprint(auth_bp)  # 注册用户认证功能
    app.register_blueprint(products_bp)  # 注册商品功能

3.8.3 创建模板文件

在 app/templates/ 文件夹中创建 home.html：

在 home.html 中，我们可以添加简单的 HTML 代码来展示页面内容。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Welcome to Cake Shop</title>
</head>
<body>
    <h1>Welcome to the Cake Shop!</h1>
    <p>Your favorite place for delicious cakes and pastries.</p>
</body>
</html>

3.8.4 启动 Flask 应用

重新修改 run.py文件

from app import create_app

app = create_app()

if __name__ == '__main__':
    app.run(debug=True)

3.8.5 测试首页

（1）启动 Flask 应用：

运行以下命令来启动 Flask 应用：

python run.py

（2）访问首页：

打开浏览器并访问 http://127.0.0.1:5000/，您应该会看到显示“Welcome to the Cake Shop!”的首页。

4.开发后续思路

4.1 开发流程与步骤

（1）用户模块

  • 功能：实现用户的注册、登录、角色管理、头像管理等。
    • 用户模型：创建数据库模型，保存用户信息（用户名、密码、邮箱、头像等）。
    • 注册和登录功能：处理用户的注册和登录请求，支持用户名、密码验证。
    • 用户会话管理：用户登录后保存其信息（例如，使用session进行会话管理）。
    • 头像上传：支持用户修改头像并上传。

（2）商品模块

  • 功能：实现商品展示、分类、库存管理等功能。
    • 商品模型：创建数据库模型，存储商品信息（名称、描述、价格、库存等）。
    • 商品分类：根据类别展示商品，支持添加、删除和编辑商品分类。
    • 商品展示：展示商品列表、商品详情页等。
    • 商品图片管理：支持商品图片的上传和展示。

（3）购物车模块

  • 功能：实现商品加入购物车、查看购物车、删除购物车商品等功能。
    • 购物车模型：创建购物车项模型，存储用户ID、商品ID和商品数量。
    • 添加到购物车：用户可以将商品添加到购物车，修改数量等。
    • 查看购物车：显示用户已添加到购物车的所有商品。
    • 删除购物车商品：用户可以删除购物车中的商品。

（4）订单模块

  • 功能：实现订单生成、支付、查看历史订单等功能。
    • 订单模型：存储订单信息，包括订单ID、用户ID、总价、状态等。
    • 订单详情：每个订单包含详细的商品信息。
    • 订单状态管理：管理订单的状态（待付款、已完成、已取消等）。
    • 支付功能：实现订单的支付功能（可以模拟支付，或集成第三方支付平台）。

（5）评价模块

  • 功能：用户可以对商品进行评价，留下评分和评论。
    • 评价模型：存储用户评价信息，包括商品ID、评分、评论内容等。
    • 查看评价：展示商品的所有用户评价，按时间、评分等排序。
    • 提交评价：用户在订单完成后可以对购买的商品进行评价。

（6）优惠券模块

  • 功能：为用户提供折扣优惠，用户可在结算时使用优惠券。
    • 优惠券模型：存储优惠券信息（代码、折扣比例、过期时间等）。
    • 领取优惠券：用户可以领取优惠券，系统会检查优惠券是否过期。
    • 使用优惠券：在结算时，用户可以选择使用优惠券来减免部分费用。

4.2 最终目录结构

flask_cake_store/
│
├── app.py               # Flask应用入口
├── config.py            # 配置文件（数据库连接、密钥等）
├── models.py            # 数据库模型（包括User, Product, Order等）
├── routes.py            # 路由和视图函数（处理请求逻辑）
├── templates/           # HTML模板文件
│   ├── home.html        # 首页模板，展示商品列表
│   ├── login.html       # 用户登录页面
│   ├── product_list.html# 商品列表页面
│   ├── product_detail.html # 商品详情页面
│   ├── cart.html        # 购物车页面
│   ├── order.html       # 订单页面
│   └── review.html      # 商品评价页面
└── static/              # 静态文件（CSS、JS、图片等）
    ├── styles.css       # CSS样式文件
    └── images/          # 图片文件夹（包含商品图片、用户头像等）
 

4.3  开发顺序建议

  1. 用户模块：先实现用户的基本功能（注册、登录、头像管理等）。
  2. 商品模块：实现商品展示、分类、库存管理等功能。
  3. 购物车模块：实现购物车的添加、删除和查看功能。
  4. 订单模块：实现订单生成、查看和支付功能。
  5. 评价模块：实现商品评价和查看评价功能。
  6. 优惠券模块：实现优惠券的管理和使用功能。

 

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.coloradmin.cn/o/2279544.html

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈，一经查实，立即删除！

相关文章

基于机器学习的电信用户流失预测与数据分析可视化

基于机器学习的电信用户流失预测与数据分析可视化

完整源码项目包获取→点击文章末尾名片&#xff01; 背景描述 根据IBM商业社区分享团队描述&#xff0c;该数据集为某电信公司在加利福尼亚为7000余位用户&#xff08;个人/家庭&#xff09;提供电话和互联网服务的相关记录。描述用户基本情况&#xff0c;包括每位用户已注册的…
阅读更多...
InVideo AI技术浅析（五）：生成对抗网络

InVideo AI技术浅析（五）：生成对抗网络

一、特效生成 1. 工作原理 特效生成是计算机视觉中的高级应用，旨在通过算法生成高质量的视觉特效，如风格迁移、图像到图像的翻译等。InVideo AI 使用生成对抗网络（GAN）来实现这一功能。GAN 通过生成器和判别器两个网络的对抗训练，生成逼真的视觉特效。 2. 关键技术模型…
阅读更多...
Linux操作系统的灵魂，深度解析MMU内存管理

Linux操作系统的灵魂，深度解析MMU内存管理

在计算机的奇妙世界里&#xff0c;我们每天使用的操作系统看似流畅自如地运行着各类程序&#xff0c;背后实则有着一位默默耕耘的 “幕后英雄”—— 内存管理单元&#xff08;MMU&#xff09;。它虽不常被大众所熟知&#xff0c;却掌控着计算机内存的关键命脉&#xff0c;是保障…
阅读更多...
线性代数概述

线性代数概述

矩阵与线性代数的关系 矩阵是线性代数的研究对象之一&#xff1a; 矩阵&#xff08;Matrix&#xff09;是一个按照长方阵列排列的复数或实数集合&#xff0c;是线性代数中的核心概念之一。矩阵的定义和性质构成了线性代数中矩阵理论的基础&#xff0c;而矩阵运算则简洁地表示和…
阅读更多...
Reactor 模式在 Edis、Nginx 和 Netty 中的应用与高性能网络模式解析

Reactor 模式在 Edis、Nginx 和 Netty 中的应用与高性能网络模式解析

文章目录 参考文章Reactor 模式在 Edis、Nginx 和 Netty 中的应用与高性能网络模式解析一、Reactor 模式二、Redis 中的 Reactor 模式三、Nginx 中的 Reactor 模式四、Netty 中的 Reactor 模式五、Reactor 模式的优势六、总结 参考文章 redis&#xff0c;nginx&#xff0c;net…
阅读更多...
企业级NoSQL数据库Redis

企业级NoSQL数据库Redis

1.浏览器缓存过期机制 1.1 最后修改时间 last-modified 浏览器缓存机制是优化网页加载速度和减少服务器负载的重要手段。以下是关于浏览器缓存过期机制、Last-Modified 和 ETag 的详细讲解&#xff1a; 一、Last-Modified 头部 定义&#xff1a;Last-Modified 表示服务器上资源…
阅读更多...
【自动驾驶BEV感知之Transformer】

【自动驾驶BEV感知之Transformer】

欢迎大家关注我的B站&#xff1a; 偷吃薯片的Zheng同学的个人空间-偷吃薯片的Zheng同学个人主页-哔哩哔哩视频 (bilibili.com) 本文为深蓝学院《BEV感知理论与实践》 的学习笔记 以图书馆看书举例 query&#xff1a;查询&#xff0c;感兴趣的东西 Key&#xff1a;索引&…
阅读更多...
http转化为https生成自签名证书

http转化为https生成自签名证书

背景 项目开发阶段前后交互采用http协议&#xff0c;演示环境采用htttps协议 &#xff0c;此处为个人demo案例 组件 后端&#xff1a;springBoot 前端&#xff1a;vue web 服务&#xff1a;tomcat 部署环境&#xff1a;linux 生成自签名证书 创建目录 存储证书位置 # mkdir -p…
阅读更多...
AAPM：基于大型语言模型代理的资产定价模型，夏普比率提高9.6%

AAPM：基于大型语言模型代理的资产定价模型，夏普比率提高9.6%

“AAPM: Large Language Model Agent-based Asset Pricing Models” 论文地址&#xff1a;https://arxiv.org/pdf/2409.17266v1 Github地址&#xff1a;https://github.com/chengjunyan1/AAPM 摘要 这篇文章介绍了一种利用LLM代理的资产定价模型&#xff08;AAPM&#xff09;…
阅读更多...
Unity HybridCLR Settings热更设置

Unity HybridCLR Settings热更设置

需要热更的程序集放到 热更新Assembly Definitions中。 记得补充元数据AOT dlls&#xff08;在热更新程序集的就不用补充元数据了&#xff09; 打包完成后遇到TypeLoadException: could not load type 时 可能需要在Assets/link.xml中增加对应的设置 <assembly fullname&q…
阅读更多...
PyTest自学-认识PyTest

PyTest自学-认识PyTest

1 PyTest自学-认识PyTest 1.1 PyTest可以用来做什么&#xff1f; PyTest是一个自动化测试框架&#xff0c;支持单元测试和功能测试&#xff0c;有丰富的插件&#xff0c;如&#xff0c;pytest-selemium, pytest-html等。 1.2 安装pytest 使用pip install -U pytest。 1.3 py…
阅读更多...
Hive SQL必刷练习题：留存率问题

Hive SQL必刷练习题：留存率问题

首次登录算作当天新增&#xff0c;第二天也登录了算作一日留存。可以理解为&#xff0c;在10月1号登陆了。在10月2号也登陆了&#xff0c;那这个人就可以算是在1号留存 今日留存率 &#xff08;今日登录且明天也登录的用户数&#xff09; / 今日登录的总用户数 * 100% 解决思…
阅读更多...
使用 Parcel 和 NPM 脚本进行打包

使用 Parcel 和 NPM 脚本进行打包

使用 Parcel 和 NPM 脚本进行打包 Parcel Parcel 是一个零配置的网页应用程序打包工具&#xff0c;主要用于快速构建现代 JavaScript 应用。 我们可以使用npm直接安装它 npm install --save-dev parcel //这将把 Parcel 添加到 devDependencies 中&#xff0c;表明它是一个…
阅读更多...
数据结构——堆（介绍，堆的基本操作、堆排序）

数据结构——堆（介绍，堆的基本操作、堆排序）

我是一个计算机专业研0的学生卡蒙Camel&#x1f42b;&#x1f42b;&#x1f42b;&#xff08;刚保研&#xff09; 记录每天学习过程&#xff08;主要学习Java、python、人工智能&#xff09;&#xff0c;总结知识点&#xff08;内容来自&#xff1a;自我总结网上借鉴&#xff0…
阅读更多...
要获取本地的公网 IP 地址（curl ifconfig.me）

要获取本地的公网 IP 地址（curl ifconfig.me）

文章目录 通过命令行查询&#xff08;适用于 Linux/Mac/Windows&#xff09;Linux/MacWindows 注意事项 要获取本地的公网 IP 地址&#xff0c;可以通过以下简单的方法&#xff1a; 通过命令行查询&#xff08;适用于 Linux/Mac/Windows&#xff09; Linux/Mac 打开终端。输入…
阅读更多...
【博客之星】2024年度个人成长、强化学习算法领域总结

【博客之星】2024年度个人成长、强化学习算法领域总结

&#x1f4e2;在2025年初&#xff0c;非常荣幸能通过审核进入到《2024年度CSDN博客之星总评选》TOP300的年度评选中&#xff0c;排名40。这还是第一次来到这个阶段&#xff0c;作为一名博士研究生&#xff0c;还是备受鼓舞的。在这里我将以回顾的方式讲述一下这一年在CSDN中走过…
阅读更多...
GoLang教程004：流程控制和if语句介绍

GoLang教程004：流程控制和if语句介绍

文章目录 3、流程控制3.1 流程控制的作用3.2 控制语句的分类3.3 if分支3.3.1 单分支3.3.2 多分支3.3.3 双分支 3、流程控制 3.1 流程控制的作用 流程控制的作用&#xff1a;流程控制语句是用来控制程序中各语句执行顺序的语句&#xff0c;可以把语句组合成能完成一定功能的小…
阅读更多...
【Web】2025-SUCTF个人wp

【Web】2025-SUCTF个人wp

目录 SU_blog SU_photogallery SU_POP SU_blog 先是注册功能覆盖admin账号 以admin身份登录&#xff0c;拿到读文件的权限 ./article?filearticles/..././..././..././..././..././..././etc/passwd ./article?filearticles/..././..././..././..././..././..././proc/1…
阅读更多...
uniApp开通uniPush1.0个推，SpringBoot集成uniPush1.0个推

uniApp开通uniPush1.0个推，SpringBoot集成uniPush1.0个推

uniApp开通unipush1.0个推&#xff0c;SpringBoot程序集成 一、APP开通unipush1.0个推(商户App源码仅支持1.0个推) 1.app模块配置开通推送 2.应用开通推送 3.开通后点击消息推送菜单会看到如下页面 完成以上步骤后 此时android 仅支持在线推送。 4.配置各厂商离线推送 暂未…
阅读更多...
华为昇腾910B1基于 LoRA 的 Qwen2.5-7B-Instruct 模型微调

华为昇腾910B1基于 LoRA 的 Qwen2.5-7B-Instruct 模型微调

目录 系统环境虚拟环境微调模型yaml文件training_losstraining_eval_loss 系统环境 Ascend-hdk-910b-npu-driver_24.1.rc3_linux-aarch64.run Ascend-hdk-910b-npu-firmware_7.5.0.1.129.run Ascend-cann-toolkit_8.0.RC3.alpha003_linux-aarch64.run Ascend-cann-kernels-910…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023