Berbagi Bersama: Pemrograman 3D

Showing posts with label Pemrograman 3D. Show all posts

TUGAS CODE IGNITER UPLOAD FILE

Kali ini kami disuruh mencoba membuat sebuah form upload file dengan memanfaatkan user guide yang sudah terintegrasi di Code Igniter....

Berikut hasil dari Tugas yang saya kerjakan

Tampilan awalnya seperti ini

Tampilan jika button upload di klik tanpa choose file

Ketika di klik tombol Choose File

Ketika di Upload.....

File yang diperlukan:
upload__form.php (di folder views)
upload_sukses.php (di folder views)
upload (di folder controller)

Upload.php

<?php

class Upload extends CI_Controller {

 function __construct()
 {
  parent::__construct();
  $this->load->helper(array('form', 'url'));
 }

 function index()
 {
  $this->load->view('upload_form', array('error' => ' ' ));
 }

 function do_upload()
 {
  $config['upload_path'] = './uploads/';
  $config['allowed_types'] = 'gif|jpg|png|zip|doc|docs|xls|ppt|pdf|txt';
  $config['max_size'] = '1000';


  $this->load->library('upload', $config);

  if ( ! $this->upload->do_upload())
  {
   $error = array('error' => $this->upload->display_errors('<p>','<br/>Silahkan ulang...!!!', '</p>'));

   $this->load->view('upload_form', $error);
  }
  else
  {
   $data = array('upload_data' => $this->upload->data());

   $this->load->view('upload_sukses', $data);
  }
 }
}
?>

upload_form.php

<html>
<head>
<title>Upload Form</title>
</head>

<body bgcolor="#4bc402">

<?php echo $error;?>

<?php echo form_open_multipart('upload/do_upload');?>

<input type="file" name="userfile" size="20" />

<br /><br />

<input type="submit" value="upload" />

</form>

</body>
</html>

upload_sukses.php

<html>
<head>
<title>Upload Form</title>
</head>

<body bgcolor="#4bc402">

<?php echo $error;?>

<?php echo form_open_multipart('upload/do_upload');?>

<input type="file" name="userfile" size="20" />

<br /><br />

<input type="submit" value="upload" />

</form>

</body>
</html>

CODE IGNITER LEVEL 3

Unknown 01:39:00 Add Comment

Assalamualaiu...
Malem nie gak tidur kayaknya...
banyak sekali tugas yang belum selesai....

S E M A N G A D.....
Mengapa judul artikel saya ini CODE IGNITER LEVEL 3...?!
itu karena ini adalah ke tiga kalinya saya belajar Code Igniter,,,

Kali ini saya akan share lanjutan artikel kemarin yang untuk menampilkan data dari database ke Code Igniter....
disini saya tambahkan sedikit bumbu CSS..hehehe

Meskipun masih ada yang kurang,,, Tombol Delete-nya belum berfungsi....hehehe

langsung sajalah....

Tampilannya seperti ini:

Dan untuk form input beritanya seperti ini:

Okeh...
Untuk struktur databasenya bisa di baca di artikel sebelumnya karena disini saya hanya fokuskan untuk input datanya aja....

Buat file view_news_input.php di Application/view/news/ :

<html>
<head>
<title>My Form</title>
</head>
<body bgcolor="#999900">

<?php echo form_open('news/input'); ?>

<h5>INPUT BERITA</h5><br/>

<h5>Title</h5>
<?php echo form_error('title'); ?>
<input type="text" name="title" value="<?php echo set_value('title'); ?>" size="50" />

<h5>Content</h5>
<?php echo form_error('content'); ?>
<textarea name="content" cols="50"><?php echo set_value('content'); ?></textarea>

<div><input type="submit" value="Submit" /></div>

</form>

</body>
</html>

Selanjutnya buat file dengan nama view_sukses.php di Application/view/news/

<html>
<head>
<title>My Form</title>
</head>
<body>

<h3>Your form was successfully submitted!</h3>

<p><?php echo anchor('news/input', 'Try it again!'); ?></p>

</body>
</html>

Buat file modelnews.php di Application/models/

<?php if ( ! defined('BASEPATH')) exit('No direct script access allowed');

class ModelNews extends CI_Model {

 function __construct()
     {
         parent::__construct();
     }
 
 function getAllNews(){
  $q="SELECT * FROM news"; 
  return $this->db->query($q);
 }
 function delete(){
  $q="DELETE from news where id='$id'"; 
  return $this->db->query($q);
 }
}

Buat file dengan nama news.php di Application/controller/

<?php if ( ! defined('BASEPATH')) exit('No direct script access allowed');

class News extends CI_Controller {

 
 public function index()
 {
  $data = array('title' => 'WEBSITE CODE IGNITER',
        'heading' => 'Copyright &copy 2012. Powered by <i>Indra Al Sasak</i>',
             'message' => 'Test Message');

  $this->load->view('view_header');
  $this->load->view('view_news_show', $data);
  $this->load->view('view_footer');;
 }

