You are on page 1of 3

LANGKAH LANGKAH MEMBUAT TEMPLATING

1. membuat folder didalam htdocs


2. download aplikasi admin LTE
3. esktrak aplikasi yang ingin dibuat
4. copy plugins&disc di aplikasi admin LTE
5. ubah nama index.html menjadi indx.php
6. buka aplikasi visual studio code
7. buka folder yang sudah dibuat dengan menekan CTRL+K+O
8. buat folder template didalam folder yang sudah dibuat
9. buat file header.php didalam folder template
10. copy script yang ada di file index.php dari <!DOCTYPE html> sampai
penutup body
<?php include('template/header.php'); ?>

11. buat file sidebar.php didalam folder template


12. potong script sidebar didalam file index.php
<aside class="main-sidebar sidebar-dark-primary elevation-4"

</aside>
13. dibawah main sidebar,buatlah script
<!-- Main sidebar container -->

<?php include('template/sidebar.php'); ?>


14. buat file navbar .php didalam folder template
15. potong script navbar didalam file index.php dan pindahkan ke file
navbar.php
<!-- Navbar -->

  <nav class="main-header navbar navbar-expand navbar-white navbar-light">


</nav>
  <!-- /.navbar -->
16. dibawah <!navbar-->, buatlah script
<!-- Navbar -->
<?php include('template/navbar.php'); ?>
<!-- /Navbar -->

17.cari <!—Content Wrapper.contains page content-->di file index.php


18. hapus seluruh isi class container fluid
<!-- Content Wrapper. Contains page content -->
  <div class="content-wrapper">
19. didalam container fluid ketik
<div class="container-fluid">
        <?php include('template/content.php'); ?>
        <!-- Small boxes (Stat box) -->

        <!-- /.row (main row) -->


      </div><!-- /.container-fluid -->
20.buat file content.php dan buatlah case yang ingin buat,contoh:
<?php

if(isset($_GET['page'])){
    $page = $_GET['page'];

    switch($page){
        case 'chart':
            include("content/chart.php");
        break;
       
            case 'user':
                include("content/user.php");
            break;

            case 'form':
                include("siswa/form.php");
            break;

            case 'tampil':
                include("siswa/index.php");
            break;

}
}  

?>
21. buat folder guru dan buatlah file index.php dan form.php
22. buatlah konten yang ingin kalian buat
23. edit script yang ada didalam file sidebar.php
<ul class="nav nav-treeview">
              <li class="nav-item">
                <a href="?page=tampil" class="nav-link">
                  <i class="far fa-circle nav-icon"></i>
                  <p>data siswa</p>
                </a>
              </li>

24. setelah selesai bukalah hasil templating kalian:

You might also like