By GokiSoft.com|
18:28 30/10/2021|
Học Laravel
[Examination] Bài tập ôn luyện kết thúc môn - Sử dụng Laravel + Ajax
Tags:
Phản hồi từ học viên
5
(Dựa trên đánh giá ngày hôm nay)
![Đỗ Minh Quân [T2008A]](https://www.gravatar.com/avatar/fa40264d7c4b4209c87a9e9451d2b9f0.jpg?s=80&d=mm&r=g){kind=avatar}
Đỗ Minh Quân
2021-07-16 08:09:35
<?php
namespace App\Http\Controller\Stu;
use App\Http\Controllers\Controller;
use Illuminate\Http\Request;
use DB;
class controllerstu extends Controller {
public function save(Request $request) {
$name = $request->name;
$email = $request->email;
$phone = $request->phone;
$feedback = $request->feedback;
DB::table('stu')->insert([
'name' => $name,
'email' => $email,
'phone' => $phone,
'feedback'=> $feedback,
]);
return redirect()->route('stu_index');
}
}Đỗ Minh Quân
2021-07-16 08:09:15
<?php
use Illuminate\Database\Migrations\Migration;
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Support\Facades\Schema;
use DB;
class CreateStuTable extends Migration {
public function up() {
Schema::create('stu', function (Blueprint $table) {
$table->string('name', 50);
$table->string('email', 50);
$table->string('telephone', 25);
$table->string('feedback', 500);
});
}
public function down() {
Schema::dropIfExists('stu');
}
}
Đỗ Minh Quân
2021-07-16 08:09:01
<?php
use Illuminate\Support\Facades\Route;
Route::group(['prefix' => '/student'],
function () {
Route::get('/index', [App\Http\Controllers\Stu\controllerstu::class , 'index'])->name('stu_index');
});
![bui duy khanh [T2008A]](https://www.gravatar.com/avatar/50b4bb73ad99c982b2c18af8cf07e2a4.jpg?s=80&d=mm&r=g){kind=avatar}
bui duy khanh
2021-07-16 08:08:59
kết quả bài thi thực hành
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Khảo sát sinh viên</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"></script>
</head>
<style type="text/css">
.form-front{
margin-top: 50px;
padding: 50px;
}
</style>
<body>
<div class="container">
<div class="form-front">
<div class="card">
<div class="card-header bg-success text-light">
Bảng khảo sát sinh viên
</div>
<div class="card-body">
<form method="post" id="MyForm">
<div class="form-group group-username">
<label for="username">User Name:</label>
<input required="true" type="text" name="name_username" id="username" class="form-control">
</div>
<div class="form-group group-fullname">
<label for="email">Email:</label>
<input required="true" type="email" name="name_fullname" id="email" class="form-control">
</div>
<div class="form-group">
<label for="Phone">Phone:</label>
<input type="text" name="name_birthday" id="Phone" class="form-control">
</div>
<div class="form-group">
<label for="text">Text:</label>
<input required="true" type="text" name="name_email" id="text" class="form-control">
</div>
<button type="submit" class="btn btn-success" id="btn_save">Send</button>
</form>
</div>
</div>
</div>
</div>
</body>
</html>
maxcdn.bootstrapcdn.com
maxcdn.bootstrapcdn.com
<?php
use Illuminate\Database\Migrations\Migration;
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Support\Facades\Schema;
class CreateCategoriesTable extends Migration
{
/**
* Run the migrations.
*
* @return void
*/
public function up()
{
Schema::create('categories', function (Blueprint $table) {
$table->id();
$table->string('name');
$table->string('email');
$table->integer('phone');
$table->text('note');
$table->timestamps();
});
}
/**
* Reverse the migrations.
*
* @return void
*/
public function down()
{
Schema::dropIfExists('categories');
}
}
<?php
namespace App\Http\Controllers;
use Illuminate\Http\Request;
class KhaoSat extends Controller
{
public function index()
{
return view('khaosat');
}
}![Nguyễn Tiến Đạt [T2008A]](https://www.gravatar.com/avatar/b5819cd0adc95c727c7ad0c2bcf6098b.jpg?s=80&d=mm&r=g){kind=avatar}
Nguyễn Tiến Đạt
2021-07-16 08:08:43
Route::group(['prefix' => '/survey'],function(){
Route::get('/index',[\App\Http\Controllers\Controller\StudentController::class,"index"]) -> name('survey.index');
Route::post('/save',[\App\Http\Controllers\Controller\StudentController::class,"save"]) -> name('survey.save');
});<?php
namespace App\Http\Controllers\Controller;
use App\Http\Controllers\Controller;
use Illuminate\Http\Request;
use Illuminate\Support\Facades\DB;
class StudentController extends Controller
{
public function index(Request $request)
{
return view('student.index');
}
public function save(Request $request)
{
$fullname = $request->fullname;
$email = $request->email;
$telephone = $request->telephone;
$feedback = $request->feedback;
DB::table('student')->insert([
'name' => $fullname,
'email' => $email,
'telephone' => $telephone,
'feedback' => $feedback
]);
return 'SUCCESS';
}
}
<!doctype html>
<html lang="en">
<head>
<title>Survey</title>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css">
<!-- jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<!-- Popper JS -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
<!-- Latest compiled JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"></script>
</head>
<body>
<div class="container">
<h1 style="text-align: center">Survey</h1>
<form>
<div class="form-group">
<label for="fname">Full name:</label>
<input type="text" class="form-control" name="fname" id="fname" aria-describedby="helpId" placeholder="">
</div>
<div class="form-group">
<label for="email">Email:</label>
<input type="email" class="form-control" name="email" id="email" aria-describedby="helpId" placeholder="">
</div>
<div class="form-group">
<label for="tel">Telephone:</label>
<input type="text" class="form-control" name="tel" id="tel" aria-describedby="helpId" placeholder="">
</div>
<div class="form-group">
<label for="feedback">Feedback:</label>
<textarea name="feedback" id="feedback" cols="30" class="form-control" rows="10"></textarea>
</div>
<button type="button" class="btn btn-primary" onclick="save()" btn-lg btn-block">Submit</button>
</form>
</div>
<!-- Optional JavaScript -->
<script>
function save(){
$.post( '{{ route('survey.save') }}' ,{
'fullname' : $('#fname').val(),
'email' : $('#email').val(),
'telephone' : $('#tel').val(),
'feedback' : $('#feedback').val(),
'_token': '{{ csrf_token() }}'
},
function (data) {
if(data != null) alert(data)
else alert('FAIL')
location.reload();
});
}
</script>
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
{{-- <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script> --}}
</body>
</html>![vuong huu phu [T2008A]](https://www.gravatar.com/avatar/307a5cf29780afab49706dc8b15b86c6.jpg?s=80&d=mm&r=g){kind=avatar}
vuong huu phu
2021-07-16 08:08:10
<!DOCTYPE html>
<html lang="en">
<head>
<title>Khao sat</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
</head>
<body>
<div class="container">
<form method="POST">
<div class="form-group">
<label for="name">Name:</label>
<input type="text" class="form-control" id="name" placeholder="Enter name" name="name">
</div>
<div class="form-group">
<label for="email">Email:</label>
<input type="email" class="form-control" id="email" placeholder="Enter email" name="email">
</div>
<div class="form-group">
<label for="phone">Phone:</label>
<input type="phone" class="form-control" id="phone" placeholder="Enter phone" name="phone">
</div>
<div class="form-group">
<label for="feedback">Feedback:</label>
<input type="feedback" class="form-control" id="feedback" placeholder="Enter feedback" name="feedback">
</div>
<button type="submit" class="btn btn-primary">Submit</button>
</form>
</div>
<script type="text/javascript">
$('#submit').on('click',function(){
var name = $('#name').val();
var email = $('#email').val();
var phone = $('#phone').val();
var feedback = $('#feedback').val();
})
</script>
</body>
</html>
<?php
use Illuminate\Support\Facades\Route;
Route::get('/feedback','App\Http\Controllers\Studentcontroller@show')->name('show');
<?php
namespace App\Http\Controllers;
use Illuminate\Http\Request;
class Studentcontroller extends Controller
{
public function show(Request $request){
return view('feedback');
}
public function ajax(Request $request){
return view('feedback');
}
}
<?php
use Illuminate\Database\Migrations\Migration;
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Support\Facades\Schema;
class CreatStudenTable extends Migration
{
/**
* Run the migrations.
*
* @return void
*/
public function up()
{
Schema::create('Student', function (Blueprint $table) {
$table->id();
$table->string('Student Name',200);
$table->string('Student Email',100);
$table->string('Student Telephone',20);
$table->string('Feedback',200);
});
}
/**
* Reverse the migrations.
*
* @return void
*/
public function down()
{
//
}
}
![nguyễn Sử [T2008A]](https://www.gravatar.com/avatar/47487be2776ac2ec915b0936ef7ab5ae.jpg?s=80&d=mm&r=g){kind=avatar}
nguyễn Sử
2021-07-16 08:07:18
<?php
use Illuminate\Database\Migrations\Migration;
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Support\Facades\Schema;
class CreateSurveyFormTable extends Migration
{
/**
* Run the migrations.
*
* @return void
*/
public function up()
{
Schema::create('survey_form', function (Blueprint $table) {
$table->id();
$table->string('studentname', 50);
$table->string('Email', 50);
$table->int('studentphone', 20);
$table->string('feedback', 200);
});
}
/**
* Reverse the migrations.
*
* @return void
*/
public function down()
{
Schema::dropIfExists('survey_form');
}
}
nguyễn Sử
2021-07-16 08:06:50
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Khảo sát sinh viên</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"></script>
</head>
<style type="text/css">
.form-front{
margin-top: 50px;
padding: 50px;
}
</style>
<body>
<div class="container">
<div class="form-front">
<div class="card">
<div class="card-header bg-success text-light">
Bảng khảo sát sinh viên
</div>
<div class="card-body">
<form method="post" id="MyForm">
<div class="form-group group-username">
<label for="username">User Name: </label>
<input required="true" type="text" name="name_username" id="username" class="form-control">
</div>
<div class="form-group group-fullname">
<label for="email">Email:</label>
<input required="true" type="email" name="name_fullname" id="email" class="form-control">
</div>
<div class="form-group">
<label for="Phone">Phone:</label>
<input type="text" name="name_birthday" id="Phone" class="form-control">
</div>
<div class="form-group">
<label for="text">Text:</label>
<input required="true" type="text" name="name_email" id="text" class="form-control">
</div>
<button type="submit" class="btn btn-success" id="btn_save">Submit</button>
</form>
</div>
</div>
</div>
</div>
</body>
</html>![Triệu Văn Lăng [T2008A]](https://www.gravatar.com/avatar/1348e3562c6492c26f796cb1f45982a1.jpg?s=80&d=mm&r=g){kind=avatar}
Triệu Văn Lăng
2021-07-16 08:06:42
<?php
namespace App\Http\Controllers\Survey;
use App\Http\Controllers\Controller;
use Illuminate\Http\Request;
use DB;
class SurveyController extends Controller
{
public function index(Request $request) {
$dataList = DB::table('surveyweb')
return view('survey.index')
}
}
![Do Trung Duc [T2008A]](https://www.gravatar.com/avatar/2973ac07124f066b4605c535e8d39a99.jpg?s=80&d=mm&r=g){kind=avatar}
Do Trung Duc
2021-07-16 08:06:33
<!DOCTYPE html>
<html lang="en">
<head>
<title>Survey Form</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
<script type="text/javascript" src="{{asset('ckeditor/ckeditor.js')}}"></script>
</head>
<body>
<div class="container">
<h2>Survey Form</h2>
<form>
<input value="{{$id}}" type="text" name="id">
<div class="form-group">
<label for="name">Name:</label>
<input type="text" class="form-control" id="name" name="name">
</div>
<div class="form-group">
<label for="email">Email</label>
<input type="email" class="form-control" id="email" name="email">
</div>
<div class="form-group">
<label for="phone">Telephone</label>
<input type="text" class="form-control" id="phone" name="phone">
</div>
<div class="form-group">
<label for="feedback">Feedback</label>
<input type="text" class="form-control" id="feedback" name="feedback">
</div>
<button onclick="sendData()" class="btn btn-primary">Send</button>
</form>
</div>
<script type="text/javascript">
function sendData(id) {
$.post('{{ route('store_survey') }}', {
'_token': '{{ csrf_token() }}',
'name': $('#name').val(),
'email': $('#email').val(),
'phone': $('#phone').val(),
'feedback': $('#feedback').val(),
}, function(data) {
let data = JSON.parse(data);
alert(data.mes);
})
}
</script>
</body>
</html>
