【Python百宝箱】掌握Python Web开发三剑客:Flask、Django、FastAPI一网打尽

前言

在当今互联网时代,Web应用的开发变得愈发重要和复杂。选择一个合适的Web框架,掌握安全性与认证、数据库与ORM库、前端框架与交互、测试与调试工具等关键知识点,是每个Web开发者都必须面对的挑战。本文将带你深入了解三个流行的Python Web框架(Flask、Django、FastAPI)及相关技术,涵盖全栈开发所需的关键知识,旨在助力开发者构建高效、安全、可扩展的Web应用。

文章目录

      • 前言
      • 1. **`Flask`**
        • 1.1 简介与核心思想
        • 1.2 路由和视图函数
          • 1.2.1 URL规则与变量
          • 1.2.2 请求与响应处理
        • 1.3 模板引擎与前端集成
          • 1.3.1 Jinja2模板语言
          • 1.3.2 静态文件管理
        • 1.4 扩展模块与插件
          • 1.4.1 Flask-SQLAlchemy
          • 1.4.2 Flask-RESTful
      • 2. **`Django`**
        • 2.1 简介与全功能性
        • 2.2 MVC架构与应用设计
          • 2.2.1 模型层(Models)
          • 2.2.2 视图层(Views)
          • 2.2.3 控制层(Controllers)
        • 2.3 Admin后台管理系统
          • 2.3.1 数据库管理与界面定制
          • 2.3.2 权限控制与用户管理
        • 2.4 Django REST framework
          • 2.4.1 序列化与视图类
          • 2.4.2 认证与权限控制
      • 3. **`FastAPI`**
        • 3.1 简介与性能优势
        • 3.2 基于类型提示的API开发
          • 3.2.1 请求与响应模型
          • 3.2.2 自动生成文档与交互式界面
        • 3.3 异步支持与性能优化
          • 3.3.1 异步请求处理
          • 3.3.2 高性能的依赖注入系统
      • 4. 数据库与ORM库
        • 4.1 SQLAlchemy
          • 4.1.1 ORM概述
          • 4.1.2 查询语言与表达式
          • 4.1.3 数据库迁移与版本控制
        • 4.2 Django ORM
          • 4.2.1 模型定义与关系
          • 4.2.2 查询集与管理器
          • 4.2.3 数据迁移工具
      • 5. 安全性与认证
        • 5.1 `Flask-Security` / `Django-Allauth`
          • 5.1.1 用户认证与授权
          • 5.1.2 安全最佳实践
          • 5.2 `python-jose` / `PyJWT`
          • 5.2.1 JSON Web Token(JWT)认证
          • 5.2.2 Token生成与验证
      • 6. 前端框架与交互
        • 6.1 `React` / `Vue.js`
          • 6.1.1 单页面应用(SPA)与前后端分离
          • 6.1.2 组件化开发与状态管理
        • 6.2 `axios` / `fetch`
          • 6.2.1 前端HTTP请求库的选择
          • 6.2.2 异步数据交互与处理
      • 7. 测试与调试工具
        • 7.1 `pytest` / `unittest`
          • 7.1.1 单元测试与测试用例
          • 7.1.2 参数化测试与断言
        • 7.2 `django-debug-toolbar` / `Flask Debug Toolbar`
          • 7.2.1 性能监控与调试信息
      • 8. 部署与扩展
        • 8.1 `Docker` / `Docker Compose`
          • 8.1.1 Docker容器化应用
          • 8.1.2 使用Docker Compose管理多个容器
        • 8.2 `Nginx` / `Gunicorn`
          • 8.2.1 使用Nginx作为反向代理
          • 8.2.2 使用Gunicorn作为应用服务器
        • 8.3 性能优化与缓存
          • 8.3.1 `Memcached` / `Redis`缓存
          • 8.3.2 异步任务与队列
        • 8.4 监控与日志
          • 8.4.1 使用`Prometheus`监控
          • 8.4.2 集成`ELK`日志系统
      • 总结

1. Flask

1.1 简介与核心思想

