青少年编程与数学 02-009 Django 5 Web 编程 04课题、应用创建

news2025/2/11 10:53:11

青少年编程与数学 02-009 Django 5 Web 编程 04课题、应用创建

  • 一、项目及应用
      • 创建 Django 项目
      • 创建 Django 应用
      • 配置和测试
  • 二、数据库的设置
      • 步骤 1: 创建 Django 项目
      • 步骤 2: 配置数据库
        • PostgreSQL
        • MySQL
      • 步骤 3: 安装必要的数据库驱动
      • 步骤 4: 进行数据库迁移
      • 步骤 5: 创建应用
  • 三、添加模板
      • 步骤 1: 创建模板目录
      • 步骤 2: 配置模板路径
      • 步骤 3: 创建 HTML 模板文件
      • 步骤 4: 在视图中使用模板
      • 步骤 5: 配置 URL 路由
      • 步骤 6: 运行服务器并测试
  • 四、练习一
      • 步骤 1: 创建 Django 项目
      • 步骤 2: 定义模型
      • 步骤 3: 迁移数据库
      • 步骤 4: 创建视图
      • 步骤 5: 创建模板
      • 步骤 6: 配置 URL 路由
      • 步骤 7: 运行服务器
      • 步骤 8: 测试项目
      • 步骤 9: 添加数据
  • 五、练习二
      • 步骤 1: 创建 Django 项目
      • 步骤 2: 创建 Django 应用
      • 步骤 3: 定义模型
      • 步骤 4: 迁移数据库
      • 步骤 5: 创建视图
      • 步骤 6: 创建模板
      • 步骤 7: 配置 URL 路由
      • 步骤 8: 运行服务器
      • 步骤 9: 测试项目
      • 步骤 10: 添加数据

课题摘要: 本文详细介绍了在PyCharm中创建和配置Django项目及应用的步骤。首先,指导如何创建Django项目,包括选择项目类型、配置项目设置、选择Python解释器等。接着,讲解了创建Django应用的过程,涉及输入应用名称、选择目录、注册应用到settings.py等操作。文章还涵盖了数据库设置,包括配置SQLite、PostgreSQL、MySQL等数据库,以及安装相应数据库驱动和进行数据库迁移。此外,介绍了如何添加模板,包括创建模板目录、配置模板路径、编写HTML模板文件、在视图中使用模板以及配置URL路由。最后,通过两个练习示例,展示了如何创建一个简单的博客应用,包括定义模型、迁移数据库、创建视图、模板和URL路由,以及如何通过Django admin界面添加数据。这些内容帮助读者在PyCharm中顺利搭建和运行Django项目。


一、项目及应用

在 PyCharm 中创建 Django 项目及应用的步骤如下:

创建 Django 项目

  1. 打开 PyCharm:启动 PyCharm 应用程序。
  2. 创建新项目
    • 点击 “File” -> “New Project”。
    • 在 “New Project” 对话框中,选择 “Django” 作为项目类型。
  3. 配置项目设置
    • 项目名称:输入你的项目名称。
    • 项目位置:选择项目保存的目录。
    • Python 解释器:选择一个 Python 解释器。如果没有,可以创建一个新的虚拟环境。
    • Django settings
      • Django version:选择你想要使用的 Django 版本。
      • Enable Django admin:勾选此选项以启用 Django 的 admin 界面。
  4. 创建项目
    • 点击 “Create” 按钮,PyCharm 将为你创建一个新的 Django 项目。

创建 Django 应用

  1. 打开项目
    • 如果项目已经打开,可以直接进行下一步。如果没有,打开 PyCharm 并加载你的 Django 项目。
  2. 创建新应用
    • 在项目视图中,右键点击项目的根目录。
    • 选择 “New” -> “Django App”。
  3. 输入应用名称
    • 在弹出的对话框中,输入你想要创建的应用名称。
  4. 选择应用目录
    • 选择应用创建的位置,通常是在项目的根目录下。
  5. 完成创建
    • 点击 “OK” 按钮,PyCharm 将为你创建一个新的 Django 应用。
  6. 注册应用
    • 打开项目的 settings.py 文件,在 INSTALLED_APPS 列表中添加新创建的应用名称。例如:
      INSTALLED_APPS = [
          ...
          'your_app_name',
          ...
      ]
      

