电商应用后台静态模板公共组件/样式封装

control/tpl.php

@@ -0,0 +1,16 @@
+<?php
+/**
+ *
+ */
+
+include_once(dirname(dirname(__FILE__))."/library/publicBase.php");
+
+class tpl extends publicBase {
+
+    /**
+     * 首页
+     * @return void
+     */
+    public function home() {
+    }
+}

index.php

@@ -50,7 +50,7 @@ class run extends publicBase {
     }
 
     private function aftercheckpara() {
-        $no_login_list = array('callback');
+        $no_login_list = array('callback', 'tpl');
         $is_need_login = in_array($this->control_name, $no_login_list) ? false : true;
 
         if (!$is_need_login) return true;

view/js/css/modules/code.css

@@ -0,0 +1 @@
+html #layuicss-skincodecss{display:none;position:absolute;width:1989px}.layui-code-view{display:block;position:relative;margin:10px 0;padding:0;border:1px solid #eee;border-left-width:6px;background-color:#fafafa;color:#333;font-family:Courier New;font-size:13px}.layui-code-title{position:relative;padding:0 10px;height:40px;line-height:40px;border-bottom:1px solid #eee;font-size:12px}.layui-code-title>.layui-code-about{position:absolute;right:10px;top:0;color:#b7b7b7}.layui-code-about>a{padding-left:10px}.layui-code-view>.layui-code-ol,.layui-code-view>.layui-code-ul{position:relative;overflow:auto}.layui-code-view>.layui-code-ol>li{position:relative;margin-left:45px;line-height:20px;padding:0 10px;border-left:1px solid #e2e2e2;list-style-type:decimal-leading-zero;*list-style-type:decimal;background-color:#fff}.layui-code-view>.layui-code-ol>li:first-child,.layui-code-view>.layui-code-ul>li:first-child{padding-top:10px}.layui-code-view>.layui-code-ol>li:last-child,.layui-code-view>.layui-code-ul>li:last-child{padding-bottom:10px}.layui-code-view>.layui-code-ul>li{position:relative;line-height:20px;padding:0 10px;list-style-type:none;*list-style-type:none;background-color:#fff}.layui-code-view pre{margin:0}.layui-code-dark{border:1px solid #0c0c0c;border-left-color:#3f3f3f;background-color:#0c0c0c;color:#c2be9e}.layui-code-dark>.layui-code-title{border-bottom:none}.layui-code-dark>.layui-code-ol>li,.layui-code-dark>.layui-code-ul>li{background-color:#3f3f3f;border-left:none}.layui-code-dark>.layui-code-ul>li{margin-left:6px}.layui-code-demo .layui-code{visibility:visible!important;margin:-15px;border-top:none;border-right:none;border-bottom:none}.layui-code-demo .layui-tab-content{padding:15px;border-top:none}

view/templates/include/admin_header.html

@@ -0,0 +1,44 @@
+<div class="layui-header admin-layui-header">
+    <div class="layui-logo layui-hide-xs layui-bg-black" style="box-shadow: unset !important;background-color: #1890FF !important;width: 105px;margin-left: 31px;">
+        <img src="/images/admin_logo.png" alt="" style="width: 105px;height: 22px;vertical-align: middle;">
+    </div>
+    <!-- 头部区域（可配合layui 已有的水平导航） -->
+    <ul class="layui-nav layui-layout-left">
+      <!-- 移动端显示 -->
+      <li class="layui-nav-item layui-show-xs-inline-block layui-hide-sm" lay-header-event="menuLeft">
+        <i class="layui-icon layui-icon-spread-left"></i>
+      </li>
+
+      <!-- <li class="layui-nav-item layui-hide-xs"><a href="">nav 1</a></li>
+      <li class="layui-nav-item layui-hide-xs"><a href="">nav 2</a></li>
+      <li class="layui-nav-item layui-hide-xs"><a href="">nav 3</a></li>
+      <li class="layui-nav-item">
+        <a href="javascript:;">nav groups</a>
+        <dl class="layui-nav-child">
+          <dd><a href="">menu 11</a></dd>
+          <dd><a href="">menu 22</a></dd>
+          <dd><a href="">menu 33</a></dd>
+        </dl>
+      </li> -->
+
+
+    </ul>
+    <ul class="layui-nav layui-layout-right header_user_info">
+      <li class="layui-nav-item layui-hide layui-show-md-inline-block">
+        <a href="javascript:;" style="color:#ffffff !important;">
+          <img src="/images/header_user_logo.png" class="layui-nav-img admin-layui-nav-img">
+          ID:88900006543
+        </a>
+        <!-- <dl class="layui-nav-child">
+          <dd><a href="">Your Profile</a></dd>
+          <dd><a href="">Settings</a></dd>
+          <dd><a href="">Sign out</a></dd>
+        </dl> -->
+      </li>
+      <!-- <li class="layui-nav-item" lay-header-event="menuRight" lay-unselect>
+        <a href="javascript:;">
+          <i class="layui-icon layui-icon-more-vertical"></i>
+        </a>
+      </li> -->
+    </ul>
+  </div>

view/templates/include/admin_leftmenu.html

@@ -0,0 +1,25 @@
+<div class="layui-side layui-bg-black admin-menu-list">
+    <div class="layui-side-scroll admin-menu-layui-side-scroll">
+      <ul class="layui-nav layui-nav-tree" lay-filter="test">
+        <li class="layui-nav-item layui-nav-itemed">
+          <a class="" href="javascript:;">menu group 1</a>
+          <dl class="layui-nav-child">
+            <dd><a href="javascript:;">menu 1</a></dd>
+            <dd><a href="javascript:;">menu 2</a></dd>
+            <dd><a href="javascript:;">menu 3</a></dd>
+            <dd><a href="">the links</a></dd>
+          </dl>
+        </li>
+        <li class="layui-nav-item">
+          <a href="javascript:;">menu group 2</a>
+          <dl class="layui-nav-child">
+            <dd><a href="javascript:;">list 1</a></dd>
+            <dd><a href="javascript:;">list 2</a></dd>
+            <dd><a href="">超链接</a></dd>
+          </dl>
+        </li>
+        <li class="layui-nav-item"><a href="javascript:;">click menu item</a></li>
+        <li class="layui-nav-item"><a href="">the links</a></li>
+      </ul>
+    </div>
+  </div>

view/templates/tpl/home.html

@@ -0,0 +1,95 @@
+
+<!DOCTYPE html>
+<html>
+<head>
+	<meta charset="UTF-8">
+	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
+	<link href="/images/pdd_icon.png" rel="icon">
+	<title>首页</title>
+	<link rel="stylesheet" href="/css/layui.css"/>
+	<!--[if lt IE 9]>
+    <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
+    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
+    <![endif]-->
+  {literal}
+  <style>
+	.admin-container-outer .admin-layui-header{
+		height: 48px !important;
+		background-color: #1890FF !important;
+	}
+	.admin-container-outer .admin-layui-header *{
+		line-height: 48px !important;
+	}
+	.admin-container-outer .admin-layui-nav-img{
+		width: 24px !important;
+		height: 24px !important;
+		margin-right: 8px !important;
+	}
+	.header_user_name{
+		color:#FFFFFF !important;
+	}
+	.admin-container-outer .header_user_info{
+		padding: 0 33px !important;
+	}
+	.admin-container-outer .admin-menu-list{
+		top: 48px !important;
+		width: 188px !important;
+	}
+	.admin-container-outer .admin-menu-layui-side-scroll{
+		width: 188px !important;
+	}
+    @media screen and (max-width: 768px) {
+      .layui-layout-admin .layui-layout-left,
+      .layui-layout-admin .layui-body,
+      .layui-layout-admin .layui-footer{left: 0;}
+      .layui-layout-admin .layui-side{left: -300px;}
+    }
+  </style>
+  {/literal}
+</head>
+<body>
+
+<div class="layui-layout layui-layout-admin admin-container-outer">
+  {include file="include/admin_header.html"}
+  {include file="include/admin_leftmenu.html"}
+  <div class="layui-body">
+    <div style="padding: 15px;">
+      内容主体区域
+    </div>
+  </div>
+  <div class="layui-footer">
+    底部固定区域
+  </div>
+</div>
+<script src="/js/layui.js"></script>
+{literal}
+<script>
+layui.use(['element', 'layer', 'util'], function(){
+  var element = layui.element
+  ,layer = layui.layer
+  ,util = layui.util
+  ,$ = layui.$;
+
+  util.event('lay-header-event', {
+    menuLeft: function(othis){
+      layer.msg('展开左侧菜单的操作', {icon: 0});
+    }
+    ,menuRight: function(){
+      layer.open({
+        type: 1
+        ,title: '更多'
+        ,content: '<div style="padding: 15px;">处理右侧面板的操作</div>'
+        ,area: ['260px', '100%']
+        ,offset: 'rt'
+        ,anim: 5
+        ,shadeClose: true
+        ,scrollbar: false
+      });
+    }
+  });
+});
+</script>
+{/literal}
+</body>
+</html>