laravel布局模板的使用示例
模板 示例 布局 laravel 使用
2023-09-11 14:14:57 时间
1 布局文件
布局文件views/wap/layout/layout.blade.php
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link href="/favicon.ico" rel="SHORTCUT ICON">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="csrf-token" content="{{ csrf_token() }}">
<title>@yield('title','centphp.com')</title>
<meta name="keywords" content="@yield('keywords','centphp.com')">
<meta name="description" content="@yield('description','centphp.com')">
<link rel="stylesheet" type="text/css" href="/wap/css/reset.css">
<link rel="stylesheet" type="text/css" href="/wap/lib/layui/css/layui.css">
<link rel="stylesheet" type="text/css" href="/wap/lib/iconfont/iconfont.css">
<link rel="stylesheet" type="text/css" href="/wap/css/main.css">
@section('css')
@show
</head>
<body>
@include('wap.public.header')
@section('content')
@show
<script src="/wap/js/jquery-3.3.1.min.js"></script>
<script src="/wap/lib/layui/layui.js"></script>
<script type="text/javascript">
$.ajaxSetup({
headers: {
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
}
});
//退出登录
$("#logout").click(function () {
// 相关逻辑
});
</script>
@section('js')
@show
</body>
</html>
2 视图文件
视图文件views/wap/user/edit.blade.php
@extends('wap.layout.layout')
@section('title', '编辑用户')
@section('keywords', '编辑用户')
@section('description', '编辑用户')
@section('css')
<link rel="stylesheet" type="text/css" href="/wap/css/user/user.css">
<link rel="stylesheet" type="text/css" href="/wap/lib/layui/formSelects/formSelects-v4.css" />
<style type="text/css">
</style>
@endsection
@section('content')
<div class="user-edit">
内容区域
</div>
@endsection
@section('js')
<script type="text/javascript" src="/wap/lib/layui/formSelects/formSelects-v4.js"></script>
<script type="text/javascript">
</script>
@endsection
相关文章
- C#中的函数式编程:递归与纯函数(二) 学习ASP.NET Core Razor 编程系列四——Asp.Net Core Razor列表模板页面
- 【模板】网络最大流
- Idea Live Templates代码模板
- 【JavsScript】推荐五款流行的JavaScript模板引擎
- [Django学习]模板
- Xamarin XAML语言教程模板页面TemplatedPage
- STM32F1固件库文件讲解与基于固件库新建MDK工程模板
- spring mvc基础环境thymeleaf模板引用(一)
- Web网站模板-餐厅饭店宣传响应式网站模板(HTML+CSS+JavaScript)
- Web网站模板-响应式个人企业照片墙展示网站模板(HTML+CSS+JavaScript)
- C++模板中的静态
- odoo 根据不同记录模板,生成模板数据
- 系统架构设计师-论文模拟-模板