Flask是一个轻量级的Python Web框架,它以简单、灵活为设计理念,使得开发Web应用变得简单而快捷。以下是一个基本的Flask应用:

from flask import Flaskapp = Flask(__name__)@app.route('/')
def hello_world():return 'Hello, World!'if __name__ == '__main__':app.run()
1.2 路由和视图函数
1.2.1 URL规则与变量

Flask使用路由定义URL规则,可以包含变量。例如:

from flask import Flaskapp = Flask(__name__)@app.route('/user/<username>')
def show_user_profile(username):return 'User %s' % usernameif __name__ == '__main__':app.run()
1.2.2 请求与响应处理

处理不同HTTP请求的方式:

from flask import Flask, requestapp = Flask(__name__)@app.route('/login', methods=['GET', 'POST'])
def login():if request.method == 'POST':# 处理登录逻辑return 'Login'else:return 'Show login form'if __name__ == '__main__':app.run()
1.3 模板引擎与前端集成
1.3.1 Jinja2模板语言

使用Jinja2模板引擎渲染动态内容:

from flask import Flask, render_templateapp = Flask(__name__)@app.route('/hello/<name>')
def hello(name=None):return render_template('hello.html', name=name)if __name__ == '__main__':app.run()
1.3.2 静态文件管理

在Flask中处理静态文件(如CSS、JavaScript):

from flask import Flask, render_templateapp = Flask(__name__)@app.route('/static-example')
def static_example():return render_template('static_example.html')if __name__ == '__main__':app.run()
1.4 扩展模块与插件
1.4.1 Flask-SQLAlchemy

使用Flask-SQLAlchemy进行数据库操作:

from flask import Flask
from flask_sqlalchemy import SQLAlchemyapp = Flask(__name__)
app.config['SQLALCHEMY_DATABASE_URI'] = 'sqlite:tmp/test.db'
db = SQLAlchemy(app)class User(db.Model):id = db.Column(db.Integer, primary_key=True)username = db.Column(db.String(80), unique=True, nullable=False)if __name__ == '__main__':app.run()
1.4.2 Flask-RESTful

使用Flask-RESTful创建RESTful API:

from flask import Flask
from flask_restful import Resource, Apiapp = Flask(__name__)
api = Api(app)class HelloWorld(Resource):def get(self):return {'hello': 'world'}api.add_resource(HelloWorld, '/')if __name__ == '__main__':app.run()

这是一个简单的开始,每个部分都可以进一步扩展和详细说明。

2. Django

2.1 简介与全功能性

Django是一个高级、全功能的Web框架,提供了许多内置功能,使得开发大型Web应用更加便捷。以下是一个基本的Django应用:

# mysite/settings.py
INSTALLED_APPS = ['django.contrib.admin','django.contrib.auth','django.contrib.contenttypes','django.contrib.sessions','django.contrib.messages','django.contrib.staticfiles',
]# mysite/views.py
from django.http import HttpResponsedef hello(request):return HttpResponse("Hello, World!")# mysite/urls.py
from django.urls import path
from .views import hellourlpatterns = [path('hello/', hello),
]# mysite/urls.py
from django.contrib import admin
from django.urls import include, pathurlpatterns = [path('admin/', admin.site.urls),path('myapp/', include('myapp.urls')),
]
2.2 MVC架构与应用设计
2.2.1 模型层(Models)

定义Django模型:

from django.db import modelsclass Person(models.Model):first_name = models.CharField(max_length=30)last_name = models.CharField(max_length=30)
2.2.2 视图层(Views)

编写Django视图:

from django.http import HttpResponse
from .models import Persondef person_list(request):people = Person.objects.all()return HttpResponse(', '.join([person.first_name for person in people]))
2.2.3 控制层(Controllers)

Django中的控制层由URL配置和视图组成。

2.3 Admin后台管理系统
2.3.1 数据库管理与界面定制

Django的Admin界面自动生成,可以通过模型定义轻松管理数据。

2.3.2 权限控制与用户管理

Django提供了强大的用户管理系统,包括权限控制、用户认证等。

