目录
一、CUD
( 1) CU讲述
( 2 ) 编写
1.CU
2. 删除
二、验证
前端整合代码 :
一、CUD
以下的代码基于我博客中的代码进行续写 :
使用ElementUI结合Vue导航菜单和后台数据分页查询
( 1) CU讲述
在CRUD操作中,CU代表创建(Create)和更新(Update)。
1. 创建(Create):创建操作用于在数据库中创建新的数据记录。它通常涉及向数据库中插入新的数据行或文档。例如,在关系型数据库中,可以使用INSERT语句来创建新的数据行。在文档数据库中,可以直接插入新的文档。
2. 更新(Update):更新操作用于修改数据库中已存在的数据记录。它可以用于更改数据行或文档中的一个或多个属性的值。例如,在关系型数据库中,可以使用UPDATE语句来更新数据行的值。在文档数据库中,可以使用更新操作符来修改文档的属性。
这两个操作通常是CRUD操作中最常用的。创建操作用于添加新的数据记录,而更新操作用于修改已存在的数据记录。它们可以在应用程序中用于实现用户注册、添加新的产品、更新用户信息等功能。
( 2 ) 编写
1.CU
在项目中的src文件下api中找到action.js进行配置数据访问的地址:
/**
* 对后台请求的地址的封装,URL格式如下:
* 模块名_实体名_操作
*/
export default {
'SERVER': 'http://localhost:8080/ssm', //服务器地址
'SYSTEM_USER_DOLOGIN': '/user/userLogin', //登陆请求
'SYSTEM_USER_DOREG': '/user/userRegister', //注册请求
'SYSTEM_MENU': '/module/queryRootNode', //左侧菜单导航数据请求
'S服务器托管网YSTEM_BookList': '/book/queryBookPager', //书籍的后端数据请求
'SYSTEM_BookAdd': '/book/addBook', //书籍增加的数据请求
'SYSTEM_BookEdit': '/book/editBook', //书籍修改的数据请求
'SYSTEM_BookDel': '/book/delBook', //书籍删除的数据请求
'getFullPath': k => { //获得请求的完整地址,用于mockjs测试时使用
return this.SERVER + this[k];
}
}
在BookList.vue组件中进行编写增加修改的代
在ElementUI里面找到弹出窗进行编写增加修改的弹窗
服务器托管,北京服务器托管服务器托管网,服务器租用 http://www.fwqtg.net