Skip to content

Commit 0345826

Browse files
tanhongittanhongit
committed
create method with edit student
1 parent e90c599 commit 0345826

File tree

4 files changed

+93
-52
lines changed

4 files changed

+93
-52
lines changed

‎app/Http/Controllers/StudentController.php‎

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -20,4 +20,8 @@ public function all_students(){
2020
$students = Student::paginate(5);
2121
return response()->json($students);
2222
}
23+
public function edit_student($id){
24+
$student = Student::find($id);
25+
return response()->json($student);
26+
}
2327
}

‎public/js/app.js‎

Lines changed: 70 additions & 48 deletions
Original file line numberDiff line numberDiff line change
@@ -2132,13 +2132,17 @@ __webpack_require__.r(__webpack_exports__);
21322132
//
21332133
//
21342134
//
2135+
//
21352136
/* harmony default export */ __webpack_exports__["default"] = ({
21362137
data: function data() {
21372138
return {
21382139
students: {},
21392140
name: "",
21402141
email: "",
2141-
phone: ""
2142+
phone: "",
2143+
edit_name: "",
2144+
edit_email: "",
2145+
edit_phone: ""
21422146
};
21432147
},
21442148
mounted: function mounted() {
@@ -2159,8 +2163,19 @@ __webpack_require__.r(__webpack_exports__);
21592163

21602164
var page = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;
21612165
axios.get("all_students/?page=" + page).then(function (response) {
2166+
console.log(response.data);
21622167
_this.students = response.data;
2168+
});
2169+
},
2170+
// create method edit student
2171+
editStudent: function editStudent(id) {
2172+
var _this2 = this;
2173+
2174+
axios.get("edit_student/" + id).then(function (response) {
21632175
console.log(response.data);
2176+
_this2.edit_name = response.data.name;
2177+
_this2.edit_email = response.data.email;
2178+
_this2.edit_phone = response.data.phone;
21642179
});
21652180
}
21662181
}
@@ -38595,7 +38610,46 @@ var render = function() {
3859538610
_vm._v(" "),
3859638611
_c("td", [_vm._v(_vm._s(student.phone))]),
3859738612
_vm._v(" "),
38598-
_vm._m(1, true)
38613+
_c("td", [
38614+
_c(
38615+
"button",
38616+
{
38617+
staticClass: "btn btn-primary",
38618+
attrs: {
38619+
type: "button",
38620+
"data-toggle": "modal",
38621+
"data-target": "#exampleModal"
38622+
},
38623+
on: {
38624+
click: function($event) {
38625+
return _vm.editStudent(student.id)
38626+
}
38627+
}
38628+
},
38629+
[
38630+
_vm._v(
38631+
"\n Edit\n "
38632+
)
38633+
]
38634+
),
38635+
_vm._v("\n |\n "),
38636+
_c(
38637+
"button",
38638+
{
38639+
staticClass: "btn btn-primary",
38640+
attrs: {
38641+
type: "button",
38642+
"data-toggle": "modal",
38643+
"data-target": "#exampleModal"
38644+
}
38645+
},
38646+
[
38647+
_vm._v(
38648+
"\n Delete\n "
38649+
)
38650+
]
38651+
)
38652+
])
3859938653
])
3860038654
}),
3860138655
0
@@ -38631,7 +38685,7 @@ var render = function() {
3863138685
{ staticClass: "modal-dialog", attrs: { role: "document" } },
3863238686
[
3863338687
_c("div", { staticClass: "modal-content" }, [
38634-
_vm._m(2),
38688+
_vm._m(1),
3863538689
_vm._v(" "),
3863638690
_c("div", { staticClass: "modal-body" }, [
3863738691
_c("form", [
@@ -38645,19 +38699,19 @@ var render = function() {
3864538699
{
3864638700
name: "model",
3864738701
rawName: "v-model",
38648-
value: _vm.name,
38649-
expression: "name"
38702+
value: _vm.edit_name,
38703+
expression: "edit_name"
3865038704
}
3865138705
],
3865238706
staticClass: "form-control",
3865338707
attrs: { type: "text", placeholder: "Enter Name" },
38654-
domProps: { value: _vm.name },
38708+
domProps: { value: _vm.edit_name },
3865538709
on: {
3865638710
input: function($event) {
3865738711
if ($event.target.composing) {
3865838712
return
3865938713
}
38660-
_vm.name = $event.target.value
38714+
_vm.edit_name = $event.target.value
3866138715
}
3866238716
}
3866338717
})
@@ -38673,19 +38727,19 @@ var render = function() {
3867338727
{
3867438728
name: "model",
3867538729
rawName: "v-model",
38676-
value: _vm.email,
38677-
expression: "email"
38730+
value: _vm.edit_email,
38731+
expression: "edit_email"
3867838732
}
3867938733
],
3868038734
staticClass: "form-control",
3868138735
attrs: { type: "email", placeholder: "Enter email" },
38682-
domProps: { value: _vm.email },
38736+
domProps: { value: _vm.edit_email },
3868338737
on: {
3868438738
input: function($event) {
3868538739
if ($event.target.composing) {
3868638740
return
3868738741
}
38688-
_vm.email = $event.target.value
38742+
_vm.edit_email = $event.target.value
3868938743
}
3869038744
}
3869138745
})
@@ -38701,19 +38755,19 @@ var render = function() {
3870138755
{
3870238756
name: "model",
3870338757
rawName: "v-model",
38704-
value: _vm.phone,
38705-
expression: "phone"
38758+
value: _vm.edit_phone,
38759+
expression: "edit_phone"
3870638760
}
3870738761
],
3870838762
staticClass: "form-control",
3870938763
attrs: { type: "phone", placeholder: "Enter Phone" },
38710-
domProps: { value: _vm.phone },
38764+
domProps: { value: _vm.edit_phone },
3871138765
on: {
3871238766
input: function($event) {
3871338767
if ($event.target.composing) {
3871438768
return
3871538769
}
38716-
_vm.phone = $event.target.value
38770+
_vm.edit_phone = $event.target.value
3871738771
}
3871838772
}
3871938773
})
@@ -38736,7 +38790,7 @@ var render = function() {
3873638790
])
3873738791
]),
3873838792
_vm._v(" "),
38739-
_vm._m(3)
38793+
_vm._m(2)
3874038794
])
3874138795
]
3874238796
)
@@ -38763,38 +38817,6 @@ var staticRenderFns = [
3876338817
])
3876438818
])
3876538819
},
38766-
function() {
38767-
var _vm = this
38768-
var _h = _vm.$createElement
38769-
var _c = _vm._self._c || _h
38770-
return _c("td", [
38771-
_c(
38772-
"button",
38773-
{
38774-
staticClass: "btn btn-primary",
38775-
attrs: {
38776-
type: "button",
38777-
"data-toggle": "modal",
38778-
"data-target": "#exampleModal"
38779-
}
38780-
},
38781-
[_vm._v("\n Edit\n ")]
38782-
),
38783-
_vm._v("\n |\n "),
38784-
_c(
38785-
"button",
38786-
{
38787-
staticClass: "btn btn-primary",
38788-
attrs: {
38789-
type: "button",
38790-
"data-toggle": "modal",
38791-
"data-target": "#exampleModal"
38792-
}
38793-
},
38794-
[_vm._v("\n Delete\n ")]
38795-
)
38796-
])
38797-
},
3879838820
function() {
3879938821
var _vm = this
3880038822
var _h = _vm.$createElement

‎resources/js/components/CreateComponent.vue‎

Lines changed: 17 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -70,6 +70,7 @@
7070
<td>
7171
<button
7272
type="button"
73+
@click="editStudent(student.id)"
7374
class="btn btn-primary"
7475
data-toggle="modal"
7576
data-target="#exampleModal"
@@ -126,7 +127,7 @@
126127
<label for="exampleInputEmail1">Name</label>
127128
<input
128129
type="text"
129-
v-model="name"
130+
v-model="edit_name"
130131
class="form-control"
131132
placeholder="Enter Name"
132133
/>
@@ -135,7 +136,7 @@
135136
<label for="exampleInputEmail1">Email</label>
136137
<input
137138
type="email"
138-
v-model="email"
139+
v-model="edit_email"
139140
class="form-control"
140141
placeholder="Enter email"
141142
/>
@@ -144,7 +145,7 @@
144145
<label for="exampleInputEmail1">Phone</label>
145146
<input
146147
type="phone"
147-
v-model="phone"
148+
v-model="edit_phone"
148149
class="form-control"
149150
placeholder="Enter Phone"
150151
/>
@@ -183,6 +184,10 @@ export default {
183184
name: "",
184185
email: "",
185186
phone: "",
187+
188+
edit_name: "",
189+
edit_email: "",
190+
edit_phone: "",
186191
};
187192
},
188193
mounted() {
@@ -201,8 +206,17 @@ export default {
201206
// Our method to GET results from a Laravel endpoint
202207
getResults(page = 1) {
203208
axios.get("all_students/?page=" + page).then((response) => {
209+
console.log(response.data);
204210
this.students = response.data;
211+
});
212+
},
213+
// create method edit student
214+
editStudent(id) {
215+
axios.get("edit_student/" + id).then((response) => {
205216
console.log(response.data);
217+
this.edit_name = response.data.name;
218+
this.edit_email = response.data.email;
219+
this.edit_phone = response.data.phone;
206220
});
207221
},
208222
},

‎routes/web.php‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -19,4 +19,5 @@
1919

2020
Route::get('/home', 'HomeController@index')->name('home');
2121
Route::post('save_student', 'StudentController@save_student');
22-
Route::get('all_students', 'StudentController@all_students');
22+
Route::get('all_students', 'StudentController@all_students');
23+
Route::get('edit_student/{id}', 'StudentController@edit_student');

0 commit comments

Comments
 (0)