1 pages\role\AxiosLocalhostRouter\AxiosLocalhostRouter.vue
export default {
data() {
return {
list: [],
}
},
async onLoad() {
//内置路由CURD测试
await this.RoleAll();
},
methods: {
async RoleAll() {
/* //uView内置路由不能通过localhost域名获取数据出现错误:本站点必须要开启JavaScript才能运行。
this.list = await (await this.$u.get('http://localhost:5083/WeatherForecast/RoleList'));
*/
this.list = await (await this.$u.get('http://127.0.0.1:5083/WeatherForecast/RoleList'));
//console.log(".NeCore--HTTP: 127.0.0.1:5083--可用域名示例:", this.list);
},
async RoleAllById() {
//参数集中的最后的实例不能有“,”
let roleId = {
id: 3
};
//uView内置路由this.$u.get路由,必须直接定义参数集,而不能像axios.get路由:{params: roleId}。
this.list = await (await this.$u.get('http://127.0.0.1:5083/WeatherForecast/RoleList', roleId));
//console.log(".NeCore--HTTP: 127.0.0.1:5083--可用域名示例:", this.list);
},
async RolePost() {
let role = {
"name": "RolePost--uView内置路由this.$u.post路由",
"active": true,
"isSystemRole": true,
"remark": "uView内置路由this.$u.post路由"
};
let role1 = {
"name": "RolePost--uView内置路由this.$u.post路由--1",
"active": true,
"isSystemRole": true,
"remark": "uView内置路由this.$u.post路由"
};
let role2 = {
"name": "RolePost--uView内置路由this.$u.post路由--2",
"active": true,
"isSystemRole": true,
"remark": "uView内置路由this.$u.post路由"
};
//使用 .netcore http 测试
//参考“axios.post”路由,使用axios.post路由时如果后端没有定义“headers”,那么“axios.post”路由必须包含“headers”定义;
//同时:“axios.post”路由中的参数也必须通过“JSON.stringify”方法进行序列化化,否则不会把数据提交到后端的控制器行为方法。。
await this.$u.post('http://127.0.0.1:5083/WeatherForecast/RolePost', JSON.stringify(role), {
headers: {
"Content-Type": "application/json"
}
});
//uView内置路由即使不带上述参数“post”路由依然会把数据提交到后端的控制器行为方法。
await this.$u.post('http://127.0.0.1:5083/WeatherForecast/RolePost', JSON.stringify(role1));
await this.$u.post('http://127.0.0.1:5083/WeatherForecast/RolePost', role2);
await this.RoleAll();
},
async RolePut() {
let role = {
"Id": 1,
"Name": "Administrators--uView内置路由this.$u.post路由",
"Active": false,
"IsSystemRole": false,
"Remark": "管理员--RolePut--uView内置路由this.$u.post路由--1"
};
let role1 = {
"Id": 2,
"Name": "Registered--uView内置路由this.$u.post路由",
"Active": false,
"IsSystemRole": false,
"Remark": "注册用户--RolePut--uView内置路由this.$u.post路由--2"
};
let role2 = {
"Id": 3,
"Name": "ForumModerators--uView内置路由this.$u.post路由",
"Active": false,
"IsSystemRole": false,
"Remark": "论坛管理员--RolePut--uView内置路由this.$u.post路由--3"
};
//使用 .netcore http 测试
//参考“axios.put”路由,使用axios.put路由时如果后端没有定义“headers”,那么“axios.put”路由必须包含“headers”定义;
//同时:“axios.put”路由中的参数也必须通过“JSON.stringify”方法进行序列化化,否则不会把数据提交到后端的控制器行为方法。
await this.$u.put('http://127.0.0.1:5083/WeatherForecast/RolePut', JSON.stringify(role), {
headers: {
"Content-Type": "application/json"
}
});
//uView内置路由即使不带上述参数“put”路由依然会把数据提交到后端的控制器行为方法。
await this.$u.put('http://127.0.0.1:5083/WeatherForecast/RolePut', JSON.stringify(role1));
await this.$u.put('http://127.0.0.1:5083/WeatherForecast/RolePut', role2);
await this.RoleAll();
},
async RoleDelete() {
let id=1;
await this.$u.delete(`http://127.0.0.1:5083/WeatherForecast/RoleDelete?id=${id}`);
await this.RoleAll();
},
async RoleDeleteSelected() {
let idArray = [2, 3, 4];
//console.log(idArray.join());
//后端控制器行为使用字符串类型参数实例,例如:[HttpDelete] public Role RoleDeleteSelected(string selectedIds)
//axios.delete路由必须包含参数关键字:params,定义格式形如:{params: selectedIds}。
//await this.$u.delete(`http://127.0.0.1:5083/WeatherForecast/RoleDeleteSelected?selectedIds=${idArray.join()}`);
//后端控制器行为使用列表参数实例,例如:[HttpDelete] public IActionResult DeleteArray([FromBody] ICollection
//注意:如果后端控制器行为使用列表参数实例,axios.delete路由的参数关键字为“data”,而非“params”,否则会出现“415”错误。
await await this.$u.delete('http://127.0.0.1:5083/WeatherForecast/RoleDeleteSelected', idArray );
await this.RoleAll();
},
}
}
对以上功能更为具体实现和注释见:230701_004uView_default(uView内置路由在uView 中的CURD实现)