YII2 前台页面引入&&头尾分离
来源：互联网 发布：中元节生日 知乎 编辑：程序博客网 时间：2024/05/17 02:09
1.引入前台页面
<?phpnamespace app\controllers;use yii\base\Controller;use app\models\Admin; //引入Model类class IndexController extends Controller{ public function actionIndex() { $this->layout = 'layout1';//分离样式第一套 return $this->render('index'); }}2.公共样式格式
<!DOCTYPE html><html lang="zh-cn"><head> <!-- Meta --> <meta charset="utf-8"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"> <meta name="description" content=""> <meta name="author" content=""> <meta name="keywords" content="MediaCenter, Template, eCommerce"> <meta name="robots" content="all"> <title>慕课商城</title> <!-- Bootstrap Core CSS --> <link rel="stylesheet" href="assets/css/bootstrap.min.css"> <!-- Customizable CSS --> <link rel="stylesheet" href="assets/css/main.css"> <link rel="stylesheet" href="assets/css/red.css"> <link rel="stylesheet" href="assets/css/owl.carousel.css"> <link rel="stylesheet" href="assets/css/owl.transitions.css"> <link rel="stylesheet" href="assets/css/animate.min.css"> <!-- Icons/Glyphs --> <link rel="stylesheet" href="assets/css/font-awesome.min.css"> <!-- Favicon --> <link rel="shortcut icon" href="assets/images/favicon.ico"> <!-- HTML5 elements and media queries Support for IE8 : HTML5 shim and Respond.js --> <!--[if lt IE 9]> <script src="assets/js/html5shiv.js"></script> <script src="assets/js/respond.min.js"></script> <![endif]--></head><body><div class="wrapper"> <!-- ============================================================= TOP NAVIGATION ============================================================= --> <nav class="top-bar animate-dropdown"> <div class="container"> <div class="col-xs-12 col-sm-6 no-margin"> <ul> <li><a href="index.html">首页</a></li> <li><a href="category-grid.html">所有分类</a></li> <li><a href="cart.html">我的购物车</a></li> <li><a href="orders.html">我的订单</a></li> </ul> </div><!-- /.col --> <div class="col-xs-12 col-sm-6 no-margin"> <ul class="right"> <li><a href="authentication.html">注册</a></li> <li><a href="authentication.html">登录</a></li> </ul> </div><!-- /.col --> </div><!-- /.container --> </nav><!-- /.top-bar --> <!-- ============================================================= TOP NAVIGATION : END ============================================================= --><!-- ============================================================= HEADER ============================================================= --> <header> <?php echo $content; ?> <footer id="footer" class="color-bg"> <div class="container"> <div class="row no-margin widgets-row"> <div class="col-xs-12 col-sm-4 no-margin-left"> <!-- ============================================================= FEATURED PRODUCTS ============================================================= --> <div class="widget"> <h2>推荐商品</h2> <div class="body"> <ul> <li> <div class="row"> <div class="col-xs-12 col-sm-9 no-margin"> <a href="single-product.html">Netbook Acer Travel B113-E-10072</a> <div class="price"> <div class="price-prev">￥2000</div> <div class="price-current">￥1873</div> </div> </div> <div class="col-xs-12 col-sm-3 no-margin"> <a href="#" class="thumb-holder"> <img alt="" src="assets/images/blank.gif" data-echo="assets/images/products/product-small-01.jpg" /> </a> </div> </div> </li> <li> <div class="row"> <div class="col-xs-12 col-sm-9 no-margin"> <a href="single-product.html">PowerShot Elph 115 16MP Digital Camera</a> <div class="price"> <div class="price-prev">￥2000</div> <div class="price-current">￥1873</div> </div> </div> <div class="col-xs-12 col-sm-3 no-margin"> <a href="#" class="thumb-holder"> <img alt="" src="assets/images/blank.gif" data-echo="assets/images/products/product-small-02.jpg" /> </a> </div> </div> </li> <li> <div class="row"> <div class="col-xs-12 col-sm-9 no-margin"> <a href="single-product.html">PowerShot Elph 115 16MP Digital Camera</a> <div class="price"> <div class="price-prev">￥2000</div> <div class="price-current">￥1873</div> </div> </div> <div class="col-xs-12 col-sm-3 no-margin"> <a href="#" class="thumb-holder"> <img alt="" src="assets/images/blank.gif" data-echo="assets/images/products/product-small-03.jpg" /> </a> </div> </div> </li> </ul> </div><!-- /.body --> </div> <!-- /.widget --> <!-- ============================================================= FEATURED PRODUCTS : END ============================================================= --> </div><!-- /.col --> <div class="col-xs-12 col-sm-4 "> <!-- ============================================================= ON SALE PRODUCTS ============================================================= --> <div class="widget"> <h2>促销商品</h2> <div class="body"> <ul> <li> <div class="row"> <div class="col-xs-12 col-sm-9 no-margin"> <a href="single-product.html">HP Scanner 2910P</a> <div class="price"> <div class="price-prev">￥2000</div> <div class="price-current">￥1873</div> </div> </div> <div class="col-xs-12 col-sm-3 no-margin"> <a href="#" class="thumb-holder"> <img alt="" src="assets/images/blank.gif" data-echo="assets/images/products/product-small-04.jpg" /> </a> </div> </div> </li> <li> <div class="row"> <div class="col-xs-12 col-sm-9 no-margin"> <a href="single-product.html">Galaxy Tab 3 GT-P5210 16GB, Wi-Fi, 10.1in - White</a> <div class="price"> <div class="price-prev">￥2000</div> <div class="price-current">￥1873</div> </div> </div> <div class="col-xs-12 col-sm-3 no-margin"> <a href="#" class="thumb-holder"> <img alt="" src="assets/images/blank.gif" data-echo="assets/images/products/product-small-05.jpg" /> </a> </div> </div> </li> <li> <div class="row"> <div class="col-xs-12 col-sm-9 no-margin"> <a href="single-product.html">PowerShot Elph 115 16MP Digital Camera</a> <div class="price"> <div class="price-prev">￥2000</div> <div class="price-current">￥1873</div> </div> </div> <div class="col-xs-12 col-sm-3 no-margin"> <a href="#" class="thumb-holder"> <img alt="" src="assets/images/blank.gif" data-echo="assets/images/products/product-small-06.jpg" /> </a> </div> </div> </li> </ul> </div><!-- /.body --> </div> <!-- /.widget --> <!-- ============================================================= ON SALE PRODUCTS : END ============================================================= --> </div><!-- /.col --> <div class="col-xs-12 col-sm-4 "> <!-- ============================================================= TOP RATED PRODUCTS ============================================================= --> <div class="widget"> <h2>最热商品</h2> <div class="body"> <ul> <li> <div class="row"> <div class="col-xs-12 col-sm-9 no-margin"> <a href="single-product.html">Galaxy Tab GT-P5210, 10" 16GB Wi-Fi</a> <div class="price"> <div class="price-prev">￥2000</div> <div class="price-current">￥1873</div> </div> </div> <div class="col-xs-12 col-sm-3 no-margin"> <a href="#" class="thumb-holder"> <img alt="" src="assets/images/blank.gif" data-echo="assets/images/products/product-small-07.jpg" /> </a> </div> </div> </li> <li> <div class="row"> <div class="col-xs-12 col-sm-9 no-margin"> <a href="single-product.html">PowerShot Elph 115 16MP Digital Camera</a> <div class="price"> <div class="price-prev">￥2000</div> <div class="price-current">￥1873</div> </div> </div> <div class="col-xs-12 col-sm-3 no-margin"> <a href="#" class="thumb-holder"> <img alt="" src="assets/images/blank.gif" data-echo="assets/images/products/product-small-08.jpg" /> </a> </div> </div> </li> <li> <div class="row"> <div class="col-xs-12 col-sm-9 no-margin"> <a href="single-product.html">Surface RT 64GB, Wi-Fi, 10.6in - Dark Titanium</a> <div class="price"> <div class="price-prev">￥2000</div> <div class="price-current">￥1873</div> </div> </div> <div class="col-xs-12 col-sm-3 no-margin"> <a href="#" class="thumb-holder"> <img alt="" src="assets/images/blank.gif" data-echo="assets/images/products/product-small-09.jpg" /> </a> </div> </div> </li> </ul> </div><!-- /.body --> </div><!-- /.widget --> <!-- ============================================================= TOP RATED PRODUCTS : END ============================================================= --> </div><!-- /.col --> </div><!-- /.widgets-row--> </div><!-- /.container --> <div class="sub-form-row"> <!--<div class="container"> <div class="col-xs-12 col-sm-8 col-sm-offset-2 no-padding"> <form role="form"> <input placeholder="Subscribe to our newsletter"> <button class="le-button">Subscribe</button> </form> </div> </div>--><!-- /.container --> </div><!-- /.sub-form-row --> <div class="link-list-row"> <div class="container no-padding"> <div class="col-xs-12 col-md-4 "> <!-- ============================================================= CONTACT INFO ============================================================= --> <div class="contact-info"> <div class="footer-logo"> <img alt="logo" src="assets/images/logo.PNG" width="233" height="54"/> </div><!-- /.footer-logo --> <p class="regular-bold"> 请通过电话，电子邮件随时联系我们</p> <p> 西城区二环到三环德胜门外大街10号TCL大厦3层(马甸桥南), 北京市西城区, 中国 <br>慕课网 (QQ群:416465236) </p> <!--<div class="social-icons"> <h3>Get in touch</h3> <ul> <li><a href="http://facebook.com/transvelo" class="fa fa-facebook"></a></li> <li><a href="#" class="fa fa-twitter"></a></li> <li><a href="#" class="fa fa-pinterest"></a></li> <li><a href="#" class="fa fa-linkedin"></a></li> <li><a href="#" class="fa fa-stumbleupon"></a></li> <li><a href="#" class="fa fa-dribbble"></a></li> <li><a href="#" class="fa fa-vk"></a></li> </ul> </div>--><!-- /.social-icons --> </div> <!-- ============================================================= CONTACT INFO : END ============================================================= --> </div> <div class="col-xs-12 col-md-8 no-margin"> <!-- ============================================================= LINKS FOOTER ============================================================= --> <div class="link-widget"> <div class="widget"> <h3>快速检索</h3> <ul> <li><a href="category-grid.html">laptops & computers</a></li> <li><a href="category-grid.html">Cameras & Photography</a></li> <li><a href="category-grid.html">Smart Phones & Tablets</a></li> <li><a href="category-grid.html">Video Games & Consoles</a></li> <li><a href="category-grid.html">TV & Audio</a></li> <li><a href="category-grid.html">Gadgets</a></li> <li><a href="category-grid.html">Car Electronic & GPS</a></li> <li><a href="category-grid.html">Accesories</a></li> </ul> </div><!-- /.widget --> </div><!-- /.link-widget --> <div class="link-widget"> <div class="widget"> <h3>热门商品</h3> <ul> <li><a href="category-grid.html">Find a Store</a></li> <li><a href="category-grid.html">About Us</a></li> <li><a href="category-grid.html">Contact Us</a></li> <li><a href="category-grid.html">Weekly Deals</a></li> <li><a href="category-grid.html">Gift Cards</a></li> <li><a href="category-grid.html">Recycling Program</a></li> <li><a href="category-grid.html">Community</a></li> <li><a href="category-grid.html">Careers</a></li> </ul> </div><!-- /.widget --> </div><!-- /.link-widget --> <div class="link-widget"> <div class="widget"> <h3>最近浏览</h3> <ul> <li><a href="category-grid.html">My Account</a></li> <li><a href="category-grid.html">Order Tracking</a></li> <li><a href="category-grid.html">Wish List</a></li> <li><a href="category-grid.html">Customer Service</a></li> <li><a href="category-grid.html">Returns / Exchange</a></li> <li><a href="category-grid.html">FAQs</a></li> <li><a href="category-grid.html">Product Support</a></li> <li><a href="category-grid.html">Extended Service Plans</a></li> </ul> </div><!-- /.widget --> </div><!-- /.link-widget --> <!-- ============================================================= LINKS FOOTER : END ============================================================= --> </div> </div><!-- /.container --> </div><!-- /.link-list-row --> <div class="copyright-bar"> <div class="container"> <div class="col-xs-12 col-sm-6 no-margin"> <div class="copyright"> © <a href="index.html">Imooc.com</a> - all rights reserved </div><!-- /.copyright --> </div> <div class="col-xs-12 col-sm-6 no-margin"> <div class="payment-methods "> <ul> <li><img alt="" src="assets/images/payments/payment-visa.png"></li> <li><img alt="" src="assets/images/payments/payment-master.png"></li> <li><img alt="" src="assets/images/payments/payment-paypal.png"></li> <li><img alt="" src="assets/images/payments/payment-skrill.png"></li> </ul> </div><!-- /.payment-methods --> </div> </div><!-- /.container --> </div><!-- /.copyright-bar --> </footer> <!-- /#footer --> <!-- ============================================================= FOOTER : END ============================================================= --></div><!-- /.wrapper --><!-- JavaScripts placed at the end of the document so the pages load faster --><script src="assets/js/jquery-1.10.2.min.js"></script><script src="assets/js/jquery-migrate-1.2.1.js"></script><script src="assets/js/bootstrap.min.js"></script><script src="assets/js/gmap3.min.js"></script><script src="assets/js/bootstrap-hover-dropdown.min.js"></script><script src="assets/js/owl.carousel.min.js"></script><script src="assets/js/css_browser_selector.min.js"></script><script src="assets/js/echo.min.js"></script><script src="assets/js/jquery.easing-1.3.min.js"></script><script src="assets/js/bootstrap-slider.min.js"></script><script src="assets/js/jquery.raty.min.js"></script><script src="assets/js/jquery.prettyPhoto.min.js"></script><script src="assets/js/jquery.customSelect.min.js"></script><script src="assets/js/wow.min.js"></script><script src="assets/js/scripts.js"></script></body></html>
0 0
- YII2 前台页面引入&&头尾分离
- xhtml页面头尾分离的时候出现中文乱码解决办法
- [thinkPHP5项目实战_06]引入前台页面
- ThinkPHP5 前台模板引入与分离 开发环境debug
- 关于前台页面引入头和尾操作
- Android程序员学PHP开发(36)-ThinkPHP5.0(8)前台引入模板分离-phpStudy+Sublime
- yii2引入jquery
- yii2读写分离配置
- yii2读写分离配置
- yii2读写分离配置
- yii2读写分离配置
- yii2读写分离配置
- yii2读写分离
- yii2 读写分离配置
- yii2读写分离配置
- yii2读写分离配置
- yii2读写分离配置
- yii2读写分离配置
- 面试总结——Java高级工程师（二）
- 十进制转换为十六进制
- iOS 第10课 ，导航栏动态变化效果
- Python爬虫技巧---设置代理IP
- 程序员的阅读
- YII2 前台页面引入&&头尾分离
- 重谈viewDidLoad和loadView
- mybatis mapper 接口原理（mybatis 注解原理）
- python的join函数
- 这些年我喜欢的搜索引擎
- c++--模板
- itorch安装
- block
- Java高并发编程：Callable & Future
