PHP程序员小白到大牛集训(12期免息)

模板渲染后台

原创2018-11-28 16:54:11107
摘要:总结:本章主要学习到了模板渲染后台的操作流程和方法,/**********************  index.php 控制器  ********************************/<?phpnamespace app\admin\controller;use think\Controller;class Index extends Controller{

总结:本章主要学习到了模板渲染后台的操作流程和方法,

/**********************  index.php 控制器  ********************************/

<?php
namespace app\admin\controller;
use think\Controller;
class Index extends Controller
{
   public function index()
   {
       return $this->fetch();
   }

   public function welcome()
   {
       return $this->fetch();
   }
}

/******************** index.html 后台首页模板  *************************/

<!doctype html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>PHP中文网后台管理系统</title>
  <meta name="renderer" content="webkit|ie-comp|ie-stand">
   <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
   <meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
   <meta http-equiv="Cache-Control" content="no-siteapp" />

   <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
   <link rel="stylesheet" href="__ADMIN__/css/font.css">
  <link rel="stylesheet" href="__ADMIN__/css/xadmin.css">
   <script type="text/javascript" src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
   <script src="./lib/layui/layui.js" charset="utf-8"></script>
   <script type="text/javascript" src="./js/xadmin.js"></script>

</head>
<body>
   <!-- 顶部开始 -->
<div class="container">
       <div class="logo"><a href="./index.html">PHP中文网后台管理系统</a></div>
       <ul class="layui-nav right" lay-filter="">
         <li class="layui-nav-item">
           <a href="javascript:;">admin</a>
           <dl class="layui-nav-child"> <!-- 二级菜单 -->
<dd><a onclick="x_admin_show('个人信息','http://www.baidu.com')">个人信息</a></dd>
             <dd><a onclick="x_admin_show('切换帐号','http://www.baidu.com')">切换帐号</a></dd>
             <dd><a href="./login.html">退出</a></dd>
           </dl>
         </li>
         <li class="layui-nav-item to-index"><a href="/">前台首页</a></li>
       </ul>
       
   </div>
   <!-- 顶部结束 -->
   <!-- 中部开始 -->
    <!-- 左侧菜单开始 -->
<div class="left-nav">
     <div id="side-nav">
       <ul id="nav">
        <li>
               <a href="javascript:;">
                   <i class="iconfont">&#xe726;</i>
                   <cite>管理员管理</cite>
                   <i class="iconfont nav_right">&#xe697;</i>
               </a>
               <ul class="sub-menu">
                   <li>
                       <a _href="admin-list.html">
                           <i class="iconfont">&#xe6a7;</i>
                           <cite>管理员列表</cite>
                       </a>
                   </li >
               </ul>
           </li>
           <li>
               <a href="javascript:;">
                   <i class="iconfont">&#xe6a2;</i>
                   <cite>新闻管理</cite>
                   <i class="iconfont nav_right">&#xe697;</i>
               </a>
               <ul class="sub-menu">
                   <li>
                       <a _href="order-list.html">
                           <i class="iconfont">&#xe6a7;</i>
                           <cite>新闻列表</cite>
                       </a>
                   </li >
               </ul>
           </li>  
        <li>
               <a href="javascript:;">
                   <i class="iconfont">&#xe6f6;</i>
                   <cite>产品管理</cite>
                   <i class="iconfont nav_right">&#xe697;</i>
               </a>
               <ul class="sub-menu">
                   <li>
                       <a _href="order-list.html">
                           <i class="iconfont">&#xe6a7;</i>
                           <cite>产品列表</cite>
                       </a>
                   </li >
               </ul>
           </li>
           <li>
               <a href="javascript:;">
                   <i class="iconfont">&#xe699;</i>
                   <cite>分类管理</cite>
                   <i class="iconfont nav_right">&#xe697;</i>
               </a>
               <ul class="sub-menu">
                   <li>
                       <a _href="cate.html">
                           <i class="iconfont">&#xe6a7;</i>
                           <cite>分类列表</cite>
                       </a>
                   </li >
               </ul>
           </li>    
           <li>
               <a href="javascript:;">
                   <i class="iconfont">&#xe6ae;</i>
                   <cite>系统设置</cite>
                   <i class="iconfont nav_right">&#xe697;</i>
               </a>
               <ul class="sub-menu">
                   <li>
                       <a _href="system.html">
                           <i class="iconfont">&#xe6a7;</i>
                           <cite>系统设置</cite>
                       </a>
                   </li >
               </ul>
           </li>
       </ul>
     </div>
   </div>
   <!-- <div></div> -->
   <!-- 左侧菜单结束 -->
   <!-- 右侧主体开始 -->
<div class="page-content">
       <div class="layui-tab tab" lay-filter="xbs_tab" lay-allowclose="false">
         <ul class="layui-tab-title">
           <li class="home"><i class="layui-icon">&#xe68e;</i>我的桌面</li>
         </ul>
         <div class="layui-tab-content">
           <div class="layui-tab-item layui-show">
               <iframe src='{:url("welcome")}' frameborder="0" scrolling="yes" class="x-iframe"></iframe>
           </div>
         </div>
       </div>
   </div>

   <!-- 底部结束 -->

</body>
</html>

/************  welcome.html  后台模板中间部分 **********************/

<!DOCTYPE html>
<html>
<head>
  <title>PHP中文网后台管理系统</title>
  <meta charset="utf-8">
</head>
<body>
  <div style="text-align: center;color:gray;font-size: 20px;">
     <h1>欢迎使用后台管理系统</h1>
  </div>
</body>
</html>


/*************** template.php 模板引入文件路径更改 *************/

'tpl_replace_string'=>[
   '__ADMIN__'=>'/static/admin',
]

批改老师:查无此人批改时间:2018-11-28 17:28:12
老师总结:写的不错,可以把自己的学习心得也写下来,这样能看看你哪里没有思考到,给你些提示。

发布手记

热门词条