配置和测试

  • 运行项目
    • 在 PyCharm 中,找到并运行 manage.py runserver 命令,以启动 Django 开发服务器。
    • 打开浏览器,访问 http://127.0.0.1:8000/,确保项目能够正常运行。
  • 开发应用
    • 在新创建的应用目录中,你可以开始编写视图、模型、模板等。

通过这些步骤,你可以在 PyCharm 中顺利创建并配置一个 Django 项目及其应用,开始你的开发工作。

二、数据库的设置

在 Django 中创建应用时,数据库的设置主要在项目的 settings.py 文件中进行,而不是在应用创建时单独设置。以下是详细的步骤:

步骤 1: 创建 Django 项目

首先,确保你已经创建了一个 Django 项目。如果还没有,可以按照之前提到的步骤在 PyCharm 中创建一个新的 Django 项目。

步骤 2: 配置数据库

打开项目的 settings.py 文件,找到 DATABASES 配置部分。默认情况下,Django 使用 SQLite 数据库,配置如下:

DATABASES = {
    'default': {
        'ENGINE': 'django.db.backends.sqlite3',
        'NAME': BASE_DIR / 'db.sqlite3',
    }
}

如果你想要使用其他类型的数据库(如 PostgreSQL、MySQL 等),需要进行相应的配置。以下是一些常见数据库的配置示例:

PostgreSQL
DATABASES = {
    'default': {
        'ENGINE': 'django.db.backends.postgresql',
        'NAME': 'your_database_name',
        'USER': 'your_database_user',
        'PASSWORD': 'your_database_password',
        'HOST': 'localhost',  # 或者是数据库服务器的 IP 地址
        'PORT': '',  # 默认端口是 5432,可以不写
    }
}
MySQL
DATABASES = {
    'default': {
        'ENGINE': 'django.db.backends.mysql',
        'NAME': 'your_database_name',
        'USER': 'your_database_user',
        'PASSWORD': 'your_database_password',
        'HOST': 'localhost',  # 或者是数据库服务器的 IP 地址
        'PORT': '3306',  # 默认端口是 3306
    }
}

步骤 3: 安装必要的数据库驱动

对于非 SQLite 数据库,你需要安装相应的数据库驱动。例如:

  • PostgreSQL:安装 psycopg2
    pip install psycopg2-binary
    
  • MySQL:安装 mysqlclient
    pip install mysqlclient
    

步骤 4: 进行数据库迁移

在配置好数据库后,需要进行数据库迁移以创建数据库表结构。在 PyCharm 的终端中运行以下命令:

python manage.py makemigrations
python manage.py migrate

这些命令会根据你的模型定义生成数据库迁移文件,并应用这些迁移来创建数据库表。

步骤 5: 创建应用

在项目中创建应用时,数据库配置已经设置好了,应用将使用项目中配置的数据库。你可以通过以下步骤创建应用:

  • 在 PyCharm 的项目视图中,右键点击项目的根目录。
  • 选择 “New” -> “Django App”。
  • 输入应用名称并选择创建位置,然后点击 “OK”。

创建应用后,你可以在应用的 models.py 文件中定义数据模型,并通过 makemigrationsmigrate 命令来更新数据库结构。

通过以上步骤,你可以在创建 Django 应用时正确配置和使用数据库。

三、添加模板

在 Django 应用中添加模板的步骤如下:

步骤 1: 创建模板目录

首先,在你的 Django 应用目录中创建一个 templates 文件夹。这个文件夹将用于存放所有的 HTML 模板文件。

例如,假设你的应用名为 myapp,那么模板目录的结构可能如下:

myapp/
    models.py
    views.py
    ...
    templates/
        myapp/
            base.html
            index.html
            ...

步骤 2: 配置模板路径

确保 Django 能够找到你的模板文件。通常情况下,如果你按照上述结构创建模板目录,Django 会自动找到模板文件。不过,你也可以在项目的 settings.py 文件中显式配置模板路径:

TEMPLATES = [
    {
        'BACKEND': 'django.template.backends.django.DjangoTemplates',
        'DIRS': [BASE_DIR / 'myapp/templates'],  # 添加模板目录路径
        'APP_DIRS': True,
        'OPTIONS': {
            # 其他配置...
        },
    },
]

步骤 3: 创建 HTML 模板文件

templates/myapp 目录中创建 HTML 文件。例如,创建一个 index.html 文件,内容如下:

<!DOCTYPE html>
<html>
<head>
    <title>My App</title>
