Laravel, HTML: вставить отдельный шаблон в Main-Template
В настоящее время я изучаю laravel. Я знаком с HTML и Javascript, PHP.
Я планирую включить файл «Page-Register.html» в базовый файл «APP-Page.html».
<a href = "/reg.html">Registration</a>
<div id = "Here-comes-Registration-template-if-link-is-clicked"></div>
если я нажму на ссылку "Регистрация". Но пока я не совсем понимаю laravel - я не знаком с подходом с одностраничным просмотром (если это правильный термин?).
Я не хочу, чтобы меня перенаправляли на новую отдельную страницу "app-page.php / reg".
Какой подход лучше? Какой термин мне нужно искать?
Большое спасибо
Ответы 2
Если вы хотите, чтобы страница регистрации отображалась на текущей странице, а не открывалась в новой вкладке или окне, вам придется скрыть страницу, а затем отобразить ее с помощью кнопки. Вы можете сделать это в Javascript. Вот пример.
<!DOCTYPE html>
<html>
<head>
<meta name = "viewport" content = "width=device-width, initial-scale=1">
<style>
#register {
width: 100%;
padding: 50px 0;
text-align: center;
background-color: lightblue;
margin-top: 20px;
}
</style>
</head>
<body>
<button onclick = "myFunction()">Register</button>
<div id = "register">
Registration code is displayed here
</div>
<script>
var x = document.getElementById("register");
x.style.display = "none";
function myFunction() {
if (x.style.display === "none") {
x.style.display = "block";
} else {
x.style.display = "none";
}
}
</script>
</body>
</html>
Вот пример, который скрывает кнопку регистрации после отображения раздела:
<!DOCTYPE html>
<html>
<head>
<meta name = "viewport" content = "width=device-width, initial-scale=1">
<style>
#register-section {
width: 100%;
padding: 50px 0;
text-align: center;
background-color: lightblue;
margin-top: 20px;
}
</style>
</head>
<body>
<button onclick = "myFunction()" id = "reg_button">Register</button>
<div id = "register_section">
<br>
<label for = "fname">First name:</label><br>
<input type = "text" id = "fname" name = "fname"><br>
<label for = "lname">Last name:</label><br>
<input type = "text" id = "lname" name = "lname">
<br><br>
<input type = "submit">
</div>
<script>
var x = document.getElementById("register_section");
var y = document.getElementById("reg_button");
x.style.display = "none";
function myFunction() {
if (x.style.display === "none") {
x.style.display = "block";
y.style.display = "none";
} else {
x.style.display = "none";
}
}
</script>
</body>
</html>
Здесь вы можете увидеть, как работает код: https://jsfiddle.net/yf35627s/
Вам следует проверить документацию по лезвиям Laravel. https://laravel.com/docs/8.x/blade - Вы хотите включить шаблоны лезвий в другие шаблоны лезвий.
Вы также можете включать файлы PHP, но если вы пытаетесь изучить Laravel: попробуйте создание шаблонов лезвия.