2.4 Django REST framework
2.4.1 序列化与视图类

使用Django REST framework创建API视图:

from rest_framework import serializers, viewsets
from .models import Personclass PersonSerializer(serializers.ModelSerializer):class Meta:model = Personfields = '__all__'class PersonViewSet(viewsets.ModelViewSet):queryset = Person.objects.all()serializer_class = PersonSerializer
2.4.2 认证与权限控制

在Django REST framework中配置认证和权限:

# settings.py
REST_FRAMEWORK = {'DEFAULT_AUTHENTICATION_CLASSES': ['rest_framework.authentication.BasicAuthentication','rest_framework.authentication.SessionAuthentication',],'DEFAULT_PERMISSION_CLASSES': ['rest_framework.permissions.IsAuthenticated',],
}

3. FastAPI

3.1 简介与性能优势

FastAPI是一个现代、快速(基于Starlette和Pydantic)的Web框架,专注于API开发。

3.2 基于类型提示的API开发
3.2.1 请求与响应模型

使用Pydantic模型定义请求与响应:

from fastapi import FastAPI
from pydantic import BaseModelapp = FastAPI()class Item(BaseModel):name: strdescription: str = None@app.post("/items/")
async def create_item(item: Item):return item
3.2.2 自动生成文档与交互式界面

FastAPI自动生成交互式文档:

from fastapi import FastAPI
from fastapi.openapi.models import OAuthFlows as OAuthFlowsModel
from fastapi.openapi.models import OAuthFlowAuthorizationCodeapp = FastAPI()@app.get("/items/")
async def read_item():return {"name": "Example Item"}
3.3 异步支持与性能优化
3.3.1 异步请求处理

FastAPI支持异步请求处理:

from fastapi import FastAPIapp = FastAPI()@app.get("/")
async def read_root():return {"message": "Hello, World!"}
3.3.2 高性能的依赖注入系统

FastAPI的依赖注入系统:

from fastapi import Depends, FastAPI, HTTPExceptionapp = FastAPI()async def get_query_parameter(q: str = None):if q:return {"q": q}return {"q": None}@app.get("/items/")
async def read_item(commons: dict = Depends(get_query_parameter)):return commons

这是对FlaskDjangoFastAPI部分的初步填充。如果你有特定的问题或需要更详细的解释,请告诉我,我将进一步提供帮助。

4. 数据库与ORM库

4.1 SQLAlchemy
4.1.1 ORM概述

SQLAlchemy是一个强大的Python SQL工具和对象关系映射(ORM)库:

from sqlalchemy import create_engine, Column, Integer, String, Sequence
from sqlalchemy.ext.declarative import declarative_baseBase = declarative_base()class User(Base):__tablename__ = 'users'id = Column(Integer, Sequence('user_id_seq'), primary_key=True)name = Column(String(50))age = Column(Integer)engine = create_engine('sqlite:///:memory:')
Base.metadata.create_all(engine)
4.1.2 查询语言与表达式

使用SQLAlchemy进行查询:

from sqlalchemy.orm import sessionmakerSession = sessionmaker(bind=engine)
session = Session()# 查询所有用户
users = session.query(User).all()# 条件查询
young_users = session.query(User).filter(User.age < 30).all()
4.1.3 数据库迁移与版本控制

使用Alembic进行数据库迁移:

$ alembic init mymigration
4.2 Django ORM
4.2.1 模型定义与关系

在Django中定义模型及关系:

from django.db import modelsclass Author(models.Model):name = models.CharField(max_length=100)class Book(models.Model):title = models.CharField(max_length=200)author = models.ForeignKey(Author, on_delete=models.CASCADE)
4.2.2 查询集与管理器

Django中的查询:

# 查询所有图书
books = Book.objects.all()# 条件查询
recent_books = Book.objects.filter(pub_date__gte='2020-01-01')
4.2.3 数据迁移工具

使用Django的makemigrationsmigrate进行数据迁移:

$ python manage.py makemigrations
$ python manage.py migrate

