fmdpenny的博客

手动删除数据库中的 Golden 表后，重新运行 makemigrations 和 migrate 命令时，Django 提示没有需要应用的迁移（No migrations to apply），导致表未重新创建。Django 的 django_migrations 表中仍然记录着已应用的迁移，导致 Django 认为不需要重新创建表。删除数据库表后，Django 的迁移文件仍然认为表已经存在，因此不会重新创建表。可能存在多个迁移文件，导致 Django 无法正确识别需要应用的迁移。如果还不行，就强制迁移。

如果发现前端输入信息后，后端报"OPTIONS /user/login/ HTTP/1.1" 405 0错误。可以从2个方面去排查，①路由的路径配置 ②Setting中跨域的配置。前后端分别启动，就可以进行尝试。应用的urls.py。

在 testvue/settings.py 文件中，找到 INSTALLED_APPS 配置项，并添加你的应用。前端Vue3学习了一些常规的操作，要配合上后端进行通信，选择原先掌握的Django,数据库选择mysql。Django 是一个基于 Python 的 Web 框架，因此首先需要安装 Python。这将创建一个名为 myproject 的文件夹，其中包含 Django 项目的基本结构。这将创建一个名为 myapp 的文件夹，其中包含应用的基本结构。1.安装 Python。2.安装Django。

用一个商品的后台管理进行增，删，改的实现。

如果ElementPlus是全局引入的，ElMessageBox的方法会自动挂载到app.config.globalProperties，可以在Vue实例中直接使用。如果ElementPlus是全局引入的，ElMessage会自动挂载到app.config.globalProperties，可以在Vue实例中直接使用。弹窗打开时仍然可以与背景页面交互，可以设置modal属性为false。ElMessage组件可以实现全局消息提示功能。3.MesageBox组件。

el-form 是一个表单容器，可以包含多个 el-form-item，每个 el-form-item 包裹具体的表单控件，如输入框、选择器、日期选择器等。1.使用 el-form 组件。比较使用的功能，可以跟官网学习。

官方网址：https://element-plus.org/zh-CN/component/table.html。5.使用 el-pagination 组件。3.使用 el-table 组件。安装 Element Plus。引入 Element Plus。自定义列,例如添加操作按钮。与el-table组合。

在 App.vue 文件中，使用 router-view 组件来显示当前路由匹配的组件，并使用 router-link组件来创建导航链接。如果在路由守卫中遇到错误，可以通过 next(error) 将错误传递给 Vue Router 的全局错误处理程序。Vue Router 4 提供了多种路由守卫，用于在路由跳转前后执行逻辑，例如权限检查、数据预加载等。路由独享守卫在单个路由配置中定义，可以用来对特定路由进行更细粒度的控制。组件内守卫在单个组件中定义，可以用来在组件级别进行路由控制。

大家可以把getter想象成Vue中的计算属性，它的作用就是返回一个新的结果，既然它和Vue中的计算属性类似，那么它肯定也是会被缓存的，就和computed一样。2.pinia中只有state、getter、action，抛弃了Vuex中的Mutation，Vuex中mutation一直3.都不太受小伙伴们的待见，pinia直接抛弃它了，这无疑减少了我们工作量。Pinia的学习，在Vue2中推荐使用Vuex，而Vue3中推荐使用Pinia，那么一起进行Pinia的学习。使用 Pinia 来管理应用状态。

在 Vue 3 中，组件通信是一个非常重要的概念，它决定了如何在父子组件之间、兄弟组件之间以及跨层级组件之间传递数据和事件。父组件通过 provide 提供数据，子组件通过 inject 注入这些数据。对于复杂的应用，可以使用 Vuex 或 Pinia 来管理全局状态。在 Vue 3 中，可以使用 mitt 插件来实现全局事件总线。3.1 使用 provide 和 inject。5. 使用 Vuex 或 Pinia。3. 跨层级组件通信。

在 Vue 3 中，插槽（Slots）是一种强大的内容分发机制，允许你在组件中定义可替换的内容区域，从而使组件更加通用和灵活。具名插槽允许在子组件中定义多个插槽，每个插槽都有一个唯一的名称。父组件可以通过指定插槽的名称来将内容插入到对应的插槽中。作用域插槽允许子组件向父组件传递数据的特殊插槽类型。父组件可以通过作用域插槽访问子组件传递的数据。动态插槽名允许父组件根据条件动态地选择将内容插入到哪个插槽中。

v-show 也用于条件性地显示元素，但它始终会渲染元素，只是通过 CSS 的 display 属性来控制显示或隐藏。v-cloak 用于隐藏未编译的 Mustache 标签，直到 Vue 实例编译完成。v-bind 用于动态绑定一个或多个属性，或一个组件 prop 到表达式的值。v-pre 用于跳过元素和子元素的编译过程，适用于静态内容，可以提高渲染性能。v-once 用于一次性插值，插值的内容在首次渲染后不会更新。v-if、v-else-if、v-else：条件渲染。v-pre：跳过编译。

Vue 3 的双向数据绑定主要通过 v-model 指令实现。v-model 是一个语法糖，它在内部为不同的表单控件元素提供了不同的实现方式。1.文本输入框，多文本，复选框（checkbox），单选按钮（radio）当Vue 3.2以上的时候，可以使用defineModel来使用。

②删除 node_modules 目录和 package-lock.json 文件，然后重新安装依赖：Remove-Item -Recurse -Force node_modules;如果你的项目依赖项中存在版本不兼容的问题，可以尝试使用 --legacy-peer-deps 选项来忽略对等依赖的版本检查：npm install element-plus --save --legacy-peer-deps。③使用 --legacy-peer-deps 选项。发现淘宝的镜像有时候也是很慢的，还可以换个。

Vue的核⼼库只关注视图层，不仅易于上手，还便于与第三方库或既有项⽬整合。另一方面，当与现代化的⼯具链以及各种⽀持类库结合使⽤时，Vue也完全能够为复杂的单页应用提供驱动。之前一直在做图像以及数据的开发，对前端的内容关注比较少。随着Vue越来越方便，先在写数据前，记录下Vue3的学习。Vue3+Django的前后开发框架，实现日常的平台管理，可视化界面等。期待能始终记录学习的过程，与大家一起共成长，不足之处请多多指正。傻瓜式安装，完成在要系统变量中可以查看，然后可以在command中，输入。