1.在page下面的index.vue
首先写大体
加上布局大小和背景颜色
2.Menu相当于一个组件 在layout下面components加Menu.vue
3.写Menu.vue
4.在index里面 import Menu 并在sider里引入Menu (原本是菜单)
(一定要加height)
5.组件要渲染
6.user的详情和列表
写detail和List两个路由
7.写index——new路由(注意是子路由 layout下面的user下面的list)
8.修改菜单menu下面的路径
(注:不需要头部的时候在上面写这个)
增删改查(用户管理)
9.新写一个
然后开写增删改查
定义路由的实例
用户列表的请求(必须写params 本来是键值对 但只是一个对象不能随时变值)
10.用户列表引入
(然后传过来的)
11.请求数据(async:请求异步)
然后(ref: columns没用因为是绑定的 dataSource加了ref是要变动的数据)
12.开始弄分页
有点击选择分页的
(pagesize、pageNumber重点!!!)下面写好就能分页了
到此处就结束啦
开始写删除
然后在这里一步一步写是字符串哦
加状态框
改一下
定义然后要写接口
成功后提示
在record里面传id
到此删除就写完啦
接下来写查询
首先template里面写界面
然后定义一个passData 传后端数据的 (渲染)
要赋值一个对象哦
下面的红线作用依次为:
1.必须加model 下面定义passData传数据
2.必须加name
3.v-model绑定value
4.<a-space>写出空隙
给passdata展开出来
写作用
回到page1并查询
记得写.value哦
重置的reset依次为:
页码 分页数据 传表单数据 请求对象
模态框封装成组件
id拼给他 并且 传输整条数据(注意 put方法 和 传的data)
formdata有没有id?
箭头函数搜到当前数据
可能修改可能新增
要改 用新对象包起来
新增 空对象
data.id传过去
一些
改成中文
下一节:组件