5. 安全性与认证

5.1 Flask-Security / Django-Allauth
5.1.1 用户认证与授权

实现用户注册与登录流程:

  • Flask-Security:
from flask import Flask
from flask_security import Security, SQLAlchemyUserDatastore, UserMixin, RoleMixinapp = Flask(__name__)
app.config['SECRET_KEY'] = 'supersecretkey'# 用户数据模型
class User(db.Model, UserMixin):# ...# 角色数据模型
class Role(db.Model, RoleMixin):# ...# 数据库关联
user_datastore = SQLAlchemyUserDatastore(db, User, Role)
security = Security(app, user_datastore)
  • Django-Allauth:
# settings.py
INSTALLED_APPS = [# ...'allauth','allauth.account','allauth.socialaccount','allauth.socialaccount.providers.google',
]# urls.py
urlpatterns = [# ...path('accounts/', include('allauth.urls')),
]
5.1.2 安全最佳实践

实施密码存储与加密:

  • Flask-Security:
# 在用户模型中使用密码哈希
class User(db.Model, UserMixin):password = db.Column(db.String(255))
  • Django-Allauth:

默认使用PBKDF2算法进行密码哈希。

5.2 python-jose / PyJWT
5.2.1 JSON Web Token(JWT)认证

JWT的结构与使用:

# 使用python-jose进行JWT签名
from jose import JWTError, jwt# 生成JWT
def create_jwt(data: dict, secret_key: str, algorithm: str = "HS256") -> str:return jwt.encode(data, secret_key, algorithm=algorithm)# 解码JWT
def decode_jwt(token: str, secret_key: str, algorithms: list[str] = ["HS256"]) -> dict:return jwt.decode(token, secret_key, algorithms=algorithms)
5.2.2 Token生成与验证
# 使用PyJWT生成和验证Token
import jwt
from datetime import datetime, timedelta# 生成Token
def generate_token(user_id):payload = {'exp': datetime.utcnow() + timedelta(days=1),'iat': datetime.utcnow(),'sub': user_id}token = jwt.encode(payload, 'your-secret-key', algorithm='HS256')return token# 验证Token
def verify_token(token):try:payload = jwt.decode(token, 'your-secret-key', algorithms=['HS256'])return payloadexcept jwt.ExpiredSignatureError:return 'Signature expired. Please log in again.'except jwt.InvalidTokenError:return 'Invalid token. Please log in again.'

6. 前端框架与交互

6.1 React / Vue.js
6.1.1 单页面应用(SPA)与前后端分离

SPA的优势与劣势:

  • React:
// React组件
import React from 'react';function App() {return (<div><h1>Hello, React!</h1></div>);
}export default App;
  • Vue.js:
<!-- Vue组件 -->
<template><div><h1>Hello, Vue.js!</h1></div>
</template><script>
export default {// ...
}
</script>
6.1.2 组件化开发与状态管理

组件的生命周期与通信:

  • React:
import React, { useState, useEffect } from 'react';function Counter() {const [count, setCount] = useState(0);useEffect(() => {document.title = `Count: ${count}`;}, [count]);return (<div><p>Count: {count}</p><button onClick={() => setCount(count + 1)}>Increment</button></div>);
}export default Counter;
  • Vue.js:
<template><div><p>Count: {{ count }}</p><button @click="increment">Increment</button></div>
</template><script>
export default {data() {return {count: 0};},methods: {increment() {this.count++;}}
};
</script>
6.2 axios / fetch
6.2.1 前端HTTP请求库的选择

选择axiosfetch作为前端HTTP请求库:

  • axios:
// 安装axios:npm install axios
import axios from 'axios';// 发送GET请求
axios.get('/api/data').then(response => {console.log(response.data);}).catch(error => {console.error(error);});// 发送POST请求
axios.post('/api/data', { data: 'example' }).then(response => {console.log(response.data);}).catch(error => {console.error(error);});
  • fetch:
