04 2023 档案
摘要：1、应用程序命名空间app_name from django.urls import path from . import views from .views import RepairDetailView app_name = 'repair' urlpatterns = [ path('repa
阅读全文
摘要：1、视图 @login_required def department_list_view(request): departments = Department.objects.all() return render(request, 'base/depart/department_list.htm
阅读全文
摘要：在 Django 中，视图（View）是处理请求并返回响应的主要机制。Django 中有许多视图类可用于处理常见的 CRUD（Create、Read、Update、Delete）操作以及其他类型的请求和响应。 以下是 Django 中最常用的五个视图类： ListView：用于显示一个对象列表的视图
阅读全文
摘要：1、模型 from django.db import models from django.contrib.auth.models import User # Create your models here. class Department(models.Model): name = models
阅读全文
摘要：创建应用App python manage.py startapp RepairApp 创建模型 在models.py文件中定义一个Repair模型来表示报修单，其中包含以下字段： repair_id: 报修单号 repair_time: 报修时间 repair_person: 报修人 proble
阅读全文
摘要：为了实现一个在线报修系统，您可以按照以下步骤进行： 创建Django项目和应用 使用Django的命令行工具创建一个Django项目，并在该项目中创建一个名为“RepairApp”的应用程序。 确定数据库模型 在Django中，您可以使用模型（Model）定义数据库表的结构。对于一个在线报修系统，您
阅读全文
摘要：1、user_list.html删除按钮链接设置： <td> <a class="btn btn-danger btn-xs" href="{% url 'user_delete' user.id %}" onclick="return confirm('确定要删除吗？')">删除 </a> </t
阅读全文
摘要：1、模块： {% extends 'base.html' %} {% block content %} <div class="card mt-3"> <div class="card-header">新增用户</div> <div class="card-body"> <form method="
阅读全文
摘要：1、模块 {% extends 'base.html' %} {% block content %} <!-- 编辑用户表单 --> <div class="card mt-3"> <div class="card-header">编辑用户</div> <div class="card-body">
阅读全文
摘要：首先在template模板文件夹中新建account子文件夹，用于存放用户管理相关模块页面。 下面开始正式的设计： 1、模块代码设计 {% extends 'base.html' %} {% block content %} <div style="margin-top: 16px;"> <a hr
阅读全文
摘要：要编写登录页面，我们需要完成以下步骤： template文件夹中创建 login.html 模板文件，输入以下 HTML 代码： {% extends 'base.html' %} {% block title %}Login{% endblock %} {% block content %} <h
阅读全文
摘要：在 Django 中，我们可以使用模板继承来避免代码的重复。模板继承是指我们可以在一个模板中定义一些公共的 HTML 代码，然后在其他模板中继承这个基础模板，并根据需要添加或覆盖一些内容。 通常情况下，我们会定义一个名为 base.html 的基础模板，其中包含网站的公共结构和样式，例如页眉、页脚、
阅读全文
摘要：在 Django 中，模板（Template）用于生成动态的 HTML 页面。通常情况下，Django 项目包含多个视图函数，每个视图函数都负责渲染不同的 HTML 页面。使用模板可以让我们将 HTML 页面和视图函数分离开来，实现逻辑与视图的分离，使代码更加清晰和易于维护。 Django 中的模板
阅读全文
摘要：Django4可以采用前后端分离或者不分离两种方式来开发Web应用，它们各有优缺点。 前后端分离的优点： 前后端职责分离：前端负责视图展示、用户交互，后端负责数据处理、逻辑处理，分工明确，开发效率高。 前端代码可重用性强：前端代码独立于后端，可以在多个项目中共用，提高了前端代码的可重用性。 提高用户
阅读全文
摘要：在 Django 中，你可以使用 render 函数来渲染模板并将其返回给客户端，也可以使用 redirect 函数来重定向到其他 URL。 在 Django 中，render 函数和 redirect 函数都用于处理 HTTP 请求并向客户端返回响应。它们的主要区别在于返回的内容不同。 rende
阅读全文
摘要：在 Django 4 中，视图（View）是一个处理请求并返回响应的 Python 函数或类的组合。视图函数通常是处理请求的主要逻辑，因此它是 Django Web 应用程序的重要组成部分。 视图函数的基本结构如下： from django.http import HttpResponse def
阅读全文
摘要：在 Django 4 中，可以在主路由文件中设置和管理子路由。通常，我们会为每个应用程序创建一个子路由文件，以便更好地组织代码和管理路由。 以下是 Django 4 中设置主路由和子路由的示例： 首先，在主路由文件 urls.py 中导入子路由，并将其添加到 urlpatterns 中： # url
阅读全文
摘要：在 Django 4 中，可以在 settings.py 文件中设置 STATICFILES_DIRS 来指定应用程序静态文件所在的文件夹路径，设置 STATIC_ROOT 来指定收集所有应用程序静态文件的目标文件夹路径。例如： # settings.py STATICFILES_DIRS = [
阅读全文
摘要：在 Django 4 中，可以使用 createsuperuser 命令来创建超级管理员账号。超级管理员拥有管理后台的所有权限，包括创建、编辑和删除用户、组、权限等操作。 下面是创建超级管理员账号的步骤： 1、执行以下命令创建超级管理员账号： python manage.py createsuper
阅读全文
摘要：Django 4 中使用数据迁移（migration）来管理数据库结构的变化。数据迁移可以创建、修改和删除数据库表、字段、索引等对象，以及填充初始数据。 下面是使用数据迁移的基本步骤： 1、在 app 的 models.py 中定义数据库模型。 2、在 app 的根目录下执行以下命令创建迁移： py
阅读全文
摘要：Django 4 支持多种类型的数据库连接，包括 MySQL、PostgreSQL、SQLite、Oracle 等。对于不同类型的数据库，需要进行不同的设置。下面是 Django 4 对各类数据库连接的设置方法。 MySQL 在 Django 4 中连接 MySQL 数据库，需要使用 django.
阅读全文
摘要：在 Django 中，模型（Model）是用于定义数据结构的组件，其作用如下： 定义数据结构：模型用于定义数据库中的表格和表格中的字段（列），其中每个模型类对应一个表格，模型中的每个字段对应表格中的一列。模型的定义可以在 models.py 文件中完成。 数据库操作：模型提供了简单易用的 API 用
阅读全文
摘要：在 Django 4 中，应用（app）的注册是通过在项目的 settings.py 文件中添加应用名称来实现的。具体步骤如下： 在项目的根目录下创建一个应用目录，该目录应包含一个 apps.py 文件和一个 models.py 文件，以便 Django 可以正确地加载和管理应用。 在 settin
阅读全文
摘要：在 Django 4 中，每个应用（app）都需要定义一个 apps.py 文件，用于配置应用的基本信息，如应用的名称、显示名称、图标、默认路径、启动时需要执行的操作等。apps.py 文件是一个 Python 模块，需要继承自 django.apps.AppConfig 类，并且定义一些类属性和方
阅读全文
摘要：一、安装虚拟环境： 命令：pip3 install virtualenv 二、安装管理工具： 命令：pip3 install virtualenvwrapper 三、新建： 命令：python -m venv 虚拟环境名 或者 virtualenv 虚拟环境名 例如：PS E:\pyapp\pyte
阅读全文
摘要：python 下载安装： 下载网址：https://www.python.org/downloads/ 安装方法：https://www.cnblogs.com/beichengshiqiao/p/16153586.html 新版的python一般无需配置环境，在安装的时候勾选带有Add Pytho
阅读全文
摘要：使用.env加后缀的方式来建立某个模式下的环境变量， 例如：项目根目录新建两个环境变量文件（development开发环境和production生产环境）： .env.development .env.production 在新建的两个环境变量文件中设置相同的环境变量名： VUE_APP_BASE_
阅读全文
摘要：vue3 环境变量 在Vue3中，可以通过环境变量来管理应用程序中的配置。这些配置可以包括后端API的URL、API key、跟踪ID等等。在不同的开发、测试、生产环境中使用不同的配置是非常有用的。Vue3允许使用.env、.env.local、.env.[mode]和.env.[mode].loc
阅读全文
摘要：devServer 是一个用于配置开发服务器的选项对象。它可以用来配置服务器的各种选项，例如代理，端口号，HTTPS 等。 以下是一些常用的 devServer 参数和设置： port：指定开发服务器的端口号，默认为 8080。 host：指定开发服务器的主机名，默认为 localhost。 htt
阅读全文
摘要：可以将Axios拦截器封装成一个单独的request文件，以便在整个应用程序中重复使用。 以下是一个示例，展示如何将Axios拦截器封装成一个request文件： 1、创建一个名为request.js的新文件，并导入Axios： import axios from 'axios'; 2、创建一个名为
阅读全文
摘要：在Vue.js 3中，使用Axios与Vue.js 2.x中类似，但是需要进行一些修改和更新，下面是Vue.js 3中Axios的定义和使用方式： 首先，你需要安装Axios和Vue.js 3.x，可以使用npm或yarn等包管理工具安装： npm install axios vue@next 然后
阅读全文
摘要：Module not found: Error: Can‘t resolve ‘js-cookie‘ 原因：没有安装js-cookie 解决：npm install -save js-cookie
阅读全文
摘要：Module not found: Error: Can't resolve 'axios' in 'D:\BaiduSyncdisk\vue-cli-project\dc_vue3\src\utils' 因：没有安装axios插件 在运行项目的地方npm install --save axios
阅读全文
摘要：在 Vue 3 中，Element Plus 的 ElButton 组件提供了多种按钮类型和属性，可以用于实现不同的交互效果。下面是 ElButton 常用的作用和属性： 作用： 用于在页面上添加交互按钮，比如提交按钮、取消按钮等。 常用属性： type：按钮类型，可以取值为 primary、suc
阅读全文
摘要：在 Vue 3 中，Element Plus 也提供了 ElRow 和 ElCol 组件，用于实现栅格布局。 ElRow 组件的常用属性： gutter：栅格间距，默认为 0。 type：布局模式，可选值为 flex、justify 和 align。默认值为 flex。 tag：组件标签，默认为 d
阅读全文
摘要：在 Element Plus 中，el-form 是一个表单组件，用于创建表单以便用户填写和提交数据。它提供了许多内置的验证规则和验证方法，使表单验证更加容易。 使用 el-form 组件，您可以将表单控件组织在一起，并对表单进行验证，以确保提交的数据符合预期的格式和要求。该组件具有以下特性： 支持
阅读全文
摘要：SCSS和SASS都是CSS预处理器，它们的主要目的是简化CSS的编写，增加可维护性，并提供更丰富的功能。下面是它们与普通的CSS的区别： 语法：SCSS和SASS都具有比普通CSS更丰富的语法。其中，SASS使用缩进来表示嵌套，而SCSS则使用类似于CSS的花括号语法。因此，SCSS更易于CSS开
阅读全文
摘要：<script setup> 是 Vue 3 中的一种语法糖，它可以使组件的脚本更加简洁、易读，并且减少了一些样板代码。使用 <script setup>，你可以将组件的 props、data、computed、methods 等所有逻辑都写在一个地方，而不需要分别写在不同的区块。 以下是一个使用
阅读全文
摘要：在Vue3中，可以通过props将父组件的数据传递给子组件。具体步骤如下： 在父组件中定义要传递给子组件的数据，可以是data属性中的数据或者是计算属性computed中的数据。 在子组件中通过props属性声明接收父组件传递的数据。 在子组件中使用接收到的数据。 下面是一个示例： <templat
阅读全文
摘要：Vue3 的状态管理主要是通过 Vuex 4 来实现。Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式，它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。 在Vue3的状态管理中，以下是各个属性的作用： state：存储应用程序中的状态数据。它
阅读全文
摘要：在 Vue Router 中，可以为路由和路由组件注册全局的路由守卫，也可以在组件内部注册路由守卫。 组件内部的路由守卫有以下几种： beforeRouteEnter：在路由进入组件前被调用，但是在组件实例化之前被调用，因此在该守卫中无法访问组件实例的 this。 beforeRouteUpdate
阅读全文
摘要：在 Vue.js 3.x 中，我们可以使用路由守卫来拦截路由的跳转，从而实现一些功能，例如：登录验证、页面权限控制等。 Vue.js 3.x 中的路由守卫和 Vue.js 2.x 中的基本相同，都包含了 beforeEach、beforeResolve 和 afterEach 等钩子函数。 下面是一
阅读全文
摘要：在 Vue.js 3.x 中，我们可以使用 useRouter 和 useRoute 来获取当前路由对象和当前路由信息。 useRouter useRouter 可以用来获取当前路由对象。我们可以通过 router 对象调用一些路由操作方法，例如 push、replace、go 等。示例代码如下：
阅读全文
摘要：在 Vue.js 3.x 中，可以通过路由的 params 和 query 属性来传递参数。 通过 params 传递参数 我们可以在路由跳转时通过 params 传递参数。具体方法如下： // 在组件中跳转路由 import { defineComponent } from 'vue' impor
阅读全文
摘要：在Vue3中，路由的基本配置是通过使用Vue Router库来实现的。以下是Vue3中路由的基本配置步骤： 安装Vue Router 使用npm或yarn在项目中安装Vue Router： npm install vue-router // 或者 yarn add vue-router 创建路由实例
阅读全文
摘要：在Vue3中，计算属性可以使用computed函数来定义。 computed函数接受两个参数：第一个参数是一个函数，该函数返回计算属性的值；第二个参数是一个可选的配置对象，可以包含getter和setter函数，以及控制计算属性缓存的缓存配置。 Vue3中的计算属性与Vue2中的计算属性相比有以下几
阅读全文
摘要：在 Vue 3 中，watchEffect 是一个用于监听响应式数据变化的 API。它可以在函数内部自动跟踪数据的依赖，并在依赖变化时重新运行函数。 watchEffect 的作用以及各个参数的功能讲解： watchEffect(effect: (onInvalidate: InvalidateCb
阅读全文
摘要：ref 在 Vue 3 中，你可以使用 setup 函数来定义组件的数据和方法。在 setup 函数中，你可以使用 ref、reactive 和 computed 等 Vue 3 的响应式 API 来定义数据，并返回一个包含你需要公开的数据和方法的对象。下面是一个例子： import { defin
阅读全文
摘要：要定义 Vue 3 组件，你可以使用 Vue 3 提供的 defineComponent 函数。 例如，以下是一个简单的 Vue 3 组件定义： import { defineComponent } from 'vue'; export default defineComponent({ name:
阅读全文
摘要：ERROR: Could not open requirements file: [Errno 2] No such file or directory: 'requirement.txt'WARNING: You are using pip version 22.0.4; however, ver
阅读全文
摘要：Gitee（之前称为GitCafe）是一种基于web的Git仓库托管服务，在中国很受欢迎。它为开发人员提供了一个平台，可以托管他们的Git仓库，与其他开发人员协作，并管理他们的代码。 https://gitee.com/ Gitee支持多种版本控制工具，包括Git和SVN。它还提供了一些高级功能，例
阅读全文
摘要：使用脚手架vue-cli创建vue3项目，创建前需要准备以下： 1、node.js环境 见：https://www.cnblogs.com/beichengshiqiao/p/17251233.html 2、npm、cnpm工具 见：https://www.cnblogs.com/beichengs
阅读全文
摘要：Vue.js 3.0 是 Vue.js 框架的最新版本，于 2020 年 9 月正式发布。Vue.js 3.0 主要的改进和新特性包括： 更好的性能：Vue.js 3.0 使用了更快的虚拟 DOM 实现，比 Vue.js 2.0 更快。 更小的体积：Vue.js 3.0 的代码体积比 Vue.js
阅读全文
摘要：Vue 2 的技术支持会持续多久？从官方发文来看，Vue 2.7 是当前、同时也是最后一个 Vue 2.x 的次级版本更新。Vue 2.7 会以其发布日期，即 2022 年 7 月 1 日开始计算，提供 18 个月的长期技术支持 (LTS：long-term support)。在此期间，Vue 2
阅读全文