</head>
<body>
    <h1>Welcome to My App</h1>
    <p>This is the index page.</p>
</body>
</html>

步骤 4: 在视图中使用模板

在你的应用的 views.py 文件中,编写视图函数来渲染模板。使用 render 函数可以将模板与上下文数据结合并返回给用户。

例如:

from django.shortcuts import render

def index(request):
    context = {'message': 'Hello, world!'}
    return render(request, 'myapp/index.html', context)

步骤 5: 配置 URL 路由

在你的应用的 urls.py 文件中,添加 URL 路由以指向你的视图函数。

例如:

from django.urls import path
from . import views

urlpatterns = [
    path('', views.index, name='index'),
]

步骤 6: 运行服务器并测试

启动 Django 开发服务器,访问配置的 URL 路径,查看模板是否正确渲染。

python manage.py runserver

然后在浏览器中访问 http://127.0.0.1:8000/(假设你的应用 URL 路径为根路径),你应该能看到渲染后的 HTML 页面。

通过以上步骤,你可以在 Django 应用中成功添加和使用模板。

四、练习一

下面是一个简单但完整的 Django 项目示例,该项目将创建一个简单的博客应用,用户可以查看博客文章列表和单个文章的详细内容。

步骤 1: 创建 Django 项目

  1. 创建项目

    django-admin startproject myblog
    cd myblog
    
  2. 创建应用

    python manage.py startapp blog
    
  3. 注册应用
    myblog/settings.py 中的 INSTALLED_APPS 列表中添加 'blog'

    INSTALLED_APPS = [
        ...
        'blog',
    ]
    

步骤 2: 定义模型

blog/models.py 中定义博客文章的模型:

from django.db import models

class Post(models.Model):
    title = models.CharField(max_length=200)
    content = models.TextField()
    created_at = models.DateTimeField(auto_now_add=True)

    def __str__(self):
        return self.title

步骤 3: 迁移数据库

运行以下命令以创建数据库表:

python manage.py makemigrations
python manage.py migrate

步骤 4: 创建视图

blog/views.py 中创建视图:

from django.shortcuts import render, get_object_or_404
from .models import Post

def post_list(request):
    posts = Post.objects.all().order_by('-created_at')
    return render(request, 'blog/post_list.html', {'posts': posts})

def post_detail(request, pk):
    post = get_object_or_404(Post, pk=pk)
    return render(request, 'blog/post_detail.html', {'post': post})

步骤 5: 创建模板

blog/templates/blog 目录下创建两个 HTML 文件:post_list.htmlpost_detail.html

  • post_list.html:

    <!DOCTYPE html>
    <html>
    <head>
        <title>Blog</title>
    </head>
    <body>
        <h1>Blog Posts</h1>
        <ul>
            {% for post in posts %}
            <li>
                <a href="{% url 'post_detail' post.pk %}">{{ post.title }}</a> - {{ post.created_at }}
            </li>
            {% endfor %}
        </ul>
    </body>
    </html>
    
  • post_detail.html:

    <!DOCTYPE html>
    <html>
    <head>
        <title>{{ post.title }}</title>
    </head>
    <body>
        <h1>{{ post.title }}</h1>
        <p>{{ post.content }}</p>
        <a href="{% url 'post_list' %}">Back to list</a>
    </body>
    </html>
    

步骤 6: 配置 URL 路由

blog/urls.py 中配置 URL 路由:

from django.urls import path
from . import views

urlpatterns = [
    path('', views.post_list, name='post_list'),
    path('post/<int:pk>/', views.post_detail, name='post_detail'),
]

myblog/urls.py 中包含应用的 URL 配置:

from django.contrib import admin
from django.urls import include, path

urlpatterns = [
    path('admin/', admin.site.urls),
    path('', include('blog.urls')),
]

步骤 7: 运行服务器

启动 Django 开发服务器:

python manage.py runserver

步骤 8: 测试项目

打开浏览器,访问 http://127.0.0.1:8000/,你应该能看到博客文章列表。点击文章标题可以查看文章的详细内容。

步骤 9: 添加数据

你可以通过 Django admin 界面添加博客文章。首先,需要在 blog/admin.py 中注册模型:

from django.contrib import admin
from .models import Post

admin.site.register(Post)