// 使用fetch发送GET请求
fetch('/api/data').then(response => response.json()).then(data => console.log(data)).catch(error => console.error(error));// 使用fetch发送POST请求
fetch('/api/data', {method: 'POST',headers: {'Content-Type': 'application/json'},body: JSON.stringify({ data: 'example' })
}).then(response => response.json()).then(data => console.log(data)).catch(error => console.error(error));
6.2.2 异步数据交互与处理

处理异步请求的数据交互与展示:

  • axios:
// 使用axios进行异步数据交互
async function fetchData() {try {const response = await axios.get('/api/data');console.log(response.data);} catch (error) {console.error(error);}
}// 使用axios发送异步POST请求
async function postData() {try {const response = await axios.post('/api/data', { data: 'example' });console.log(response.data);} catch (error) {console.error(error);}
}
  • fetch:
// 使用fetch进行异步数据交互
async function fetchData() {try {const response = await fetch('/api/data');const data = await response.json();console.log(data);} catch (error) {console.error(error);}
}// 使用fetch发送异步POST请求
async function postData() {try {const response = await fetch('/api/data', {method: 'POST',headers: {'Content-Type': 'application/json'},body: JSON.stringify({ data: 'example' })});const data = await response.json();console.log(data);} catch (error) {console.error(error);}
}

7. 测试与调试工具

7.1 pytest / unittest
7.1.1 单元测试与测试用例

使用pytestunittest进行单元测试:

  • pytest:
# 安装pytest:pip install pytest
# 编写测试文件 test_example.py
def add(a, b):return a + bdef test_add():assert add(1, 2) == 3assert add(0, 0) == 0assert add(-1, 1) == 0

运行测试:

$ pytest test_example.py
  • unittest:
# 编写测试文件 test_example_unittest.py
import unittestdef add(a, b):return a + bclass TestAddFunction(unittest.TestCase):def test_add(self):self.assertEqual(add(1, 2), 3)self.assertEqual(add(0, 0), 0)self.assertEqual(add(-1, 1), 0)

运行测试:

$ python -m unittest test_example_unittest.py
7.1.2 参数化测试与断言

使用pytest的参数化测试:

import pytestdef add(a, b):return a + b@pytest.mark.parametrize("input_a, input_b, expected", [(1, 2, 3),(0, 0, 0),(-1, 1, 0),
])
def test_add(input_a, input_b, expected):assert add(input_a, input_b) == expected
7.2 django-debug-toolbar / Flask Debug Toolbar
7.2.1 性能监控与调试信息

使用django-debug-toolbarFlask Debug Toolbar监控性能与调试信息:

  • django-debug-toolbar:
