用户注册信息验证2

上一节课，我们实现了用户名的验证，此外，我们还需要验证邮箱，密码等信息，如果每一个都写写一次Toastify提示，显然代码非常冗长。本节课通过将提示功能封装为一个独立的函数，进一步优化了代码结构。具体步骤如下：

1. 在src目录下创建一个名为utils的文件夹，用于存放一些常用的工具包。

2. 在utils文件夹中创建一个名为message.js的文件，用于存放与消息相关的方法。目录结构如下：

├── src
│   ├── App.vue
│   ├── assets
│   │   ├── css
│   │   ├── images
│   ├── components
│   │   ├── Category.vue
│   │   ├── Footer.vue
│   │   ├── Header.vue
│   │   ├── MovieList.vue
│   │   ├── Page.vue
│   ├── main.js
│   ├── router
│   │   └── index.js
│   ├── utils
│   │   └── message.js
│   └── views
│       ├── HomeView.vue
│       ├── MovieDetail.vue
│       └── Register.vue

3. 将实现提示功能的代码从原来的位置拷贝到message.js文件中，并修改为一个独立的函数，命名为showMessage。message.js代码如下：

🔒 试读结束

继续阅读完整内容

以上为免费预览。前往「Django + Vue 全栈课程」，查看后续完整讲解、案例演示和配套资料。

查看课程详情