新增
| Id | 姓名 | 年龄 | 性别 | 学号 | 操作 |
| {{item.id}} | {{item.name}} | {{item.age}} | {{item.sex}} | {{item.number}} | 删除 修改 |
添加学生
修改学号
var list = Vue.extend({
template: '#list',
data() {
return {
students: []
}
},
methods: {
add() {
this.$router.push({name: 'addStudent'});
},
del(id) {
var _this = this;
axios.get('http://120.79.234.76:8091/student/student_delete.php', {params: {id}}).then(function (res) {
if (res.status == 200) {
for (var i = 0; i < _this.students.length; i++) {
if (_this.students[i].id == id) {
_this.students.splice(i, 1);
}
}
alert(res.data.msg);
} else {
alert(res.data.msg);
}
});
},
//获取id,学号
update(id, number) {
this.$router.push({
name: 'update', params: {
id: id,
number: number
}
})
}
},
created() {
var _this = this;
axios.get('http://120.79.234.76:8091/student/student_select.php').then(function (res) {
_this.students = res.data;
})
}
});
var add = Vue.extend({
template: '#add',
data() {
return {
name: '',
age: '',
sex: '',
number: ''
}
},
methods: {
add() {
if (this.name == "" || this.age == "" || this.sex == "" || this.number == "") {
alert("所有信息均需填写");
return;//结束add函数运行
}
var _this = this;
axios.get('http://120.79.234.76:8091/student/student_add.php', {
params: {
student_name: _this.name,
student_age: _this.age,
student_sex: _this.sex,
student_number: _this.number
}
}).then(function (res) {
if (res.status == 200) {
alert(res.data.msg);
_this.name = _this.age = _this.sex = _this.number = '';
_this.$router.push('/');
} else {
alert(res.data.msg);
}
})
}
}
});
var update = Vue.extend({
template: '#update',
data() {
return {
id: 0,
number: ''
}
},
created() {
this.id = this.$route.params.id;
this.number = this.$route.params.number;
},
methods: {
update() {
var _this=this;
axios.get('http://120.79.234.76:8091/student/student_update.php', {
params: {id:_this.id,number:_this.number}
}).then(function (res) {
alert(res.data.msg);
_this.id=0;
_this.number='';
_this.$router.push('/');
});
},
}
});
var router = new VueRouter({
routes: [
{path: "/", component: list},
{path: '/list', component: list, name: "students"},
{path: '/add', component: add, name: "addStudent"},
{path: '/update', component: update, name: "update"}
]
});
var vm = new Vue({
el: '#app',
router
})
一键复制
编辑
Web IDE
原始数据
按行查看
历史