仓库管理系统-9-前端之Main主要区域的新增表单
文章目录
- 1 新增功能
- 2 新增按钮
-
- 2.1 页面布局
- 2.2 弹出窗口(对话框)
-
- 2.2.1 Dialog对话框
- 2.2.2 属性示例
- 2.2.3 对话框内嵌表单
- 2.3 add()方法
- 3 提交数据
-
- 3.1 save方法
- 3.2 UserController.java
- 4 数据的检查校验
-
- 4.1 检查规则rules
- 4.2 自定义校验器
-
- 4.2.1 验证规则checkAge
- 4.2.2 验证规则checkDuplicate
- 4.2.3 UserController.java
- 5 Main.vue
在一个VSCode的文件中调用了某个函数，想跳转到它的定义，按住Ctrl的同时点击函数名。
点击新增按钮，弹出对话框，在其中填写表单，并对表单数据进行校验，最后提交到后台存储。
1 新增功能
许多软件应用都包含显示信息的列表table和用于操作或输入的表单form。
1、新增按钮。
2、弹出窗口。
3、编写表单。
4、提交数据（提示信息、列表刷新）。
5、数据的检查。
2 新增按钮
点击按钮，触发add方法。
2.1 页面布局
<template><div><div style