hướng dẫn SEO

Sự kiện: Phim Đang HOT

Hướng dẫn cài đặt Kloxo trên VPS - Centos">Hướng dẫn cài đặt Kloxo trên VPS - Cent...Kloxo là một chương trình phần mềm nền tảng web để quản trị máy chủ hosting Linux (Control Panel) miễn phí. Hiện tại hỗ trợ tốt nhất với Ce...

Hướng dẫn cài đặt Kloxo trên VPS - Centos

• Kloxo là một chương trình phần mềm nền tảng web để quản trị máy chủ hosting Linux (Control Panel) miễn phí. Hiện tại hỗ trợ tốt nhất với Centos 5.x, chưa hỗ trợ Centos 6.x
  1. Điều kiện để chạy Kloxo
  Một máy chủ riêng hoặc máy chủ ảo (trên nền tảng OpenVZ, XEN, Virtuozzo, KVM, …) chạy CentOS hay RedHat phiên bản 32bit. Hiện tại Kloxo chưa hỗ trợ các máy chủ nền tảng 64 bit.
  
  Tối thiểu 256MB RAM
  Tối thiểu 2G ổ cứng.
  
  Nếu bạn phân vùng ổ cứng bằng tay (không tự động), lưu ý để cho /tmp một dung lượng lớn. Kloxo sử dụng /tmp để backup và restore. Nếu bạn để thấp, có thể máy chủ của bạn sẽ không hoạt động.
  2. Trước khi bắt đầu …
  Hãy chắc chắn rằng bạn đã disable SELinux bằng cách edit file /etc/sysconfig/selinux và đổi dòng selinux thành disabled
  
  selinux=disabled
  
  Restart lại máy chủ để thay đổi có hiệu lực.
  3. Tiến hành cài đặt Kloxo
  Kloxo sẽ download một file tên là kloxo-install-master.sh từ máy chủ của hệ thống Kloxo. Bạn chỉ cần chạy file này và chờ đợi là sẽ có một hệ thống quản lý hoàn hảo.
  Nếu bạn chưa cài mySQL lên máy chủ của mình, các bạn chạy lệnh sau:
  
  # su – root
  # yum install -y wget
  # wget http://download.lxcenter.org/download/kloxo/production/kloxo-installer.sh 
  
  # sh ./kloxo-installer.sh --type=master
  
  Lưu ý:
  Sau khi cài đặt xong, bạn có thể truy cập Kloxo qua địa chỉ http://ip-cua-ban:7778 hoặc https://ip-cua-ban:7777 với user và mật khẩu mặc định đều là admin. Nếu như bạn không truy cập được vào thì kiểm tra Firewall để mở 2 cổng đó.
  
  Theo : Hướng dẫn cài đặt Kloxo trên VPS - Centos
  CungHocTap.Com ...


CSS3 Hiệu ứng album đĩa nhạc xoay tròn như trên nhaccuatui.com">CSS3 Hiệu ứng album đĩa nhạc xoay tròn ... CSS3 ngày nay được sử dụng rộng rãi kết hợp với HTML5 làm cho website của bạn trở lên sinh động hơn mà trước đây chúng ta phải dùng n...

CSS3 Hiệu ứng album đĩa nhạc xoay tròn như trên nhaccuatui.com