然后运行 python manage.py createsuperuser 创建一个管理员用户,登录 admin 界面(http://127.0.0.1:8000/admin/),添加一些博客文章。

这个简单的 Django 项目展示了如何创建一个基本的博客应用,包括模型、视图、模板和 URL 路由的配置。

五、练习二

使用 PyCharm 创建和运行一个简单的 Django 项目可以让你更高效地进行开发。以下是详细步骤:

步骤 1: 创建 Django 项目

  1. 打开 PyCharm

    • 启动 PyCharm 应用程序。
  2. 创建新项目

    • 点击 “File” -> “New Project”。
    • 在 “New Project” 对话框中,选择 “Django” 作为项目类型。
    • 输入项目名称(例如 myblog)。
    • 选择项目位置。
    • 选择 Python 解释器。如果没有,可以创建一个新的虚拟环境。
    • 勾选 “Enable Django admin” 选项以启用 Django 的 admin 界面.
    • 点击 “Create” 按钮,PyCharm 将为你创建一个新的 Django 项目.

步骤 2: 创建 Django 应用

  1. 打开项目

    • 如果项目已经打开,可以直接进行下一步。如果没有,打开 PyCharm 并加载你的 Django 项目.
  2. 创建新应用

    • 在项目视图中,右键点击项目的根目录(例如 myblog).
    • 选择 “New” -> “Django App”。
    • 输入应用名称(例如 blog).
    • 点击 “OK” 按钮,PyCharm 将为你创建一个新的 Django 应用.
    • myblog/settings.py 中的 INSTALLED_APPS 列表中自动添加 'blog'

步骤 3: 定义模型

  1. 打开 blog/models.py 文件
    • 定义博客文章的模型:
      from django.db import models
      
      class Post(models.Model):
          title = models.CharField(max_length=200)
          content = models.TextField()
          created_at = models.DateTimeField(auto_now_add=True)
      
          def __str__(self):
              return self.title
      

步骤 4: 迁移数据库

  1. 打开 PyCharm 终端
    • 在 PyCharm 的底部工具栏中找到并打开 “Terminal”。
    • 运行以下命令以创建数据库表:
      python manage.py makemigrations
      python manage.py migrate
      

步骤 5: 创建视图

  1. 打开 blog/views.py 文件
    • 创建视图函数:
      from django.shortcuts import render, get_object_or_404
      from .models import Post
      
      def post_list(request):
          posts = Post.objects.all().order_by('-created_at')
          return render(request, 'blog/post_list.html', {'posts': posts})
      
      def post_detail(request, pk):
          post = get_object_or_404(Post, pk=pk)
          return render(request, 'blog/post_detail.html', {'post': post})
      

步骤 6: 创建模板

  1. 创建模板目录

    • blog 应用目录下创建一个 templates 文件夹.
    • templates 文件夹中创建一个 blog 子文件夹.
    • blog/templates/blog 目录下创建两个 HTML 文件:post_list.htmlpost_detail.html.
  2. 编写模板文件

    • post_list.html:
      <!DOCTYPE html>
      <html>
      <head>
          <title>Blog</title>
      </head>
      <body>
          <h1>Blog Posts</h1>
          <ul>
              {% for post in posts %}
              <li>
                  <a href="{% url 'post_detail' post.pk %}">{{ post.title }}</a> - {{ post.created_at }}
              </li>
              {% endfor %}
          </ul>
      </body>
      </html>
      
    • post_detail.html:
      <!DOCTYPE html>
      <html>
      <head>
          <title>{{ post.title }}</title>
      </head>
      <body>
          <h1>{{ post.title }}</h1>
          <p>{{ post.content }}</p>
          <a href="{% url 'post_list' %}">Back to list</a>
      </body>
      </html>
      

步骤 7: 配置 URL 路由

  1. 创建 blog/urls.py 文件

    • 配置 URL 路由:
      from django.urls import path
      from . import views
      
      urlpatterns = [
          path('', views.post_list, name='post_list'),
          path('post/<int:pk>/', views.post_detail, name='post_detail'),
      ]
      
  2. myblog/urls.py 中包含应用的 URL 配置

    • 修改 myblog/urls.py 文件:
      from django.contrib import admin
      from django.urls import include, path
      
      urlpatterns = [
          path('admin/', admin.site.urls),
          path('', include('blog.urls')),
      ]
      

步骤 8: 运行服务器

  1. 运行 Django 开发服务器
    • 在 PyCharm 的 “Run” 菜单中选择 “Run ‘manage.py runserver’”,或者直接在终端中运行:
      python manage.py runserver
      

步骤 9: 测试项目

  1. 访问项目
    • 打开浏览器,访问 http://127.0.0.1:8000/,你应该能看到博客文章列表.
    • 点击文章标题可以查看文章的详细内容.

步骤 10: 添加数据

  1. 注册模型到 admin

    • 打开 blog/admin.py 文件:
      from django.contrib import admin
      from .models import Post
      
      admin.site.register(Post)
      
  2. 创建管理员用户

    • 在 PyCharm 终端中运行:
      python manage.py createsuperuser
      
    • 按照提示输入用户名、邮箱和密码.
  3. 登录 admin 界面

    • 访问 http://127.0.0.1:8000/admin/,使用创建的管理员账户登录.
    • 在 admin 界面中添加一些博客文章.

通过以上步骤,你可以在 PyCharm 中创建并运行一个简单的 Django 项目,实现基本的博客功能。

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

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

相关文章

【详细版】DETR系列之Deformable DETR(2021 ICLR)

论文标题Deformable DETR: Deformable Transformers for End-to-End Object Detection论文作者Xizhou Zhu, Weijie Su, Lewei Lu, Bin Li, Xiaogang Wang, Jifeng Dai发表日期2021年03月01日GB引用> Xizhou Zhu, Weijie Su, Lewei Lu, et al. Deformable DETR: Deformable T…

c++----函数重载

目录标题 为什么会有函数重载函数重载的概念函数重载的例子第一个&#xff1a;参数的类型不同第二个&#xff1a;参数的个数不同第三种&#xff1a;类型的顺序不同函数重载的奇异性重载函数的底层原理有关函数重载的一个问题 为什么会有函数重载 大家在学c语言的时候有没有发现…

从云原生到 AI 原生,谈谈我经历的网关发展历程和趋势

作者&#xff1a;谢吉宝&#xff08;唐三&#xff09; 编者按&#xff1a; 云原生 API 网关系列教程即将推出&#xff0c;欢迎文末查看教程内容。本文整理自阿里云智能集团资深技术专家&#xff0c;云原生产品线中间件负责人谢吉宝&#xff08;唐三&#xff09; 在云栖大会的精…

多头自注意力中的多头作用及相关思考

文章目录 1. num_heads2. pytorch源码演算 1. num_heads 将矩阵的最后一维度进行按照num_heads的方式进行切割矩阵&#xff0c;具体表示如下&#xff1a; 2. pytorch源码演算 pytorch 代码 import torch import torch.nn as nn import torch.nn.functional as Ftorch.set…

常用的python库-安装与使用

常用的python库函数 yield关键字openslide库openslide库的安装-linuxopenslide的使用openslide对象的常用属性 cv2库numpy库ASAP库-multiresolutionimageinterface库ASAP库的安装ASAP库的使用 concurrent.futures.ThreadPoolExecutorxml.etree.ElementTree库skimage库PIL.Image…

对接DeepSeek

其实&#xff0c;整个对接过程很简单&#xff0c;就四步&#xff0c;获取key&#xff0c;找到接口文档&#xff0c;接口测试&#xff0c;代码对接。 获取 KEY https://platform.deepseek.com/transactions 直接付款就是了&#xff08;现在官网暂停充值2025年2月7日&#xff0…

ChatGPT提问技巧:行业热门应用提示词案例-文案写作

ChatGPT 作为强大的 AI 语言模型&#xff0c;已经成为文案写作的得力助手。但要让它写出真正符合你需求的文案&#xff0c;关键在于如何与它“沟通”&#xff0c;也就是如何设计提示词&#xff08;Prompt&#xff09;。以下是一些实用的提示词案例&#xff0c;帮助你解锁 ChatG…

分享如何通过Mq、Redis、XxlJob实现算法任务的异步解耦调度

一、背景 1.1 产品简介 基于大模型塔斯&#xff0c;整合传统的多项能力&#xff08;NLP、OCR、CV等&#xff09;&#xff0c;构建以场景为中心的新型智能文档平台。通过文档审阅&#xff0c;实现结构化、半结构化和非结构化文档的信息获取、处理及审核&#xff0c;同时基于大…

8.flask+websocket

http是短连接&#xff0c;无状态的。 websocket是长连接&#xff0c;有状态的。 flask中使用websocket from flask import Flask, request import asyncio import json import time import websockets from threading import Thread from urllib.parse import urlparse, pars…

【大模型实战】使用Ollama+Chatbox实现本地Deepseek R1模型搭建

下载安装Ollama Ollama官方链接:https://ollama.com/,打开链接后就可以看到大大的下载按钮,如下图: 我选择用Win的安装。将Ollama的安装包下载到本地,如果下载慢可以复制链接到迅雷里面,提高下载速度,如下图: 双击之后,就可以开始安装了,如下图: 默认安装到C盘,…

VMware 虚拟机 ubuntu 20.04 扩容工作硬盘

一、关闭虚拟机 关闭虚拟机参考下图&#xff0c;在vmware 调整磁盘容量 二、借助工具fdisk testubuntu ~ $ df -h Filesystem Size Used Avail Use% Mounted on udev 1.9G 0 1.9G 0% /dev tmpfs 388M 3.1M 385M 1% /run /dev/sda5 …

【漫话机器学习系列】082.岭回归(或脊回归)中的α值(alpha in ridge regression)

岭回归&#xff08;Ridge Regression&#xff09;中的 α 值 岭回归&#xff08;Ridge Regression&#xff09;是一种 带有 L2​ 正则化 的线性回归方法&#xff0c;用于处理多重共线性&#xff08;Multicollinearity&#xff09;问题&#xff0c;提高模型的泛化能力。其中&am…

9 Pydantic复杂数据结构的处理

在构建现代 Web 应用时&#xff0c;我们往往需要处理复杂的输入和输出数据结构。例如&#xff0c;响应数据可能包含嵌套字典、列表、元组&#xff0c;甚至是多个嵌套对象。Pydantic 是一个强大的数据验证和序列化库&#xff0c;可以帮助我们轻松地处理这些复杂的数据结构&#…

Day62_补20250210_图论part6_108冗余连接|109.冗余连接II

Day62_20250210_图论part6_108冗余连接|109.冗余连接II 108冗余连接 【把题意转化为并查集问题】 题目 有一个图&#xff0c;它是一棵树&#xff0c;他是拥有 n 个节点&#xff08;节点编号1到n&#xff09;和 n - 1 条边的连通无环无向图&#xff08;其实就是一个线形图&am…

kafka消费端之消费者协调器和组协调器

文章目录 概述回顾历史老版本获取消费者变更老版本存在的问题 消费者协调器和组协调器新版如何解决老版本问题再均衡过程**第一阶段CFIND COORDINATOR****第二阶段&#xff08;JOINGROUP&#xff09;**选举消费组的lcader选举分区分配策略 第三阶段&#xff08;SYNC GROUP&…

IDEA升级出现问题Failed to prepare an update Temp directory inside installation

IDEA升级出现问题"Failed to prepare an update Temp directory inside installation…" 问题来源&#xff1a; 之前修改了IDEA的默认配置文件路径&#xff0c;然后升级新版本时就无法升级&#xff0c;提示"Failed to prepare an update Temp directory insid…

十款开源的论坛建站工具

以下是十款开源的论坛建站工具&#xff0c;它们各具特色&#xff0c;能够满足不同用户的需求&#xff1a; Discuz!&#xff08;Crossday Discuz! Board&#xff09; 特点&#xff1a;基础架构采用web编程组合PHPMySQL&#xff0c;用户可以在不需要任何编程的基础上&#xff0c;…

vue学习6

1. 智慧商城 1. 路由设计配置 单个页面&#xff0c;独立展示的&#xff0c;是一级路由 2.二级路由配置 规则&组件配置导航链接配置路由出口 <template><div id"app"><!--二级路由出口--><router-view></router-view><van-…

线程池以及日志、线程总结

一、线程池以及日志 1、基础线程池写法 主线程在main函数中构建一个线程池&#xff0c;初始化(Init)后开始工作(Start) 此时线程池中每个线程都已经工作起来了&#xff0c;只是任务队列中任务为空&#xff0c;所有线程处于休眠状态(通过线程同步中的条件变量实现&#xff0c…

Vue 响应式渲染 - 过滤应用

Vue 渐进式JavaScript 框架 基于Vue2的学习笔记 - Vue响应式渲染综合 - 过滤应用 目录 过滤应用 引入vue Vue设置 设置页面元素 模糊查询过滤实现 函数表达式实现 总结 过滤应用 综合响应式渲染做一个输入框&#xff0c;用来实现&#xff1b;搜索输入框关键词符合列表。…