tutorial
Struktur pembagian view di Codeigniter
- template
- template.php
- include
- meta.php
- header.php
- footer.php
- script.php
template.php
<!-- HEADER -->
<?php $this->load->view('templates/includes/header'); ?>
<!-- end HEADER -->
<body class="fixed-left">
<!-- Begin page -->
<div id="wrapper">
<div class="content-page">
<div class="content"><!-- Start content -->
<div class="container">
<!-- Start right Content here -->
<?php echo $contents; ?>
<!-- End Right content here -->
</div> <!-- container -->
</div> <!-- content -->
</div>
<!-- FOOTER -->
<?php $this->load->view('templates/includes/footer'); ?>
<!-- end FOOTER -->
</div> <!-- END wrapper -->
</body>
</html>meta.php
<meta charset="utf-8" />
<title>Your website name - website tag</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta content="Dashboard." name="description" />
<meta content="your author name" name="author" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<!-- App favicon -->
<link rel="shortcut icon" href="<?php echo base_url() ?>templates/assets/images/favicon_1.ico">header.php
<!DOCTYPE html>
<html>
<head>
<noscript><meta http-equiv="refresh" content="0; url=<?php echo base_url() ?>/EnableJS" /></noscript>
<?php $this->load->view('templates/includes/meta'); ?>
<title>SISTEM Pakar</title>
<!-- main css-->
<link href="<?php echo base_url() ?>templates/assets/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<link href="<?php echo base_url() ?>templates/assets/css/core.css" rel="stylesheet" type="text/css" />
<link href="<?php echo base_url() ?>templates/assets/css/components.css" rel="stylesheet" type="text/css" />
<link href="<?php echo base_url() ?>templates/assets/css/icons.css" rel="stylesheet" type="text/css" />
<link href="<?php echo base_url() ?>templates/assets/css/pages.css" rel="stylesheet" type="text/css" />
<link href="<?php echo base_url() ?>templates/assets/css/responsive.css" rel="stylesheet" type="text/css" />
<!-- main css end-->
<!-- HTML5 Shiv and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="templates/https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="templates/https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
<![endif]-->
<script src="<?php echo base_url() ?>templates/assets/js/modernizr.min.js"></script>
<!-- datatables css-->
<link href="<?php echo base_url() ?>templates/assets/plugins/datatables/jquery.dataTables.min.css" rel="stylesheet" type="text/css"/>
<link href="<?php echo base_url() ?>templates/assets/plugins/datatables/buttons.bootstrap.min.css" rel="stylesheet" type="text/css"/>
<link href="<?php echo base_url() ?>templates/assets/plugins/datatables/fixedHeader.bootstrap.min.css" rel="stylesheet" type="text/css"/>
<link href="<?php echo base_url() ?>templates/assets/plugins/datatables/responsive.bootstrap.min.css" rel="stylesheet" type="text/css"/>
<link href="<?php echo base_url() ?>templates/assets/plugins/datatables/scroller.bootstrap.min.css" rel="stylesheet" type="text/css"/>
<link href="<?php echo base_url() ?>templates/assets/plugins/datatables/dataTables.colVis.css" rel="stylesheet" type="text/css"/>
<link href="<?php echo base_url() ?>templates/assets/plugins/datatables/dataTables.bootstrap.min.css" rel="stylesheet" type="text/css"/>
<link href="<?php echo base_url() ?>templates/assets/plugins/datatables/fixedColumns.dataTables.min.css" rel="stylesheet" type="text/css"/>
<!-- datatables css end -->
<!-- Plugins css-->
<link href="<?php echo base_url() ?>templates/assets/plugins/bootstrap-tagsinput/css/bootstrap-tagsinput.css" rel="stylesheet" />
<link href="<?php echo base_url() ?>templates/assets/plugins/switchery/css/switchery.min.css" rel="stylesheet" />
<link href="<?php echo base_url() ?>templates/assets/plugins/multiselect/css/multi-select.css" rel="stylesheet" type="text/css" />
<link href="<?php echo base_url() ?>templates/assets/plugins/select2/css/select2.min.css" rel="stylesheet" type="text/css" />
<link href="<?php echo base_url() ?>templates/assets/plugins/bootstrap-select/css/bootstrap-select.min.css" rel="stylesheet" />
<link href="<?php echo base_url() ?>templates/assets/plugins/bootstrap-touchspin/css/jquery.bootstrap-touchspin.min.css" rel="stylesheet" />
<!-- Plugins Picker -->
<link href="<?php echo base_url() ?>templates/assets/plugins/timepicker/bootstrap-timepicker.min.css" rel="stylesheet">
<link href="<?php echo base_url() ?>templates/assets/plugins/bootstrap-colorpicker/css/bootstrap-colorpicker.min.css" rel="stylesheet">
<link href="<?php echo base_url() ?>templates/assets/plugins/bootstrap-datepicker/css/bootstrap-datepicker.min.css" rel="stylesheet">
<link href="<?php echo base_url() ?>templates/assets/plugins/clockpicker/css/bootstrap-clockpicker.min.css" rel="stylesheet">
<link href="<?php echo base_url() ?>templates/assets/plugins/bootstrap-daterangepicker/daterangepicker.css" rel="stylesheet">
<!-- Dropzone css -->
<link href="<?php echo base_url() ?>templates/assets/plugins/dropzone/dropzone.css" rel="stylesheet" type="text/css"/>
<!-- jquery image viewer -->
<link href="<?php echo base_url() ?>templates/assets/plugins/jquery-image-viewer/css/jquery.magnify.css" rel="stylesheet" />
<link class="magnify-theme" href="<?php echo base_url() ?>templates/assets/plugins/jquery-image-viewer/css/magnify-bezelless-theme.css" rel="stylesheet" />
<!-- sweet alert -->
<link href="<?php echo base_url() ?>templates/assets/plugins/bootstrap-sweetalert/sweet-alert.css" rel="stylesheet" type="text/css">
</head>footer.php
<footer class="footer">
© 2022.Your Website Name.
</footer>script.php
<script> var resizefunc = []; </script>
<!-- jQuery -->
<script src="<?php echo base_url() ?>templates/assets/js/jquery.min.js"></script>
<script src="<?php echo base_url() ?>templates/assets/js/bootstrap.min.js"></script>
<script src="<?php echo base_url() ?>templates/assets/js/detect.js"></script>
<script src="<?php echo base_url() ?>templates/assets/js/fastclick.js"></script>
<script src="<?php echo base_url() ?>templates/assets/js/jquery.slimscroll.js"></script>
<script src="<?php echo base_url() ?>templates/assets/js/jquery.blockUI.js"></script>
<script src="<?php echo base_url() ?>templates/assets/js/waves.js"></script>
<script src="<?php echo base_url() ?>templates/assets/js/wow.min.js"></script>
<script src="<?php echo base_url() ?>templates/assets/js/jquery.nicescroll.js"></script>
<script src="<?php echo base_url() ?>templates/assets/js/jquery.scrollTo.min.js"></script>
<!-- App core js -->
<script src="<?php echo base_url() ?>templates/assets/js/jquery.core.js"></script>
<script src="<?php echo base_url() ?>templates/assets/js/jquery.app.js"></script>
<!-- chained -->
<!-- <script src="<?php echo base_url() ?>templates/assets/js/jquery-1.10.2.min.js"></script> -->
<script src="<?php echo base_url() ?>templates/assets/js/jquery.chained.min.js"></script>
<!-- jQuery -->
<!-- datatables -->
<!-- -->
<script src="<?php echo base_url() ?>templates/assets/plugins/datatables/jquery.dataTables.min.js"></script>
<script src="<?php echo base_url() ?>templates/assets/plugins/datatables/dataTables.bootstrap.js"></script>
<!-- -->
<script src="<?php echo base_url() ?>templates/assets/plugins/datatables/dataTables.buttons.min.js"></script>
<script src="<?php echo base_url() ?>templates/assets/plugins/datatables/buttons.bootstrap.min.js"></script>
<script src="<?php echo base_url() ?>templates/assets/plugins/datatables/jszip.min.js"></script>
<script src="<?php echo base_url() ?>templates/assets/plugins/datatables/pdfmake.min.js"></script>
<script src="<?php echo base_url() ?>templates/assets/plugins/datatables/vfs_fonts.js"></script>
<script src="<?php echo base_url() ?>templates/assets/plugins/datatables/buttons.html5.min.js"></script>
<script src="<?php echo base_url() ?>templates/assets/plugins/datatables/buttons.print.min.js"></script>
<script src="<?php echo base_url() ?>templates/assets/plugins/datatables/dataTables.fixedHeader.min.js"></script>
<script src="<?php echo base_url() ?>templates/assets/plugins/datatables/dataTables.keyTable.min.js"></script>
<script src="<?php echo base_url() ?>templates/assets/plugins/datatables/dataTables.responsive.min.js"></script>
<script src="<?php echo base_url() ?>templates/assets/plugins/datatables/responsive.bootstrap.min.js"></script>
<script src="<?php echo base_url() ?>templates/assets/plugins/datatables/dataTables.scroller.min.js"></script>
<script src="<?php echo base_url() ?>templates/assets/plugins/datatables/dataTables.colVis.js"></script>
<script src="<?php echo base_url() ?>templates/assets/plugins/datatables/dataTables.fixedColumns.min.js"></script>
<!-- -->
<!-- Datatables init menghandle button copy, csv,excel .. on datatables -->
<script src="<?php echo base_url() ?>templates/assets/pages/datatables.init.js"></script>
<!-- third party js ends -->
<!-- end datatables -->
<!-- Plugins Picker -->
<script src="<?php echo base_url() ?>templates/assets/plugins/moment/moment.js"></script>
<script src="<?php echo base_url() ?>templates/assets/plugins/timepicker/bootstrap-timepicker.js"></script>
<script src="<?php echo base_url() ?>templates/assets/plugins/bootstrap-colorpicker/js/bootstrap-colorpicker.min.js"></script>
<script src="<?php echo base_url() ?>templates/assets/plugins/bootstrap-datepicker/js/bootstrap-datepicker.min.js"></script>
<script src="<?php echo base_url() ?>templates/assets/plugins/bootstrap-daterangepicker/daterangepicker.js"></script>
<script src="<?php echo base_url() ?>templates/assets/plugins/clockpicker/js/bootstrap-clockpicker.min.js"></script>
<script src="<?php echo base_url() ?>templates/assets/pages/jquery.form-pickers.init.js"></script>
<!-- page Picker -->
<!-- not defined -->
<script src="<?php echo base_url() ?>templates/assets/plugins/bootstrap-tagsinput/js/bootstrap-tagsinput.min.js"></script>
<script src="<?php echo base_url() ?>templates/assets/plugins/switchery/js/switchery.min.js"></script>
<script src="<?php echo base_url() ?>templates/assets/plugins/multiselect/js/jquery.multi-select.js"></script>
<script src="<?php echo base_url() ?>templates/assets/plugins/jquery-quicksearch/jquery.quicksearch.js"></script>
<script src="<?php echo base_url() ?>templates/assets/plugins/select2/js/select2.min.js" type="text/javascript"></script>
<script src="<?php echo base_url() ?>templates/assets/plugins/bootstrap-select/js/bootstrap-select.min.js" type="text/javascript"></script>
<script src="<?php echo base_url() ?>templates/assets/plugins/bootstrap-filestyle/js/bootstrap-filestyle.min.js" type="text/javascript"></script>
<script src="<?php echo base_url() ?>templates/assets/plugins/bootstrap-touchspin/js/jquery.bootstrap-touchspin.min.js" type="text/javascript"></script>
<script src="<?php echo base_url() ?>templates/assets/plugins/bootstrap-maxlength/bootstrap-maxlength.min.js" type="text/javascript"></script>
<!-- end not defined -->
<!-- Auto Fill -->
<!-- <script>
$(document).ready(function() {
$('#example').change(function(){
$('#info').val( $(this).find('option:selected').data('info') );
});
});
</script> -->
<script src="<?php echo base_url() ?>templates/assets/plugins/bootstrap-inputmask/bootstrap-inputmask.min.js" type="text/javascript"></script>
<script src="<?php echo base_url() ?>templates/assets/plugins/autoNumeric/autoNumeric.js" type="text/javascript"></script>