 public function show()
 {
   $data['n'] = $this->ModelNews->getAllNews();
   $this->load->view('news/view_show_page', $data);
 }
 public function input()
 {
     $this->load->helper(array('form', 'url'));

  $this->load->library('form_validation');
  $this->form_validation->set_rules('title', 'title', 'required');
  $this->form_validation->set_rules('content', 'content', 'required');

  if ($this->form_validation->run() == FALSE)
  {
   $this->load->view('news/view_news_input');
  }
  else
  {
   $this->input->post('title');
   $this->input->post('content');
   $this->ModelNews->simpan();
   $this->load->view('news/view_sukses');
  }
    
 }
 public function delete($id)
 {
  $this->db->delete('news', array('id' => $id));
   redirect('news/index');
  $this->ModelNews->deleteByid($id);
 }
 public function simpan()
 {
   echo "tersimpan";
 }
}

Semoga Bermanfaat.....

Menampilkan Data Base di Code Igniter

Unknown 08:45:00 Add Comment

Selanjutnya adalah cara untuk menampilkan data yang berada di database ke Code Igniter,,,

Pertama-tama kita buat database disini saya kasi nama "d4b6",,, selanjutnya buat tabel dengan struktur sebagai berikut:

Selanjutnya, buat ModelNews

<?php if ( !
defined('BASEPATH')) exit('No direct script access allowed');
class ModelNews extends CI_Model {
 function __construct()
  {

 parent::__construct();
  }

  function
getAllNews(){
  $q="SELECT
* FROM news";  
  return
$this->db->query($q);
  }
}

Jangan lupa untuk mengganti settingan di autoload,,,
Location: ./application/config/autoload.php
$autoload['model'] = array('ModelNews');
Selanjutnya Controller News

<?php if ( ! defined('BASEPATH')) exit('No direct script access allowed');

class News extends CI_Controller {

 public function show(){
   $data['n'] = $this->ModelNews->getAllNews();
   $this->load->view('news/view_show_page', $data);
 }
}

Sekarang anda tinggal membuat 1 file lage,,,
application/view/news/view_show_page.php:

<? 
 print_r($n); 
 $sr = $n->result();
?>

<p>List News</p>

<? foreach($sr as $r){ ?>
 <?=$r->id?> <br />
 <?=$r->title?> <br />
     <?=$r->content?> <br />
     <?=$r->create?> <br /><br /> 
<? } ?>

Hasil akhirnya adalah Sebagai berikut:

Selamat mencoba.... ^_^

Memanipulasi Tampilan Awal Code Igniter

Unknown 08:09:00 Add Comment

Buka folder view di Code Igniter, karena semua yang di tampilkan di Code Igniter adalah dari folder view ini, selanjutnya silahkan anda buka "welcome_message.php"...
Lakukan perubahan source sesuka anda, sesuai dengan selera yang anda inginkan...

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="utf-8">
 <title>Welcome to CodeIgniter</title>

 <style type="text/css">

 ::selection{ background-color: #E13300; color: white; }
 ::moz-selection{ background-color: #E13300; color: white; }
 ::webkit-selection{ background-color: #E13300; color: white; }

 body {
  background-color: #fff;
  margin: 40px;
  font: 13px/20px normal Helvetica, Arial, sans-serif;
  color: #4F5155;
 }

 a {
  color: #003399;
  background-color: transparent;
  font-weight: normal;
 }

 h1 {
  color: #444;
  background-color: transparent;
  border-bottom: 1px solid #D0D0D0;
  font-size: 19px;
  font-weight: normal;
  margin: 0 0 14px 0;
  padding: 14px 15px 10px 15px;
 }

 code {
  font-family: Consolas, Monaco, Courier New, Courier, monospace;
  font-size: 12px;
  background-color: #f9f9f9;
  border: 1px solid #D0D0D0;
  color: #002166;
  display: block;
  margin: 14px 0 14px 0;
  padding: 12px 10px 12px 10px;
 }

 #body{
  margin: 0 15px 0 15px;
 }
 
 p.footer{
  text-align: right;
  font-size: 11px;
  border-top: 1px solid #D0D0D0;
  line-height: 32px;
  padding: 0 10px 0 10px;
  margin: 20px 0 0 0;
 }
 
 #container{
  margin: 10px;
  border: 1px solid #D0D0D0;
  -webkit-box-shadow: 0 0 8px #D0D0D0;
 }
 </style>
</head>
<body>

<div id="container">
 <h1>Welcome to CodeIgniter!</h1>

 <div id="body">
  <p>The page you are looking at is being generated dynamically by CodeIgniter.</p>

  <p>If you would like to edit this page you'll find it located at:</p>
  <code>application/views/welcome_message.php</code>

  <p>The corresponding controller for this page is found at:</p>
  <code>application/controllers/welcome.php</code>

  <p>If you are exploring CodeIgniter for the very first time, you should start by reading the <a href="user_guide/">User Guide</a>.</p>
 </div>

 <p class="footer">Page rendered in <strong>{elapsed_time}</strong> seconds</p>
</div>

</body>
</html>

Hasilnya:

Berbagi Bersama

TUGAS CODE IGNITER UPLOAD FILE

CODE IGNITER LEVEL 3

Menampilkan Data Base di Code Igniter

Memanipulasi Tampilan Awal Code Igniter

Kategori

Kategori