• 
  
   
  
  CSS3 ngày nay được sử dụng rộng rãi kết hợp với HTML5 làm cho website của bạn trở lên sinh động hơn mà trước đây chúng ta phải dùng nhiều đến javascript hoặc flash, khi đó website load rất chậm vì phải xử lý nhiều. Nhưng khi HTML5 ra đời sẽ giúp chúng ta giải quyết tốt bài toán đó, tuy nhiên CSS3 này cũng chỉ chạy từ IE9 trở lên
  

  01

  <style>

  02

  03	.info_album {

  04	float: left;

  05	width: 300px;

  06	margin-left: 20px;

  07

  }

  08

  09	.info_album .avatar_album {

  10	width: 300px;

  11	height: 150px;

  12	position: relative;

  13

  }

  14

  15	.avatar_album .rotate_album {

  16	width: 140px;

  17	height: 140px;

  18	position: absolute;

  19	z-index: 17;

  20	left: 67px;

  21

  top: 7px;

  22

  }

  23

  24	.avatar_album .box_font_album {

  25	width: 140px;

  26	position: absolute;

  27	z-index: 20;

  28	background: url(http://2.bp.blogspot.com/-aSxbS11pnvM/U8jyvqMceAI/AAAAAAAAAHQ/KobtqLrncH8/s1600/icon.png) -241px 0px no-repeat;

  29	height: 140px;

  30

  }

  31

  32	.avatar_album .box_bg_album {

  33	width: 230px;

  34	position: absolute;

  35	z-index: 19;

  36	background: url(http://2.bp.blogspot.com/-aSxbS11pnvM/U8jyvqMceAI/AAAAAAAAAHQ/KobtqLrncH8/s1600/icon.png) left 0px no-repeat;

  37	height: 150px;

  38	overflow: hidden;

  39

  }

  40

  41

  .rotate{

  42	-webkit-border-radius:70px;-moz-border-radius:70px;border-radius:70px;

  43	animation:mymove 10s linear 0s infinite ; /* IE 10+ */

  44	-webkit-animation:mymove  10s linear 0s infinite ;  /* Safari 4+ */

  45	-moz-animation: mymove  10s linear 0s infinite ; /* Fx 5+ */

  46	-o-animation: mymove  10s linear 0s infinite ; /* Opera 12+ */

  47	-webkit-transition-duration: 0.8s;

  48	-moz-transition-duration: 0.8s;

  49	-o-transition-duration: 0.8s;

  50	transition-duration: 0.8s;

  51	-webkit-transition-property: -webkit-transform;

  52	-moz-transition-property: -moz-transform;

  53	-o-transition-property: -o-transform;

  54	transition-property: transform;

  55	overflow:hidden;

  56

  }

  57

  58	@-webkit-keyframes mymove /* Safari and Chrome */

  59

  {

  60

  from{

  61	-webkit-transform:rotate(-360deg);

  62	-moz-transform:rotate(-360deg);

  63	-o-transform:rotate(-360deg);}

  64

  to{

  65	-webkit-transform:rotate(0deg);

  66	-moz-transform:rotate(0deg);

  67	-o-transform:rotate(0deg);

  68

  }

  69

  }

  70

  </style>

  71

  72	<div class="info_album">

  73	<div class="avatar_album">

  74	<div class="rotate_album">

  75	<img class="rotate"src="http://p.img.nct.nixcdn.com/playlist/2013/12/04/a/c/b/4/1386153460167.jpg"height="126" width="126" /></div>

  76	<div class="box_font_album">

  77

  </div>

  78	<div class="box_bg_album">

  79	<a class="img_avatar" href="javascript:;"><img class="img_album"src="http://p.img.nct.nixcdn.com/playlist/2013/12/04/a/c/b/4/1386153460167.jpg"height="140" itemprop="image" width="140" /></a>

  80	<a class="img_avatar" href="javascript:;"></a>

  81

  </div>

  82

  </div>

  83

  </div>

  84

  85

  <div>

  86

  </div>

  ...


Hàm Exists() kiểm tra tồn tại của tập tin hoặc thư mục trong C#">Hàm Exists() kiểm tra tồn tại của tập t...Hàm Exists() dùng để kiểm tra sự tồn tại của tập tin hoặc thư mục trong C#. Tùy theo chúng ta muốn kiểm tra tập tin hay kiểm tra thư mục th...

Hàm Exists() kiểm tra tồn tại của tập tin hoặc thư mục trong C#

• Hàm Exists() dùng để kiểm tra sự tồn tại của tập tin hoặc thư mục trong C#. Tùy theo chúng ta muốn kiểm tra tập tin hay kiểm tra thư mục thì chúng ta sẽ sử dụng namespace tương ứng để gọi hàm.
  Nếu kiểm tra tập tin, gọi hàm theo cú pháp như sau:
  System.IO.File.Exists(string path);
  Trong đó: path là đường dẫn đầy đủ và tên tập tin bạn cần kiểm tra
  Nếu kiểm tra thư mục, gọi hàm theo cú pháp như sau:
  System.IO.Directory.Exists(string path);
  Trong đó: path là đường dẫn của thư mục cần kiểm tra
  Ví dụ minh họa:
  - Bạn cần kiểm tra tập tin “Recruity.docx” có tồn tại trong thư mục “D:/THS/Document/HRP/Recruity/” hay không?. Nếu tồn tại thì xuất thông báo <Tồn tại tập tin “Recruity.docx”.>, ngược lại xuất thông báo <Không tồn tại tập tin “Recruity.docx.”>.
  - Bạn cần kiểm tra thư mục “Recruity” có tồn tại trong thư mục “”D:/THS/Document/HRP/” hay không? Nếu tồn tại thì xuất thông báo <Tồn tại thư mục “Recruity”.>, ngược lại xuất thông báo <Không tồn tại thư mục “Recruity”>.
  Code minh họa bên dưới, được viết trong VS2005:

  1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60

  using System; using System.Collections.Generic; using System.ComponentModel; using System.Data; using System.Drawing; using System.Text; using System.Windows.Forms; namespace MyProject {     public partial class MainForm : Form     {         public MainForm()         {             InitializeComponent();         }         private void MainForm_Load(object sender, EventArgs e)         {             // Gắn nút "Kiểm ta tập tin" vào form             Button btnCheckExistFile = new Button();             btnCheckExistFile.Text = "Kiểm tra tập tin";             btnCheckExistFile.Width = 150;             btnCheckExistFile.Location = new System.Drawing.Point(this.Location.X, this.Location.Y + 20);             this.Controls.Add(btnCheckExistFile);             btnCheckExistFile.Click += new EventHandler(btnCheckExistFile_Click);             // Gắn nút "Kiểm tra thư mục" vào form             Button btnCheckExistDirectory = new Button();             btnCheckExistDirectory.Text = "Kiểm tra thư mục";             btnCheckExistDirectory.Width = 150;             btnCheckExistDirectory.Location = new System.Drawing.Point(this.Location.X, this.Location.Y + 50);             this.Controls.Add(btnCheckExistDirectory);             btnCheckExistDirectory.Click += new EventHandler(btnCheckExistDirectory_Click);         }         void btnCheckExistFile_Click(object sender, EventArgs e)         {             // Kiểm tra sự tồn tại của tập tin             string filePath = @"D:/THS/Document/HRP/Recruity/Recruity.docx";             // @ đại diện cho chuỗi             if (System.IO.File.Exists(filePath))                 MessageBox.Show("Tồn tại tập tin \"Recruity.docx\".");             else                 MessageBox.Show("Không tồn tại Tập tin \"Recruity.docx\".");         }         void btnCheckExistDirectory_Click(object sender, EventArgs e)         {             // Kiểm tra sự tồn tại của thư mục             string dicrectoryPath = @"D:/THS/Document/HRP/Recruity";             // @ đại diện cho chuỗi             if (System.IO.Directory.Exists(dicrectoryPath))                 MessageBox.Show("Tồn tại thư mục \"Recruity\".");             else                 MessageBox.Show("Không tồn tại thư mục \"Recruity\".");         }     } }

  ...


Tạo Tooltip bằng CSS3">Tạo Tooltip bằng CSS3...Tooltip là những nhãn nhỏ chứa thông tin về phần tử mà khi ta rê chuột vào phần tử này thì tooltip sẽ xuất hiện,nó có chức năng tương tự nh...

Tạo Tooltip bằng CSS3

• Tooltip là những nhãn nhỏ chứa thông tin về phần tử mà khi ta rê chuột vào phần tử này thì tooltip sẽ xuất hiện,nó có chức năng tương tự như thuộc tính title trong thẻ html.Bài viết này tôi sẽ hướng dẫn các bạn tạo tooltip cho icon chia sẻ qua mạng xã hội bằng hiệu ứng của css3-transition.
  Xem Demo
  Đây là một số hình ảnh mình sẽ sử dụng troang thủ thuật này(ở bài hướng dẫn này ta sử dụng icon 48×48):
  
  Mở đầu với mã HTML

  <ul class="tooltip">
      <li>
          <a href="#">
              <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9tyQ5TD552P2gtjjnhOOB890KsIlbMAKO2s2VDVW9LxNQKi4m4j-ER4vtlRnVvjvtqRCWsZBQtl1z9bksZhfdQvs4_Pwb8qO5PdAYhyphenhyphenDWeZM0CUp6fus-7H52w9RX_eWxGg1JxU7mYv8/s1600/facebook_white.png">
              <span>Đăng lên facebook</span><!--tooltip-->
          </a>
      </li>
      <li>
          <a href="#">
              <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjA6TiWohoY3c1__JdOxdl8YId9c1HTq_NI6v4_-IT9qtdoMG77ZPPpmC5WSIEERQyCSffzMHY0QLkB0Hl83tO0-W2XLk8Sy5JJ2PmwekqCv6p7Xy7R_1S7ZfZmDIbKFRYGS3swk7ViTZk/s1600/pinterest_white.png">
              <span>Đăng lên pinterest</span>
          </a>
      </li>
      <li>
          <a href="#">
              <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0Jc8Zw-tTO6uCGmbKiga3BPUz4D0je2SuX2Q4nvydbusGpnJTvD5rRYEeLwCSmKCswtl7nVz4RgTRUK5NDofKvMQkFFKq5HxI2YHxd4Cf2pNtpuhL6PW97JPECISufbVF4RGXG53NoEo/s1600/twitter_white.png">
              <span>Chia sẻ qua twitter</span>
          </a>
      </li>
      <li>
          <a href="#">
              <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjc67bjdW9I7Nbb_3dNz6KinMh6CVZJ-r0I1HO-Ch3jux7lwNxZnuJn69MYnBh08_eKKW7vVMN1sMKEWikVfxZqpjFt0MCT6Fvu2E6AQ0hF4NMG4QVsHY3JGd8-z4Dnw_O2Vr6gYSIgEjE/s1600/google_plus_white.png">
              <span>Đăng lên google+</span>
          </a>
      </li>
      <li>
          <a href="#">
              <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUOJv6KOZHtdrzKd99h2ONsOIghccULZ2iD4JbCpczDwUIcbQGMAuQFwZEfhMGMDYry3Y_dBXCznYzueYdNWEG8xogjuYSfv1yjz93lVoh5Uf2VL1ktYHbu4AzhrDwT3XpTAymrQDlWcw/s1600/rss_white.png">
              <span>Nhận tin RSS</span>
          </a>
      </li>
  </ul>

  Ở đây tooltip là thẻ span mang thông tin về mỗi icon. Mục đích của ta ở đây là khi rê chuột vào icon thì sẽ thẻ span sẽ xuất hiện.

  CSS

  Gõ đoạn mã css như sau:

  .tooltip li{
      display:inline;
  }
   
  .tooltip a{
      float:left;
      position:Relative;
      margin-left:10px;
      margin-right:10px;
  }
   
  .tooltip a span{
      position:Absolute;
      top:-25px;
      left:-100%;
      white-space:nowrap;
      font-size:12px;
      font-family:arial,sans-serif;
      padding:6px 17px;
      border-radius:3px;
      color:white;
      background-color:#101010;
      text-shadow:0 1px 0 rgba(0,0,0,0.7);
      box-shadow:0 1px 1px  rgba(0,0,0,1);
  }

  Kết quả:
  
  
  Sau đó sử dụng pseudo-class để tạo hình tam giác giống như hình dưới
  
  Code: 
  

  .tooltip a span:after{
      content:"";
      width:0;
      height:0;
      position:absolute;
      bottom:-12px;
      left:48%;
      border:6px solid transparent;
      border-top:7px solid #101010;
  }

  Nếu các bạn chưa biết cách tạo hình tam này có thể xem qua bài sau.
  
  
  Sau đó chúng ta ẩn tooltip này đi bằng cách thêm cho thẻ span dòng code sau.

  .tooltip a span{
       /*---code trước---*/
      visibility:hidden;
      opacity:0;
  }

  Ở thẻ span ta chú ý đến 3 thuộc tính cùng tham số của nó,thứ nhất là visibility:hidden dùng để ẩn tooltip đi rồi đến khi rê chuột vào icon ta sẽ để tham số là visible để nó xuất hiện.Còn 2 giá trị còn lại là opacity:0 và top:-25px với mục đích để tạo hiệu ứng bằng css-transition khi tooltip này xuất hiện .Ta có đoạn mã cuối như sau:

  /*---thêm hiệu ứng với css-transition---*/
  .tooltip a span{
      /*---code trước---*/
      -moz-transition:top 0.4s,opacity 0.4s ease;
      -webkit-transition:top 0.4s,opacity 0.4s ease;
      -o-transition:top 0.4s,opacity 0.4s ease;
      transition:top 0.4s,opacity 0.4s ease;
  }
   
  /*--code khi rê chuột vào icon---*/
  .tooltip a:hover span{
      visibility:visible;
      top:-40px;
      opacity:1;
  }

  Khi rê chuột vào icon, tooltip sẽ xuất hiện với hiệu ứng giống như trong demo(chả biết miêu tả hiệu ứng này như thế nào nữa :D )
  ...


BÀI 17: XÂY DỰNG HỆ THỐNG BÌNH CHỌN BẰNG PHP VÀ MYSQL">BÀI 17: XÂY DỰNG HỆ THỐNG BÌNH CHỌN BẰN...Ở loạt bài trước, chúng ta đã bàn tới các ứng dụng quản lý người sử dụng, xây dựng bộ đếm, tạo mã bảo mật để phòng chống những người có dụn...

BÀI 17: XÂY DỰNG HỆ THỐNG BÌNH CHỌN BẰNG PHP VÀ MYSQL

• Ở loạt bài trước, chúng ta đã bàn tới các ứng dụng quản lý người sử dụng, xây dựng bộ đếm, tạo mã bảo mật để phòng chống những người có dụng ý xấu trên website. Tiếp theo, trong bài này chúng ta sẽ bàn về cách thức xây dựng hệ thống cho phép người dùng bình chọn khi họ tiến hành thăm viếng website của chúng ta. Để xây dựng hệ thống bình chọn chúng ta cần phân tích xem hệ thống này cần có bao nhiêu bảng quan hệ.
  
  
  
  A- Phân tích và thiết kế cơ sở dữ liệu:
  
  
  Trong tình huống này chúng ta cần 1 bảng câu hỏi và 1 bảng câu trả lời.
  
  
  Phân tích quan hệ giữa chúng ta có:
  
  
  1 Câu hỏi có nhiều câu trả lời.
  
  
  1 câu trả lời chỉ dành cho 1 câu hỏi.
  
  
  Vậy giữa 2 bảng này sẽ phát sinh một khóa ngoại, là khóa dùng để liên kết giữa hai bảng này.
  
  
   
  
  
  
  Vậy ta có cú pháp tạo 2 bảng như sau.
  
  
   
  Bảng câu hỏi ( question)
  ?

  1 2 3 4

  mysql> create table question(qid INT(10) UNSIGNED NOT NULL AUTO_INCREMENT, -> qtitle VARCHAR(255) NOT NULL, -> qdate DATE NOT NULL DEFAULT '0000-00-00', -> PRIMARY KEY(qid));

  Bảng câu trả lời (anwser)
  ?

  1 2 3 4 5

  mysql> create table answer(aid INT(10) UNSIGNED NOT NULL AUTO_INCREMENT, -> qid INT(10) UNSIGNED NOT NULL, -> atitle VARCHAR(255) NOT NULL, -> acount INT(10) NOT NULL DEFAULT '0', -> PRIMARY KEY(aid));

  Nhập liệu bằng CSDL ta có:
  ?

  1 2 3 4 5 6

  mysql> Insert into question(qtitle,qdate) values("Ban thay qhonline the nao ?"," 2009-10-10"); mysql> Insert into answer(qid,atitle,acount) values("1","Nhin rat dep",0); mysql> Insert into answer(qid,atitle,acount) values("1","Nhin Dep",0); mysql> Insert into answer(qid,atitle,acount) values("1","Nhin Cung duoc",0); mysql> Insert into answer(qid,atitle,acount) values("1","Nhin qua xau",0);

  B- Xây dựng trang bình chọn poll.php
  
  
  
  Kết nối cơ sở dữ liệu:
  ?

  1 2 3 4

  <?php $conn=mysql_connect("localhost","root","root") or die("can not connect database"); mysql_select_db("poll_exam",$conn); ?>

  Lựa chọn câu hỏi có trong cơ sở dữ liệu để liệt kê ra trên website, sau đó ta lại tiếp tục liệt kê các câu trả lời của câu hỏi đó bằng cách sử dụng dấu chọn lựa (radio). Như vậy chúng ta sẽ phải chạy cùng lúc 2 câu truy vấn lồng nhau trong suốt quá trình truy xuất.
  ?

  1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22

  <?php $sql="select * from question order by qid desc"; $query=mysql_query($sql); if(mysql_num_rows($query) > 0) {  $row=mysql_fetch_array($query);  $qid=$row[qid];  echo "<form action='poll.php?questionid=$qid' method='post' >";  echo "<h2>$row[qtitle]</h2>";  $sql2="select * from answer where qid='$qid' order by aid";  $query2=mysql_query($sql2);  if(mysql_num_rows($query2) > 0)  {   while($row2=mysql_fetch_array($query2)){   echo "<input type=radio name=answer value=$row2[aid]>$row2[atitle]<br />";   }  }  echo "<input type='submit' name='ok' value='Binh Chon'>";  echo "<a href='result.php?questionid=$qid'>Xem Ket Qua</a>";  echo "</form>"; } ?>

  Và màn hình sẽ xuất ra như hình bên dưới
  
  
  
  
  
  Và khi người dùng nhất nút Bình chọn, chúng ta sẽ gọi lại chính trang đó để xử lý dữ liệu mà người dùng vừa lựa chọn.
  
  
  Vậy ta phải sử dụng lệnh isset() để kiểm tra xem người dùng có nhấn nút bình chọn không, tiếp đến ta lấy ra id mà người dùng vừa tiến hành chọn ở form bên dưới.
  
  
  Cuối cùng ta cập nhật dữ liệu bằng cách lấy số trong cơ sở dữ liệu cộng tiếp cho 1 đơn vị nữa. Và đưa người dùng sang trang kết quả.
  
  
  Vì trong đoạn code này có lệnh header nên chúng ta phải đặt quá trình xử lý này ở trên form. Nếu không sẽ bị lỗi dữ liệu khi gởi.
  ?

  1 2 3 4 5 6 7 8 9 10 11

  <?php if(isset($_POST['ok'])) {  $id=$_POST['answer'];  $qid=$_GET['questionid'];  $sql3="update answer set acount=acount + 1 where aid='".$id."'";  mysql_query($sql3);  header("location: result.php?questionid=$qid");  exit(); } ?>

  Vậy toàn bộ code của trang poll.php này như sau.
  ?

  1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33

  <?php $conn=mysql_connect("localhost","root","root") or die("can not connect database"); mysql_select_db("poll_exam",$conn); if(isset($_POST['ok'])) {  $id=$_POST['answer'];  $qid=$_GET['questionid'];  $sql3="update answer set acount=acount + 1 where aid='".$id."'";  mysql_query($sql3);  header("location: result.php?questionid=$qid");  exit(); } $sql="select * from question order by qid desc"; $query=mysql_query($sql); if(mysql_num_rows($query) > 0) {  $row=mysql_fetch_array($query);  $qid=$row[qid];  echo "<form action='poll.php?questionid=$qid' method='post' >";  echo "<h2>$row[qtitle]</h2>";  $sql2="select * from answer where qid='$qid' order by aid";  $query2=mysql_query($sql2);  if(mysql_num_rows($query2) > 0)  {   while($row2=mysql_fetch_array($query2)){   echo "<input type=radio name=answer value=$row2[aid]>$row2[atitle]<br />";   }  }  echo "<input type='submit' name='ok' value='Binh Chon'>";  echo "<a href='result.php?questionid=$qid'>Xem Ket Qua</a>";  echo "</form>"; } ?>

  C- Xây dựng trang kết quả bình chọn result.php
  
  
  Ở trang này, ta sẽ lấy giá trị question id của người bình chọn từ trang poll.php và tính toán xem tỷ lệ phần trăm của các câu hỏi ấy như thế nào.
  
  
  Đầu tiên, ta lấy giá trị từ poll.php?questionid=1. vậy 1 là giá trị ta sẽ có được từ $_GET['questionid']. Tiếp đến ta lại dùng giá trị vừa lấy được này để liệt kê thông tin câu hỏi và tính toán giá trị.
  
  
  Để tính toán giá trị, ta cần biết tổng số bình chọn trong toàn bộ các câu trả lời hiện nay là bao nhiêu. Bằng câu lệnh SUM ta có thể làm được điều đó.
  ?

  1	$sql2="select qid, SUM(acount) as total from answer group by qid having qid='".$qid."'";

  Câu lệnh này cho phép ta lấy ra tổng số bình chọn trong cơ sở dữ liệu của câu hỏi mà ta truyền vào. Để SUM được acount ta cần phải GROUP(gom nhóm) chúng ta lại theo mã câu hỏi mà chúng ta cần tìm. having là mệnh đề theo sau có ý nghĩa tương đương với where, nó thường được sử dụng theo GROUP.
  
  
  Như vậy để lấy ra tổng số phiếu bình chọn ta chỉ việc thực thi câu truy vấn này, và lấy tên cột tạm là total.
  ?

  1 2 3 4 5 6

  <?php $sql2="select qid, SUM(acount) as total from answer group by qid having qid='".$qid."'"; $query2=mysql_query($sql2); $row2=mysql_fetch_array($query2); $total=$row2[total]; ?>

  kế tới, ta lại tính toán số phiếu của từng câu hỏi trong cơ sở dữ liệu, dựa vào tổng số câu hỏi này.
  
  
  Ví dụ: Tổng số lượt bình chọn là 10
  câu 1 là 3
  câu 2 là 4
  câu 3 là 2
  câu 4 là 1
  Vậy suy ra phần trăm trên tổng số 10 của 4 câu này được tính bằng cách lấy. số liệu của từng câu chia cho tổng số câu hỏi và nhân cho 100. Ví dụ câu 1 là: (3/10)*100 = 30%
  
  
  Để làm tròn kết quả ta sử dụng hàm round(). Giúp dữ liệu đưa về sự đồng bộ và rõ ràng nhất.
  
  
  Vậy code xử lý của chúng ta như sau:
  ?

  1 2 3 4 5 6 7 8 9 10 11

  <?php $sql3="select * from answer where qid='".$qid."' order by aid"; $query3=mysql_query($sql3); if(mysql_num_rows($query3) > 0) {  while($row3=mysql_fetch_array($query3)){  $percent=round(($row3[acount]/$total)*100,2);  echo "<h4 style='color:red; font:12px verdana; '>$row3[atitle] : $row3[acount] ($percent %)</h4>";  } } ?>

  Kết quả khi xuất ra sẽ có hình như sau:
  
  
  
  
  
  Vậy toàn bộ mã nguồn của trang result.php này như sau:
  ?

  1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24

  <?php $conn=mysql_connect("localhost","root","root") or die("can not connect database"); mysql_select_db("poll_exam",$conn); if(isset($_GET['questionid'])) {  $qid=$_GET['questionid'];  $sql="select * from question where qid='".$qid."'";  $query=mysql_query($sql);  $row=mysql_fetch_array($query);  echo "<h2>$row[qtitle]</h2>";  $sql2="select qid, SUM(acount) as total from answer group by qid having qid='".$qid."'";  $query2=mysql_query($sql2);  $row2=mysql_fetch_array($query2);  $total=$row2[total];  $sql3="select * from answer where qid='".$qid."' order by aid";  $query3=mysql_query($sql3);  if(mysql_num_rows($query3) > 0){   while($row3=mysql_fetch_array($query3)){   $percent=round(($row3[acount]/$total)*100,2);   echo "<h4 style='color:red; font:12px verdana; '>$row3[atitle] : $row3[acount] ($percent %)</h4>";   }  } } ?>

  Download toàn bộ mã nguồn của bài này tại đây.
  ...


BÀI 18: XÂY DỰNG ỨNG DỤNG TẠO TRANG UPLOAD NHIỀU HÌNH ẢNH">BÀI 18: XÂY DỰNG ỨNG DỤNG TẠO TRANG UPL...Ở những bài trước, chúng ta đã có dịp nghiên cứu từng ứng dụng nhỏ bởi việc kết hợp PHP và Mysql. Trong bài này, chúng ta sẽ tiếp tục tìm h...

BÀI 18: XÂY DỰNG ỨNG DỤNG TẠO TRANG UPLOAD NHIỀU HÌNH ẢNH

• Ở những bài trước, chúng ta đã có dịp nghiên cứu từng ứng dụng nhỏ bởi việc kết hợp PHP và Mysql. Trong bài này, chúng ta sẽ tiếp tục tìm hiểu phương pháp xây dựng một trang upload nhiều hình ảnh như thế nào. Và lưu chúng vào cơ sở dữ liệu ra sao trong lập trình php.
   
  Mô hình này là rất cần thiết đối với các hệ thống. Bởi qua đó người sử dụng có thể thao tác và upload những hình ảnh đi kèm với hệ thống của họ như tin tức, sản phẩm,…
   
  Đầu tiên, ta tiến hành xây dựng cơ sở dữ liệu với bảng images như sau (xem lạibài 9: cơ bản về ngôn ngữ sql và mysql).
  ?

  1 2 3 4 5

  CREATE TABLE  `images` (  `img_id` INT( 10 ) UNSIGNED NOT NULL AUTO_INCREMENT PRIMARY KEY ,  `img_url` VARCHAR( 255 ) NOT NULL ,  `img_name` VARCHAR( 150 ) NOT NULL );

  Như vậy, tôi có bảng images với 3 cột thuộc tính là img_id dùng để lưu khóa của từng hình, img_url dùng để lưu đường dẫn vào hệ thống, img_name dùng để lưu tên hình ảnh.
   
  Ứng dụng của chúng ta cũng rất cần sự tùy biến và dễ sử dụng. Sao cho người dùng có thể hoàn toàn thao tác. Ví dụ: nếu có 2 hình, họ chỉ muốn tạo ra 2 chế độ chọn file thì sẽ chỉ khai báo là 2. Và ngược lại nếu là n hình, họ sẽ tạo được n file lựa chọn. Để làm được điều này, trước tiên ta cần tạo 1 form nhỏ cho phép người dùng nhập vào số lượng file mà họ muốn thao tác. Vậy tôi khởi tạo file có tên upload.php với mã lệnh form như sau:
  ?

  1 2 3 4

  <form action="upload.php" method="post"> Enter your Image: <input type="text" name="txtnum" value="<?php echo $_POST['txtnum']; ?>" size="10" /> <input type="submit" name="ok_num" value="Accept" /> </form>

  Sau khi người dùng nhấn nút accept thì cũng là lúc chúng ta tạo ra số field upload theo yêu cầu của họ. Vậy, ta có code xử lý bên dưới như sau: (xem lại bài 4: xử lý giá trị trên form).
  ?

  1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

  <?php if(isset($_POST['ok_num'])) {             $num=$_POST['txtnum'];             echo "<hr />";             echo "Ban dang chon $num file upload<br />";             echo "<form action='doupload.php?file=$num' method='post' enctype='multipart/form-data'>";             for($i=1; $i <= $num; $i++)             {                  echo "<input type='file' name='img[]' /><br />";             }             echo "<input type='submit' name='ok_upload' value='Upload' />";             echo "</form>"; } ?>

  Đoạn code này sử dụng vòng lặp for với điều kiện là biến $i sẽ nhỏ hơn số file mà họ nhập vào. Đồng thời, để việc upload thành công tại form ta cũng cần thêm đoạn code :
   
  enctype='multipart/form-data'.
   
  Số lượng field sẽ lặp theo yêu cầu của người dùng. Do vậy. tại name của thể input, ta sẽ sử dụng mảng để lưu thông tin. Sử dụng name='img[]', có nghĩa là mỗi lần lặp và mỗi lần người dùng chọn file thì mảng img sẽ thêm 1 khóa tương ứng. (xem lại bài 6: tổng quan về mảng về các hàm hỗ trợ)
   
  Và cuối cùng là nút submit thực thi công việc upload và gọi tới trang doupload.php?file=$num (chỉ rõ số file cụ thể do người dùng nhập tại trang doupload).
  
  Vậy toàn bộ code của trang upload này sẽ như sau:
  ?

  1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19

  <form action="upload.php" method="post"> Enter your Image: <input type="text" name="txtnum" value="<?php echo $_POST['txtnum']; ?>" size="10" /> <input type="submit" name="ok_num" value="Accept" /> </form> <?php if(isset($_POST['ok_num'])) {             $num=$_POST['txtnum'];             echo "<hr />";             echo "Ban dang chon $num file upload<br />";             echo "<form action='doupload.php?file=$num' method='post' enctype='multipart/form-data'>";             for($i=1; $i <= $num; $i++)             {                  echo "<input type='file' name='img[]' /><br />";             }             echo "<input type='submit' name='ok_upload' value='Upload' />";             echo "</form>"; } ?>

  Tại trang thực hiện nhiệm vụ doupload.php ta cần kiểm tra xem, người dùng có nhấn nút upload từ trang bên kia hay không ?. Nếu có ta sẽ xử lý công đoạn upload ấy, nếu không ta cần thông báo lỗi cho người dùng và yêu cầu họ chọn file.
  ?

  1 2 3 4 5 6 7 8 9 10

  <<?php if(isset($_POST['ok_upload'])) {       //thực thi upload } else {       echo "Vui long chon hinh truoc khi truy cap vao trang nay"; } ?>

  Như vậy, khi người dùng nhấn upload, ta sẽ lấy được tham số là biến $num từ liên kết $_GET[‘file'] mà ta đã thiết lập trên phần form action của file upload ở trang trước.
   
  Biến $num này dùng để thực thi việc upload và tuần tự lấy các thông tin của file.
   
  Để upload file từ máy lên hệ thống ta cần sử dụng hàm:
   
  move_uploaded_file(tên_file_tạm,đường dẫn tới hệ thống).
   
  Có thể diễn giải nôm na công việc của hàm này như sau: Ngay sau khi người dùng nhấn upload, hệ thống sẽ tạo ra 5 tham số ứng với từng file. Cụ thể là tên tạm (tmp_name), tên gốc (name), kích thước (size), định dạng mime (type) và lỗi (error) nếu có. Và khác với kiểu nhập liệu thông thường, khi chúng ta sử dụng <input type=file name=ten> thì lúc này sẽ phát sinh một biến môi trường mới là $_FILES[‘ten'] và dĩ nhiên nó sẽ đi kèm với 5 tham số cụ thể ở trên.
   
  Ví dụ: $_FILES[‘ten'][‘name'] //Lấy ra tên gốc của file.
   
  Vậy ứng với cú pháp upload ở trên ta sẽ có:
   
  move_uploaded_file($_FILES['img']['tmp_name'],"data/".$_FILES['img']['name']);
   
  Cú pháp này sẽ tự động upload hình ảnh lên thư mục data trên hệ thống. Vậy ta cần phải tạo thư mục data ngang cấp với 2 file upload và doupload. Nếu là host thật, bạn cần CHMOD thư mục là 777 (cho phép thư mục có toàn quyền) thì mới thực thi upload file được.
   
  Trong tình huống của chúng ta, vì là upload một lúc nhiều file, nên lúc này ta phải sử dụng tham số mảng tại trang upload ta đã khởi tạo.
   
  Vậy ứng với biến $num ta nhận từ upload ở trên ta sẽ triển khai code đơn giản như sau:
  ?

  1 2 3 4 5 6 7 8

  <?php for($i=0; $i< $num; $i++) {  move_uploaded_file($_FILES['img']['tmp_name'][$i],"data/".$_FILES['img']['name'][$i]);  $url="data/".$_FILES['img']['name'][$i];  $name=$_FILES['img']['name'][$i]; } ?>

  Với biến $i là số lượng tăng lên theo vòng lặp. Vì mảng luôn bắt đầu bởi khóa là 0 nên ta cần phải thiết lập khởi tạo biến $i với giá trị là 0. Biến $url và $name là đường dẫn hình ảnh và tên gốc của tấm hình được sử dụng để lưu vào CSDL.
   
  Kế tới, ta cần lưu thông tin hình ảnh tương ứng vào cơ sở dữ liệu. Để làm được điều này, ta cần kết nối CSDL với cú pháp sau: (xem lại bài 10: kết hợp php & mysql trong ứng dụng website).
  ?

  1 2 3 4

  <?php $conn=mysql_connect("localhost","root","root") or die("can't connect your database"); mysql_select_db("images",$conn); ?>

  Như vậy mỗi khi upload thành công một hình ảnh, ta phải thêm hình ảnh đó vào CSDL như sau:
  ?

  1 2 3 4

  <?php $sql="insert into images(img_url,img_name) values('$url','$name')"; mysql_query($sql); ?>

  Sau khi thêm vào CSDL ta cần hiển thị thông tin và hình ảnh vừa upload để cho người dùng biết họ đã upload thành công.
   
  Khi đó ta sử dụng một biến $site để lưu đường dẫn gốc hiển thị trên textbox.
  
  Vậy hoàn chỉnh code cho file doupload.php này như sau:
  ?

  1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27

  <?php $site="http://www.qhonline.info"; if(isset($_POST['ok_upload'])) {  $num=$_GET['file'];  echo "<h3>Demo Images Script - Copyright by QHOnline.Info</h3>";  $conn=mysql_connect("localhost","root","root") or die("can't connect your database");  mysql_select_db("images",$conn);  for($i=0; $i< $num; $i++)  {   move_uploaded_file($_FILES['img']['tmp_name'][$i],"data/".$_FILES['img']['name'][$i]);   $url="data/".$_FILES['img']['name'][$i];   $name=$_FILES['img']['name'][$i];   $sql="insert into images(img_url,img_name) values('$url','$name')";   mysql_query($sql);   echo "Upload Thanh cong file <b>$name</b><br />";   echo "<img src='$url' width='120' /><br />";   echo "Images URL: <input type='text' name='link' value='$site/$url' size='35' /><br />";      }  mysql_close($conn); } else {  echo "Vui long chon hinh truoc khi truy cap vao trang nay"; } ?>

  Download toàn bộ mã nguồn của bài này tại đây.
  ...

Sự kiện: Phim Đang HOT

Sự kiện: Phim Đang HOT

Hướng dẫn rip blogger nhanh phần 5">Hướng dẫn rip blogger nhanh phần 5......

Hướng dẫn rip blogger nhanh phần 5

• 
  ...


Hướng dẫn rip blogger nhanh phần 4.6">Hướng dẫn rip blogger nhanh phần 4.6......

Hướng dẫn rip blogger nhanh phần 4.6

• 
  ...


Hướng dẫn rip blogger nhanh phần 4.5">Hướng dẫn rip blogger nhanh phần 4.5......

Hướng dẫn rip blogger nhanh phần 4.5

• 
  ...


Hướng dẫn rip blogger nhanh phần 4.4">Hướng dẫn rip blogger nhanh phần 4.4......

Hướng dẫn rip blogger nhanh phần 4.4

• 
  ...


Hướng dẫn rip blogger nhanh phần 4.3">Hướng dẫn rip blogger nhanh phần 4.3......

Hướng dẫn rip blogger nhanh phần 4.3

• 
  ...


Hướng dẫn rip blogger nhanh phần 4.2">Hướng dẫn rip blogger nhanh phần 4.2......

Hướng dẫn rip blogger nhanh phần 4.2

• 
  ...


Hướng dẫn rip blogger nhanh phần 4.1">Hướng dẫn rip blogger nhanh phần 4.1......

Hướng dẫn rip blogger nhanh phần 4.1

• 
  ...


Hướng dẫn rip blogger nhanh phần 3">Hướng dẫn rip blogger nhanh phần 3......

Hướng dẫn rip blogger nhanh phần 3

• 
  ...