php后端框架 模板,PHP的Laravel框架中使用AdminLTE模板来编写网站后台界面

news/2024/5/10 7:56:41/文章来源:https://blog.csdn.net/weixin_42561623/article/details/115151146

AdminLTE 是一个基于Bootstrap 3.x的免费高级管理控制面板主题,完全响应式管理,适合从小型移动设备到大型台式机很多的屏幕分辨率。

AdminLTE的特点:

充分响应

可分类的仪表盘

18插件和3自定义插件

重量轻和快速

与大多数主流浏览器兼容

完全支持Glyphicons,Fontawesome和图标

我们使用的工具

Laravel

AdminLTE 2.3.2

Bower

Composer

下载一个全新的 Laravel如果不太清楚可以去官方网站查看文档link

在此我们直接使用命令行即可

composer create-project laravel/laravel myapp --prefer-dist

通过这个命令我们创建了一个全新的名字为 myapp 的Laravel项目,如果你成功的话你可以看到下面的图片

1ca359828f0a927d26b618a97994140e.png

通过 Bower 下载 AdminLTE进入到 myapp/public 文件夹

cd myapp/public

在这个文件夹下执行下面的命令

bower install admin-lte

一旦完成,你会发现多了一个 bower_componets 的文件夹,而且在这个文件夹中你会看到 AdminLTE

将 AdminLTE 的starter.html 转化为 Blade 模板Laravel 在此使用了一个很好的模板引擎 Blade,为了更充分的利用Blade,我们需要将一些常规的通用的 HTML 的 起始页面应用到 Blade 模板中,首先创建一个 view 在 resources/views文件夹中,命名为admin_template.blade.php,而后我们为这个页面创建一个对应的路由。如下面我所创建的

Route::get('admin', function () {

return view('admin_template');

});

然后,将bower_components/admin-lte/starter.html中的内容复制到我们视图模板中,并且将其中的相关链接指向我们的 AdminLTE 的对应目录下,如下是我初步的设置:

类似这样,将css 和 js 的相关的链接指向相应的目录下,而后我们通过 localhost:8000/admin 查看页面的变化,此时页面变成了如下图:

6597766bd4cd4bb605cf5f8bc8db466f.png

现在我们拥有了所有的使用 AdminLTE 的所有的资源,下面对我们的主要视图增加最后的收尾工作,我将分开这个模板为三个文件,sidebar.blade.php, header.blade.php, 和 footer.blade.php

这三个文件的内容分别是admin_template.blade.phpheader 部分和 aside 部分和footer 部分,将这三部分截取出来依次放到三个文件中。

最后的润色工作现在我们已经将我们的模板个性化的分离开了,下面我们需要设置我们的最初的admin_template.blade.php

模板以便于内容动态加载,如下所示:

head>

{{ $page_title or "AdminLTE Dashboard" }}

@include('header')

@include('sidebar')

{{ $page_title or "Page Title" }}

{{ $page_description or null }}

@yield('content')

@include('footer')

Recent Activity

Tasks Progress

  • Custom Template Design

    70%

Stats Tab Content

General Settings

Report panel usage

Some information about this general settings option

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.luyixian.cn/news_show_730420.aspx

如若内容造成侵权/违法违规/事实不符,请联系dt猫网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

独家揭秘影响SEO排名的17项核心因素

大道至简知易行难是SEO行业中容易遇到的一个砍,很多事情看似简单,但是真正下手操作的时候变得思路模糊、操作不当等,很大一部分原因是由于对于SEO核心本质的理解有偏差所造成的。在整个搜索引擎结果排序当中,影响SEO排名的因素众多…

网站相对 绝对路径 html,解惑页面中的相对路径和绝对路径

写在前面:最近做一个前后端结合的项目时,突然发现自己被页面中使用的相对路径搞糊涂了(PS:其实已经不是第一次了。。。之前有一次屡清楚了,但发现又忘记了,瞧我者好记性O(∩_∩)O)。所以我要趁这次好好记一下&#xff…

服务器不稳定网站收录下降,服务器的不稳定,会对搜索引擎优化产生什么影响?...

原标题:服务器的不稳定,会对搜索引擎优化产生什么影响?许多人在选择租赁服务器时,往往忽略了一个特别重要的问题,那就是稳定性!服务器租赁是否稳定对于能够做出直接决策的客户以及百度搜索引擎是否喜欢浏览…

SEO实战干货:网页建库与未建库的标准规则!