# 安装django-debug-toolbar:pip install django-debug-toolbar
# settings.py 中配置
INSTALLED_APPS = [# ...'debug_toolbar',
]MIDDLEWARE = [# ...'debug_toolbar.middleware.DebugToolbarMiddleware',
]# urls.py 中配置
if settings.DEBUG:import debug_toolbarurlpatterns = [path('__debug__/', include(debug_toolbar.urls)),# ...] + urlpatterns
  • Flask Debug Toolbar:
# 安装Flask Debug Toolbar:pip install Flask-DebugToolbar
from flask import Flask
from flask_debugtoolbar import DebugToolbarExtensionapp = Flask(__name__)
app.config['SECRET_KEY'] = 'supersecretkey'
toolbar = DebugToolbarExtension(app)

8. 部署与扩展

8.1 Docker / Docker Compose
8.1.1 Docker容器化应用

使用Docker将应用容器化:

  • Flask:
# Dockerfile
FROM python:3.8WORKDIR /appCOPY requirements.txt requirements.txtRUN pip install -r requirements.txtCOPY . .CMD ["python", "app.py"]

构建和运行容器:

$ docker build -t my-flask-app .
$ docker run -p 5000:5000 my-flask-app
  • Django:
# Dockerfile
FROM python:3.8WORKDIR /appCOPY requirements.txt requirements.txtRUN pip install -r requirements.txtCOPY . .CMD ["python", "manage.py", "runserver", "0.0.0.0:8000"]

构建和运行容器:

$ docker build -t my-django-app .
$ docker run -p 8000:8000 my-django-app
8.1.2 使用Docker Compose管理多个容器

使用Docker Compose管理多个服务:

# docker-compose.yml
version: '3'services:flask-app:build: .ports:- "5000:5000"django-app:build: .command: python manage.py runserver 0.0.0.0:8000ports:- "8000:8000"

启动服务:

$ docker-compose up
8.2 Nginx / Gunicorn
8.2.1 使用Nginx作为反向代理

将Nginx配置为Flask或Django应用的反向代理:

  • Flask:
# Flask应用的Nginx配置
server {listen 80;server_name my-flask-app.com;location / {proxy_pass http://127.0.0.1:5000;include /etc/nginx/proxy_params;proxy_redirect off;}
}
  • Django:
# Django应用的Nginx配置
server {listen 80;server_name my-django-app.com;location / {proxy_pass http://127.0.0.1:8000;include /etc/nginx/proxy_params;proxy_redirect off;}
}
8.2.2 使用Gunicorn作为应用服务器

使用Gunicorn作为Flask或Django应用的应用服务器:

  • Flask:
$ gunicorn -w 4 -b 127.0.0.1:5000 my_flask_app:app
  • Django:
$ gunicorn -w 4 -b 127.0.0.1:8000 my_django_app.wsgi:application
8.3 性能优化与缓存
8.3.1 Memcached / Redis缓存

使用Memcached或Redis进行缓存优化:

  • Flask:
# Flask应用使用Memcached
from flask import Flask
from flask_caching import Cacheapp = Flask(__name__)
cache = Cache(app, config={'CACHE_TYPE': 'memcached'})
  • Django:
# Django应用使用Redis
# settings.py
CACHES = {'default': {'BACKEND': 'django_redis.cache.RedisCache','LOCATION': 'redis://127.0.0.1:6379/1','OPTIONS': {'CLIENT_CLASS': 'django_redis.client.DefaultClient',}}
}
8.3.2 异步任务与队列

使用Celery进行异步任务处理:

  • Flask:
# Flask应用使用Celery
from flask import Flask
from celery import Celeryapp = Flask(__name__)
celery = Celery(app.name, broker='pyamqp://guest:guest@localhost//')
  • Django:
# Django应用使用Celery
# settings.py
CELERY_BROKER_URL = 'pyamqp://guest:guest@localhost//'
8.4 监控与日志
8.4.1 使用Prometheus监控

使用Prometheus进行监控:

  • Flask:
# Flask应用使用Prometheus
from flask import Flask
from prometheus_flask_exporter import PrometheusMetricsapp = Flask(__name__)
metrics = PrometheusMetrics(app)
  • Django:
# Django应用使用Prometheus
# settings.py
INSTALLED_APPS = [# ...'django_prometheus',
]MIDDLEWARE = [# ...'django_prometheus.middleware.PrometheusBeforeMiddleware',# ...
]
8.4.2 集成ELK日志系统

将应用日志集成到ELK(Elasticsearch, Logstash, Kibana)系统:

  • Flask:
# Flask应用配置日志到ELK
from flask import Flask
import logging
from logstash_async.handler import AsynchronousLogstashHandlerapp = Flask(__name__)# 配置ELK日志处理器
handler = AsynchronousLogstashHandler(host='logstash-host',port=5959,database_path='async_logstash.db',ssl_enable=False,
)# 添加处理器到应用
app.logger.addHandler(handler)# 通过日志记录
app.logger.info('This is an ELK log entry')
  • Django:
# Django应用配置日志到ELK
# settings.py
LOGGING = {'version': 1,'disable_existing_loggers': False,'handlers': {'logstash': {'level': 'DEBUG','class': 'logstash.LogstashHandler','host': 'logstash-host','port': 5959,'database_path': 'logstash.db',},},'loggers': {'django': {'handlers': ['logstash'],'level': 'DEBUG','propagate': True,},},
}

总结

通过阅读本文,读者将深入了解Python Web开发的关键概念和实践方法。我们详细介绍了三种主流框架,以及它们的优势和适用场景。同时,我们涉及了数据库操作、ORM库的选择、安全性与认证、前端框架的使用、测试与调试工具,以及部署和性能优化等方面的内容。这篇文章的目标是为读者提供一份全面而深入的指南,使他们能够以更自信的姿态构建高效、安全、可维护的Web应用。

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

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

C语言入门笔记—static、extern、define、指针、结构体

一、static static修饰局部变量的时候&#xff0c;局部变量出了作用域&#xff0c;不销毁。本质上&#xff0c;static修饰局部变量的时候&#xff0c;改变了变量的存储位置。详见下图&#xff0c;当a不被static修饰和被static修饰的时候。 C/C static关键字详解&#xff…

最全HTTP/HTTPS面试题整理(二)

什么是SSL/TLS协议&#xff1f; SSL&#xff08;Secure Sockets Layer&#xff09;和其继任者TLS&#xff08;Transport Layer Security&#xff09;是用于保护网络通信安全的协议。它们工作在应用层和传输层之间&#xff0c;为数据传输提供了安全性和隐私性。 SSL/TLS的作用&…

面试题-6

1.精灵图和base64的区别是什么&#xff1f; 精灵图:把多张小图整合到一张大图上,利用定位的一些属性把小图显示在页面上,当访问页面可以减少请求,提高加载速度 base64&#xff1a;传输8bit字节代码的编码方式,把原本二进制形式转为64个字符的单位&#xff0c;最后组成字符串 …

最长递增子序列

题目描述 给你一个整数数组 nums &#xff0c;找到其中最长严格递增子序列的长度。子序列是由数组派生而来的序列&#xff0c;删除&#xff08;或不删除&#xff09;数组中的元素而不改变其余元素的顺序。例如&#xff0c;[3,6,2,7] 是数组 [0,3,1,6,2,2,7] 的子序列。 示例 …

计算机毕业设计 基于SpringBoot的企业内部网络管理系统的设计与实现 Java实战项目 附源码+文档+视频讲解

博主介绍&#xff1a;✌从事软件开发10年之余&#xff0c;专注于Java技术领域、Python人工智能及数据挖掘、小程序项目开发和Android项目开发等。CSDN、掘金、华为云、InfoQ、阿里云等平台优质作者✌ &#x1f345;文末获取源码联系&#x1f345; &#x1f447;&#x1f3fb; 精…

AI 游戏工具收集

一、2D绘图 二、3D生成 Luma AI 3D模型生成Blockade Labs 天空盒生成 三、音乐音效 Waveformer 音乐音效生成 四、代码 Phind 代码生成

从零带你底层实现unordered_map (1)

&#x1f4af; 博客内容&#xff1a;从零带你实现unordered_map &#x1f600; 作  者&#xff1a;陈大大陈 &#x1f680; 个人简介&#xff1a;一个正在努力学技术的准C后端工程师&#xff0c;专注基础和实战分享 &#xff0c;欢迎私信&#xff01; &#x1f496; 欢迎大家…

vscode pandas无法使用

一、代码内容 import csv csv_reader csv.reader(open("data.csv")) for row in csv_reader:print(row) print(row[2]) 二、错误提示 ModuleNotFoundError: No module named pandas 三、安装pandas 然后我安装pandas&#xff0c;因为我的python的版本是python …

CentOS7 设置 nacos 开机启动

1、新增服务文件 vim /lib/systemd/system/nacos.service2、增加如下内容 [Unit] Descriptionnacos Afternetwork.target[Service] Typeforking ExecStart/usr/local/nacos/bin/startup.sh -m standalone ExecReload/usr/local/nacos/bin/shutdown.sh ExecStop/usr/local/nac…

【高级程序设计】Week2-4Week3-1 JavaScript

一、Javascript 1. What is JS 定义A scripting language used for client-side web development.作用 an implementation of the ECMAScript standard defines the syntax/characteristics of the language and a basic set of commonly used objects such as Number, Date …

Kotlin学习之函数

原文链接 Understanding Kotlin Functions 函数对于编程语言来说是极其重要的一个组成部分&#xff0c;函数可以视为是程序的执行&#xff0c;是真正活的代码&#xff0c;为啥呢&#xff1f;因为运行的时候你必须要执行一个函数&#xff0c;一般从主函数入口&#xff0c;开始一…

vue3学习记录之内置组件TransitionGroup基于状态变化的过渡和动画

文章目录 前言说明进入 / 离开动画移动动画渐进延迟列表动画和 <Transition> 的区别 前言 本文参考vue3 Vue 提供了两个内置组件&#xff0c;可以帮助我们制作基于状态变化的过渡和动画 <Transition > 会在一个元素或组件进入和离开 DOM 时应用动画。 <Transit…

设计模式-13-职责链(责任链)模式

经典的设计模式有23种&#xff0c;但是常用的设计模式一般情况下不会到一半&#xff0c;我们就针对一些常用的设计模式进行一些详细的讲解和分析&#xff0c;方便大家更加容易理解和使用设计模式。 1-原理和实现 职责链模式的英文翻译是Chain Of Responsibility Design Patter…

网络运维与网络安全 学习笔记2023.11.20

网络运维与网络安全 学习笔记 第二十一天 今日目标 交换网路径选择、Eth-Trunk原理、动态Eth-Trunk配置 Eth-Trunk案例实践、MUX VLAN原理、MUX VLAN配置 交换网路径选择 STP的作用 在交换网络中提供冗余/备份路径 提供冗余路径的同时&#xff0c;防止环路的产生 影响同网…

大数据基础设施搭建 - ZooKeeper

文章目录 一、上传压缩包二、解压压缩包三、本机安装3.1 修改配置文件3.1.1 创建ZooKeeper数据存储目录3.1.2 修改配置文件名3.1.2 修改配置文件内容 3.3 启动/停止服务端3.4 测试&#xff08;1&#xff09;启动客户端&#xff08;2&#xff09;测试客户端操作 四、集群安装4.1…

【C#】字符串拼接相关

目录 1.字符串拼接方式1 用号进行字符串拼接 复合运算符 2.字符串拼接方式2 3.控制台打印拼 4.例子 1.字符串拼接方式1 之前的算数运算符 只是用来数值类型变量进行数学运算的而 string 不存在算数运算符 不能计算 但是可以通过号来进行字符串拼接 用号进行字符串拼接 …

链表:C++实现

引言&#xff1a; 链表是一种常见的数据结构&#xff0c;它由一系列节点组成&#xff0c;每个节点包含一个数据元素和一个指向下一个节点的指针。相比于数组&#xff0c;链表具有动态性和灵活性&#xff0c;可以高效地进行插入和删除操作&#xff0c;但是查找操作的时间复杂度较…

Docker中的RabbitMQ已经启动运行,但是管理界面打不开

文章目录 前言一、解决方法方法一方法二 总结 前言 肯定有好多小伙伴在学习RabbitMQ的过程中&#xff0c;发现镜像运行&#xff0c;但是我的管理界面怎么进不去&#xff0c;或者说我第一天可以进去&#xff0c;怎么第二天进不去了&#xff0c;为什么每次重新打开虚拟机都进不去…

C#访问修饰符

C#中的访问修饰符用于控制类型成员&#xff08;如字段、属性、方法等&#xff09;的访问级别。以下是C#中常用的访问修饰符&#xff1a; public&#xff1a;公共访问级别&#xff0c;没有任何访问限制。在任何其他类或程序集中都可以访问标记为 public 的成员。 private&#…

应试教育导致学生迷信标准答案惯性导致思维僵化-移动机器人

移动机器人课程群实践创新的困境与突围 一、引言 随着科技的快速发展&#xff0c;工程教育变得越来越重要。然而&#xff0c;传统的应试教育模式往往侧重于理论知识的传授&#xff0c;忽视了学生的实践能力和创新精神的培养。这在移动机器人课程群的教学中表现得尤为明显。本文…