很多SEO人稍微有点基础就都知道降权这个词语,但是在搜索引擎规范标准指南里面并未提到站点降权一说,严格来讲用建库这个说法更加准确。 首先我们不妨来回顾一下搜索结果排序的过程,从蜘蛛的爬行到蜘蛛的抓取再到网页收录(这里面包括了页面纯收…

《淘宝店铺 大数据营销+SEO+爆款打造 一册通》一一2.6 营销推广助力提升销量...

本节书摘来自异步社区出版社《淘宝店铺 大数据营销SEO爆款打造 一册通》一书中的第2章,第2.6节,作者:葛存山 , 耿寿礼,更多章节内容可以访问云栖社区“异步社区”公众号查看。 2.6 营销推广助力提升销量 营销推广包括营销工具、营…

外链应该这样发,网站排名速度提升十陪

说起发外链工作几乎是每个SEO人员都发过,但是比较蛋疼的是外链应该如何发,怎么发才有效,又该怎样发不会导致网站降权,不发又不行因为外链建设是网站外部优化的一个非常重要的环节,外链发布的质量直接影响着咱们SEO工作…

计算机视觉(图像处理)相关的比较全面的好网站

计算机视觉在生活和工业应用等领域越来越广泛。在科学研究中,常常需要借鉴和参考巨人的IDEA和资料,这里总结了一些常用的网站供大家参考,世界很大,这只是小部分。如果你有什么补充,发email给我,补充。 htt…

Nginx主配置参数详解,Nginx配置网站

阅读目录 1.Niginx主配置文件参数详解2.Nginx.conf配置文件详细说明(附备注)3.Nginx代理网站回到顶部1.Niginx主配置文件参数详解 a.上面博客说了在Linux中安装nginx。博文地址为:http://www.cnblogs.com/hanyinglong/p/5102141.html b.当Nginx安装完毕后&#xff0…

让你不再恋家的9款小众时尚的酒店网站设计

2019独角兽企业重金招聘Python工程师标准>>> 一场说走就走的旅行少不了一家精挑细选的酒店。出门在外,没有一个舒适的住处,恐怕旅行的记忆也并不是那么美好。大牌酒店住不起,小众酒店性价比高,但哪家最合适&#xff1f…

我的网站搭建 (第十五天) 用户注册与登录

2019独角兽企业重金招聘Python工程师标准>>> 这几天正好学了Flask的用户注册登录功能设计,发现与Django的使用特别类似,所以学习Flask的同时也加强了我对Django表单的印象。正好网站搭建也差不多更新到用户操作部分了,就索性把Dja…

Html代码seo优化最佳布局实例讲解

2019独角兽企业重金招聘Python工程师标准>>> Html代码seo优化最佳布局实例讲解 搜索引擎对html代码是非常优化的&#xff0c;所以html的优化是做好推广的第一步。一个符合seo规则的代码大体如下界面所示。 1、<!–木庄网络博客–> 这个东西是些页面注释的&am…

大型互联网站解决海量数据的常见策略

文章来源&#xff1a;http://www.javabloger.com/article/big-data-architecture.html 大型互联网站的数据存储与传统存储环境相比不仅是一个服务器、一个数据库那么简单&#xff0c;而是由网络设备、存储设备、应用服务器、公用访问接口、应用程序 等多个部分组成的复杂系统。…

大型网站架构系列:电商网站架构案例(转)

转载地址&#xff1a; http://www.aboutyun.com/thread-17407-1-1.html问题导读&#xff1a;1、电商网站考虑的客户需求有哪些&#xff1f;2、网站架构如何演变的&#xff1f;3、电商架构优化需考虑哪些内容&#xff1f;大型网站架构是一个系列文档&#xff0c;欢迎大家关注。本…

thinkphp5项目--企业单车网站(一)

thinkphp5项目--企业单车网站&#xff08;一&#xff09; 项目地址 fry404006308/BicycleEnterpriseWebsite: Bicycle Enterprise Websitehttps://github.com/fry404006308/BicycleEnterpriseWebsite 一、命名空间 二、 模板页面后缀配置 三、 输出替换 使用 四、 视图实例化 1…

免费学编程!10个全球顶尖的编程在线自学网站

编者按&#xff1a;现在会编程的设计师越来越多了&#xff0c;想跟上时代的同学&#xff0c;来看今天推荐的这10个网站&#xff0c;不仅有大量免费的编程语言课程&#xff0c;还有很多实战项目供你练习。更重要的是&#xff0c;它的教学方式都是针对零基础的&#xff0c;很容易…

43.Odoo产品分析 (四) – 工具板块(11) – 网站即时聊天(1)

查看Odoo产品分析系列—-目录 在线聊天可以实现与顾客的在线实时交流&#xff0c;比如在"商店"功能中实现顾客对客服的商品咨询等类似的操作。 安装"网站即时聊天"模块&#xff1a; 1 网站在线客服 点击创建&#xff0c;新建一个客服&#xff0c;该表单对…

通过cookies跳过验证码登陆页面,直接访问网站的其它URL

我每次手动访问去NN网的一家酒店&#xff0c;就不需要登陆&#xff0c;一旦我用脚本打开就会让我登陆&#xff0c;而登陆页面又有验证码&#xff0c;不想识别验证码&#xff0c;所以就想&#xff1a;“通过cookies跳过验证码登陆页面&#xff0c;直接访问网站的其它URL”转载虫…

如何优雅的扒网站——工具篇

在上一篇文章里本人介绍了扒网站的入门知识。可以说是仿站的必备知识。不过&#xff0c;在实战中没必要所有的页面都要全部手动去操作处理&#xff0c;完全可以借助大牛们写好的工具。网上搜索仿站工具或扒站工具能找到一堆&#xff0c;我就不一一介绍了。今天就分为两个部分来…

[CTO札记]SNS蜂巢模型,及其在内容型网站的应用型态

始模型SNS有个典型的Honeycomb模型&#xff0c;将7个要素列举出来&#xff08;如下图&#xff09;。二、模型要素变更窃以为‘状态’要素并不合理&#xff0c;因为太窄。如果将‘状态’替换成更泛化的‘内容/信息’也许更好。三、应用于内容型网站也许大家认为SNS的内容/信息都…

图片素材网站收集

为什么80%的码农都做不了架构师&#xff1f;>>> 昵图网 http://www.nipic.com/index.html 千图网 http://www.58pic.com/ 千库网 http://588ku.com/ 我图网 http://www.ooopic.com/ 转载于:https://my.oschina.net/yjft/blog/1617184