Code4LifeVn's Blog

Kỹ thuật lập trình Dispatching giảm thiểu rủi ro, tối ưu mã nguồn

23Tháng 62013

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwPS5eurDoir1jInoeedYNUJdlDc4jhiTnKTg9lcY_Z81maVEffBYZS2azWzW35oW8poPoWknRXBlAp7p_6oYjjTzIWWuD3f9_QGkKoeISSJrbPC-3ASWkMs52TpG5RPH1Y30GMDCZ1A/s1600/Java-Dispatcher.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwPS5eurDoir1jInoeedYNUJdlDc4jhiTnKTg9lcY_Z81maVEffBYZS2azWzW35oW8poPoWknRXBlAp7p_6oYjjTzIWWuD3f9_QGkKoeISSJrbPC-3ASWkMs52TpG5RPH1Y30GMDCZ1A/s1600/Java-Dispatcher.jpg" /></a></div>
Trong bài viết này, tôi sẽ chỉ ra những nhược điểm và thiếu xót trong tư tưởng lập trình OOP mà đại đa số chúng ta thường gặp phải, đồng thời tôi cũng hướng dẫn bạn cách để tối ưu và giảm thiểu những rủi ro đó trong khi làm việc và tạo nên 1 kỹ năng mà bạn có thể áp dụng trong công việc thực tế. 
 
Dispatching - là 1 kỹ thuật lập trình ít phụ thuộc, có tính thay đổi mềm dẻo, dễ nâng cấp - bảo trì mã nguồn do chia tách các phần mã lệnh rõ ràng và nó có thể áp dụng xử lý trong rất nhiều tình huống rắc rối, dễ gây nhầm lẫn và khó bảo trì. 
 
Dispatch dịch nôm na là: gửi đi, phái đi. Và đúng như ngữ nghĩa của nó, tác dụng của kỹ thuật lập trình này là gửi request xử lý mã lệnh từ 1 hay nhiều đối tượng đến 1 đối tượng cụ thể chịu trách nhiệm xử lý mã lệnh phù hợp. Điều này cho phép bạn: 
 
+ Chia tách logic xử lý mã lệnh khỏi phần giao diện. Việc này giúp chương trình của bạn giảm thiểu rủi ro khi giao diện ứng dụng được thiết kế lại hoặc thay đổi, di rời. 
 
+ Chia tách mã lệnh xử lý cụ thể thành các Class tương ứng và chỉ phụ thuộc vào 1 Interface. Việc này giúp bạn lập trình ở mức cao hơn - lập trình trừu tượng và đảm bảo tính loosely-coupling. Trong cuộc sống, chúng ta thường nghĩ rằng những cái gì mà được liên kết chặt chẽ thì sẽ bền vững và chắc chắn hơn: "Một cây làm chẳng nên non. Ba cây chụp lại nên hòn núi cao". Nhưng trong lập trình mềm thì sự phụ thuộc, liên kết càng chặt chẽ càng chắc chắn lại là cơn ác mộng cho lập trình viên. 
 
Để mô tả ngắn gọn và dễ hiểu cho kỹ thuật này, tôi sẽ lấy ví dụ đơn giản về 1 bài toán làm ứng dụng quản lý sinh viên. (Đây là bài toán mà đại đa số sinh viên chúng ta thường gặp phải nên sẽ dễ dàng để nắm bắt và áp dụng kỹ thuật Dispatching). 
 
Chúng ta tạo 1 Project mới và bắt đầu thử nghiệm kỹ thuật này. 
 
 
<h1>
I. Vấn đề</h1>
Tôi viết demo phần hiển thị menu chọn chức năng và thực thi chức năng tương ứng. Sau đó tôi sẽ phân tích nhược điểm của cách làm này. 
 
<pre class="brush:java">package com.blogspot.code4lifevn;

import java.util.Scanner;

/**
 *
 * @author code4lifevn
 */
public class DemoDispatcher {
    
    private static Scanner sc = new Scanner(System.in);
    
    public static void main(String[] args) {
        int option = getChoiceFromMenu();
        
        switch(option) {
            case 1:
                System.out.println("add a student, now");
                break;
            case 2:
                System.out.println("update a student, now");
                break;
            case 3:
                System.out.println("delete a student, now");
                break;
            case 4:
                System.out.println("display a student, now");
                break;
            case 5:
                System.out.println("OK, exit");
                break;
            default:
                System.out.println("Wrong!");
        }
    }
    
    private static int getChoiceFromMenu() {
        System.out.println("Option 1. Add A Student");
        System.out.println("Option 2. Update A Student");
        System.out.println("Option 3. Delete A Student");
        System.out.println("Option 4. Display A Student");
        System.out.println("Option 5. Exit");
        System.out.print("Enter: ");
        int choice = Integer.parseInt(sc.next());
        return choice;
    }
}

</pre>
 
Với cách làm trên, chức năng hoàn toàn bị phụ thuộc vào giao diện. Nếu trên tầng giao diện, Option 1 không phải là thêm sinh viên nữa mà lại là xóa sinh viên thì ta lại phải sửa code ở tầng giao diện, việc làm này rất dễ gây những lỗi không đáng có và làm ảnh hưởng tới các chức năng khác. Có thể trong quá trình copy & cut & paste code, di dời từ chỗ này sang chỗ kia, ta phải Refactor lại cũng như sửa chữa rất phức tạp thì ứng dụng mới chạy được. Điều này gây lãng phí thời gian, công sức, tiền bạc và gây khó khăn trong việc nâng cấp ứng dụng. 
 
Do đó, ta phải tách các mã xử lý logic ra khỏi tầng giao diện (Front-End) và chuyển toàn bộ những logic xử lý phức tạp xuống tầng core (Back-End). Dù giao diện có thay đổi hay bị di dời, mã lệnh xử lý logic hoàn toàn không gặp vấn đề gì, dù có thay đổi nâng cấp mã xử lý thì ta cũng chỉ làm việc riêng biệt với class chứa mã xử lý đó mà không phải làm việc với class chứa những mã lệnh không liên quan (điều này giúp tiết kiệm thời gian và giúp tập trung vào phần mã lệnh cần xử lý, giảm thiểu rủi ro cho các phần mã lệnh không liên quan). 
 
Để tối ưu cho phần công việc này, tôi sẽ xử lý như sau. 
 
 
<h1>
II. Giải quyết vấn đề</h1>
Tôi cần 1 Class có nhiệm vụ tạo ra các Menu Option (tên option, key action) và 1 Interface để mô tả chức năng cần thực hiện. Cấu trúc dự án được thêm vào như sau: 
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-lbvlYNAvrEgK6KOhXqN2eInuvVK91cN7ucWbWqxZTr-nsoyOaz8b9yS_oVUbkXutitMFhMxs3SIkqQX_iDJxsQYTFYm47SUUNjDvA2DeDjIoa7xAnViqH4wBQiPvBy6YMQnYkp7vCQ/s1600/Dispatch-b1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="351" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-lbvlYNAvrEgK6KOhXqN2eInuvVK91cN7ucWbWqxZTr-nsoyOaz8b9yS_oVUbkXutitMFhMxs3SIkqQX_iDJxsQYTFYm47SUUNjDvA2DeDjIoa7xAnViqH4wBQiPvBy6YMQnYkp7vCQ/s640/Dispatch-b1.png" width="640" /></a></div>
 
 
Bây giờ, tôi sẽ viết mã xử lý chi tiết cho từng phần công việc này. 
 
+ Mã xử lý class: com.blogspot.code4lifevn.menu.item.MenuItem 
 
<pre class="brush:java">package com.blogspot.code4lifevn.menu.item;

/**
 *
 * @author code4lifevn
 */
public class MenuItem {
    
    //=> Label sẽ được dùng để hiển thị trên GUI
    private String label;
    
    //=> Action đóng vai trò là 1 key để gọi lớp xử lý mã lệnh tương ứng
    private String action;

public MenuItem(String action, String label) {
        this.action = action;
        this.label = label;
    }

public void setAction(String action) {
        this.action = action;
    }

public void setLabel(String label) {
        this.label = label;
    }

public String getAction() {
        return action;
    }

public String getLabel() {
        return label;
    }

@Override
    public String toString() {
        return this.label;
    }
    
}

</pre>
 
+ Mã xử lý interface: com.blogspot.code4lifevn.menu.action.MenuAction 
 
<pre class="brush:java">package com.blogspot.code4lifevn.menu.action;

/**
 *
 * @author code4lifevn
 */
public interface MenuAction {
    public void execute() throws Exception;
}

</pre>
 
Bạn có thể thay đổi hoặc thêm các mô tả cho interface này sao cho phù hợp với công việc của bạn. 
 
Tiếp theo tôi sẽ tạo ra 5 Class implements Interface MenuAction, cấu trúc dự án được thêm vào như sau: 
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8pUcBU7Q0MoASKZdPeDxZl9nIHBx6a_hNo_MlQxs5_TKeaNFmZow1cAJhyphenhyphenNCbFDUFs-jpOMUajw07Q6EBWqhxvT-HsRhGurNhOCHkOdyyQrElkVDjygP375srovtAvcqmAsY5Ii2f5g/s1600/Dispatch-b2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="350" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8pUcBU7Q0MoASKZdPeDxZl9nIHBx6a_hNo_MlQxs5_TKeaNFmZow1cAJhyphenhyphenNCbFDUFs-jpOMUajw07Q6EBWqhxvT-HsRhGurNhOCHkOdyyQrElkVDjygP375srovtAvcqmAsY5Ii2f5g/s640/Dispatch-b2.png" width="640" /></a></div>
 
 
Tôi viết mã thực thi chi tiết cho từng class này như sau: 
 
+ Mã xử lý class: com.blogspot.code4lifevn.menu.action.AddStudentAction 
 
<pre class="brush:java">package com.blogspot.code4lifevn.menu.action;

/**
 *
 * @author code4lifevn
 */
public class AddStudentAction implements MenuAction {

@Override
    public void execute() throws Exception {
        System.out.println("Day la chuc nang them 1 sinh vien moi.\n Hay viet code xu ly cua ban");
    }

}

</pre>
 
+ Mã xử lý class: com.blogspot.code4lifevn.menu.action.UpdateStudentAction 
 
<pre class="brush:java">package com.blogspot.code4lifevn.menu.action;

/**
 *
 * @author code4lifevn
 */
public class UpdateStudentAction implements MenuAction {

@Override
    public void execute() throws Exception {
        System.out.println("Day la chuc nang cap nhat thong tin 1 sinh vien.\n Hay viet code xu ly cua ban");
    }

}

</pre>
 
+ Mã xử lý class: com.blogspot.code4lifevn.menu.action.DeleteStudentAction 
 
<pre class="brush:java">package com.blogspot.code4lifevn.menu.action;

/**
 *
 * @author code4lifevn
 */
public class DeleteStudentAction implements MenuAction {

@Override
    public void execute() throws Exception {
        System.out.println("Day la chuc nang xoa 1 sinh vien.\n Hay viet code xu ly cua ban");
    }

}

</pre>
 
+ Mã xử lý class: com.blogspot.code4lifevn.menu.action.DisplayStudentAction 
 
<pre class="brush:java">package com.blogspot.code4lifevn.menu.action;

/**
 *
 * @author code4lifevn
 */
public class DisplayStudentAction implements MenuAction {

@Override
    public void execute() throws Exception {
        System.out.println("Day la chuc nang hien thi thong tin 1 sinh vien.\n Hay viet code xu ly cua ban");
    }

}

</pre>
 
+ Mã xử lý class: com.blogspot.code4lifevn.menu.action.ExitAction 
 
<pre class="brush:java">package com.blogspot.code4lifevn.menu.action;

/**
 *
 * @author code4lifevn
 */
public class ExitAction implements MenuAction {

@Override
    public void execute() throws Exception {
        System.exit(0);
    }

}

</pre>
 
Ngay lúc này,  bạn có thể thấy các chức năng được chia tách ra các class rất rõ ràng. Bạn muốn sửa chức năng nào thì chỉ cần "phi" vào class chứa mã lệnh xử lý mà bạn cần. Mọi mã lệnh không liên quan, bạn không cần phải bận tâm. 
 
Chúng ta đã có chia tách thành công các phần mã xử lý thành các class riêng và khiến nó phụ thuộc vào 1 interface chung. Bước tiếp theo, tôi sẽ viết 1 class có nhiệm vụ đăng ký các Action này và quản lý chúng, dispatch tới class phù hợp khi được nhận "chỉ thị" từ tầng GUI. Đặt tên cho class này là ActionDispatcher. (có thể đặt ActionManager cũng hay hay :D) 
 
Cấu trúc dự án được thêm vào như sau: 
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjA0QcxsShy6FMEhYVDiDtHnT-2JRgVpic4G_qNbHWQaED4OhWlKwkKuyMX3fUBE-SXCpOZdgWLwtJoUk9kOgjKwnsJgrMMEUp42Pih41zr68lsDhFUHVdI_wmRtX5KJHz2EHkq2-pCkw/s1600/Dispatcher-b3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="348" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjA0QcxsShy6FMEhYVDiDtHnT-2JRgVpic4G_qNbHWQaED4OhWlKwkKuyMX3fUBE-SXCpOZdgWLwtJoUk9kOgjKwnsJgrMMEUp42Pih41zr68lsDhFUHVdI_wmRtX5KJHz2EHkq2-pCkw/s640/Dispatcher-b3.png" width="640" /></a></div>
 
 
Viết mã cho class này, tôi sẽ sử dụng 1 vài kỹ thuật liên quan tới Reflection, Collection, Generic để triển khai mã lệnh. 
 
1. Sử dụng Reflection để tối ưu việc khởi tạo đối tượng, chỉ khởi tạo khi thực sự cần. 
2. Sử dụng Collection để quản lý các class Action. 
3. Sử dụng Generic để đảm bảo tính nhất quán đối tượng. 
 
+ Mã xử lý class: com.blogspot.code4lifevn.dispatcher.ActionDispatcher 
 
<pre class="brush:java">package com.blogspot.code4lifevn.dispatcher;

import com.blogspot.code4lifevn.menu.action.AddStudentAction;
import com.blogspot.code4lifevn.menu.action.DeleteStudentAction;
import com.blogspot.code4lifevn.menu.action.DisplayStudentAction;
import com.blogspot.code4lifevn.menu.action.ExitAction;
import com.blogspot.code4lifevn.menu.action.MenuAction;
import com.blogspot.code4lifevn.menu.action.UpdateStudentAction;
import com.blogspot.code4lifevn.menu.item.MenuItem;
import java.util.HashMap;
import java.util.Map;

/**
 *
 * @author code4lifevn
 */
public final class ActionDispatcher {
 //=> @Java 6
// private Map<String, Class<? extends MenuAction>> actionManager = new HashMap&ltString, Class&lt? extends MenuAction&gt&gt();
 
 //=> @Java 7
 private Map<String, Class<? extends MenuAction>> actionManager = new HashMap<>();
 public ActionDispatcher() {
 this.registerAction("add-student", AddStudentAction.class);
 this.registerAction("update-student", UpdateStudentAction.class);
 this.registerAction("delete-student", DeleteStudentAction.class);
 this.registerAction("display-student", DisplayStudentAction.class);
 this.registerAction("exit", ExitAction.class);
 }
 
 public MenuAction dispatch(MenuItem item) {
 String actionKey = item.getAction();
 Class classAction = this.actionManager.get(actionKey);
 
 MenuAction action = null;
 try {
 action = classAction.newInstance();
 } catch(Exception ex) {
 ex.printStackTrace();
 }
 
 return action;
 }
 
 public void registerAction(String key, Class classAction) {
 this.actionManager.put(key, classAction);
 }

public Map<String, Class<? extends MenuAction>> getActionManager() {
 return actionManager;
 }
 
}

</pre>
 
 
Cuối cùng, tôi sẽ viết lại mã xử lý cho class chính. 
 
+Mã xử lý class: com.blogspot.code4lifevn.DemoDispatcher 
 
<pre class="brush:java">package com.blogspot.code4lifevn;

import com.blogspot.code4lifevn.dispatcher.ActionDispatcher;
import com.blogspot.code4lifevn.menu.action.MenuAction;
import com.blogspot.code4lifevn.menu.item.MenuItem;
import java.util.ArrayList;
import java.util.List;
import java.util.Scanner;

/**
 *
 * @author code4lifevn
 */
public class DemoDispatcher {
 
 public static void main(String[] args) throws Exception {
 ActionDispatcher dispatcher = new ActionDispatcher();
 
 MenuItem item = createGUI();
 MenuAction dispatch = dispatcher.dispatch(item);
 dispatch.execute();
 }
 
 private static MenuItem createGUI() {
 //=> tao 1 list cac menu item
 List<MenuItem> menuItems = new ArrayList<MenuItem>() {
 {
 add(new MenuItem("exit", "Option 5. Exit"));
 add(new MenuItem("add-student", "Option 1. Add A New Student"));
 add(new MenuItem("update-student", "Option 2. Update New Student"));
 add(new MenuItem("delete-student", "Option 3. Delete A New Student"));
 add(new MenuItem("display-student", "Option 4. Display A New Student"));
 }
 };
 
 //=> GUI
 for (MenuItem menuItem : menuItems) {
 System.out.println(menuItem);
 }
 System.out.print("Enter: ");
 
 //=> xu ly tra ve action tuong ung
 Scanner sc = new Scanner(System.in);
 int choice = Integer.parseInt(sc.nextLine());
 MenuItem menuItem = menuItems.get(choice - 1);
 return menuItem;
 }
}

</pre>
 
Với mã lệnh xử lý mới cho class chính này, bạn thử thay đổi thứ tự hiển thị của các MenuItem trong List và chạy lại ứng dụng để test xem các chức năng có hoạt động đúng khi thay đổi vị trí như vậy không? Mã xử lý của bạn giờ đây không bị phụ thuộc vào phía Front-End nữa, phía Front-End chỉ có nhiệm vụ call API và sử dụng, việc xử lý như nào phía Back-End sẽ xử lý ở bên dưới. 
 
Bạn hãy thử áp dụng kỹ thuật này 1 vài lần cho quen nhé! 
 
 
<a class="source-code-btn" href="http://www.mediafire.com/download/5at43fj665i6y7f/DemoDispatcher.zip" target="_blank">Download Source Code</a>

Kỹ thuật lập trình Dispatching giảm thiểu rủi ro, tối ưu mã nguồn

Trong bài viết này, tôi sẽ chỉ ra những nhược điểm và thiếu xót trong tư tưởng lập trình OOP mà đại đa số chúng ta thường gặp phải, đồng thời tôi cũng hướng dẫn bạn cách để tối ưu và giảm thiểu những rủi ro đó trong khi làm việc và tạo nên 1 kỹ năng mà bạn có thể áp dụng trong công việc thực tế. Di…

Đọc thêm »

Thiết kế Splash Screen trong Java Swing

23Tháng 62013

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBKU-RuiHphLwxVOjgm2PsKrR8f-Pgcv6romvJEGi7OvFxUbbuOAqsv0dVX4MstzqMIFcUVk7759er0hYscAvjQGhgh9CU7DL9vHawHEziQWh9-Y5V1UG6_tQbc5EMe3rBfqnwqhZhnw/s1600/cover.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBKU-RuiHphLwxVOjgm2PsKrR8f-Pgcv6romvJEGi7OvFxUbbuOAqsv0dVX4MstzqMIFcUVk7759er0hYscAvjQGhgh9CU7DL9vHawHEziQWh9-Y5V1UG6_tQbc5EMe3rBfqnwqhZhnw/s1600/cover.png" /></a></div>
Để có 1 ứng dụng đẹp và thực hiện các công việc tiền xử lý để tăng độ hiệu quả cho ứng dụng thì chúng ta xử dụng Splash Screen khi khởi chạy ứng dụng. Phần lớn hầu hết các ứng dụng hiện đại đều chạy Splash Screen để thực hiện các công việc như kiểm tra cấu hình, kiểm tra bản quyền, khởi tạo môi trường làm việc, hay đóng vai trò bootstrap....ví dụ: Visual Studio, Netbeans, Office, Adobe Photoshop, v.v... 
 
Ở bài viết này, tôi sẽ viết chi tiết cách tạo Splash Screen trong Java Swing và việc chạy các công việc tiền xử lý của ứng dụng. Kỹ thuật làm Splash Screen có rất nhiều cách, không cách này thì cách khác, tùy vào ý tưởng của mỗi người viết. Tôi viết 1 cách đơn giản để mọi người ai cũng có thể làm theo và áp dụng được (làm assignment, làm project, làm tool :D,...). 
 
Đầu tiên, tôi sẽ thiết kế hình ảnh của Splash Screen trong Photoshop rồi export nó ra dạng .PNG 
 
Bạn có thể tự thiết kế lấy hoặc nếu thích Splash Screen của tôi, bạn có thể <a href="http://www.mediafire.com/download/3k8wbbxe1w1xx0n/SplashScreen.psd" target="_blank">Download file PSD</a> về và chỉnh sửa. (Đây là bài eProject SEM 2 ở Aptech của tôi ngày xưa). 
 
Đã có được 1 file ảnh PNG làm Splash Screen....Viết code thôi! 
 
 
<h1>
I. Chuẩn bị viết code</h1>
 
(Ảnh nhỏ bạn có thể click vào để xem ảnh lớn cho rõ). 
 
*Môi trường làm việc: Java 7, Ubuntu 12.04 LTS. 
 
Tạo Project tên SplashScreen. Sau đó, tạo mới các Class và đặt tên với cấu trúc như sau: 
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-yfrvI_t5h5LaC9Yc3ujPpCCd5aPWmMG9ppQYSjtqHf8EkwlgTMp2RIr2nwr2hX7YEa90mnMViYerLSmkBIGYju6KsyJv0PnxBYINfaP2YictiCQPmQ3tXGUZyehMGJ0vlPEVOjuQ5A/s1600/SplashScreen-b1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="359" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-yfrvI_t5h5LaC9Yc3ujPpCCd5aPWmMG9ppQYSjtqHf8EkwlgTMp2RIr2nwr2hX7YEa90mnMViYerLSmkBIGYju6KsyJv0PnxBYINfaP2YictiCQPmQ3tXGUZyehMGJ0vlPEVOjuQ5A/s640/SplashScreen-b1.png" width="640" /></a></div>
 
Giải thích: 
com.blogspot.code4lifevn.app.StartApp: Lớp này chứa phương thức main, được dùng để chạy ứng dụng.
 
com.blogspot.code4lifevn.splashscreen.ImagePanel: Lớp này được dùng để vẽ và hiển thị ảnh .png;
 
com.blogspot.code4lifevn.splashscreen.ProgressBarPainter: Lớp này được dùng để custom progressbar component.
 
com.blogspot.code4lifevn.splashscreen.SplashScreenDrawer: Lớp này được dùng để xử lý events và vẽ Splash Screen.
 
com.blogspot.code4lifevn.splashscreen.SplashScreen: Lớp này được dùng để thiết kế layout, hiển thị SplashScreenDrawer và xử lý các công việc tiền xử lý.
 
com.blogspot.code4lifevn.tasks.ITaskExcutor: Đây là 1 interface được dùng để mô tả cho các lớp thực thi.
 
com.blogspot.code4lifevn.tasks.CheckConfigFileExecutor, 
com.blogspot.code4lifevn.tasks.CheckDatabaseExecutor, com.blogspot.code4lifevn.tasks.PrepareWorkSpaceExecutor: Đây là các lớp implements interface ITaskExcutor, sẽ thực thi chi tiết mã công việc cần xử lý. (Bạn có thể thêm các công việc khác phù hợp với bạn) 
 
 
<h1>
II. Bắt đầu viết code</h1>
 
 
Tôi sẽ xử lý lần lượt các lớp và comment rõ ràng để bạn có thể theo dõi. 
 
+ Mã xử lý class: com.blogspot.code4lifevn.splashscreen.ImagePanel 
<pre class="brush:java">package com.blogspot.code4lifevn.splashscreen;

import java.awt.Dimension;
import java.awt.Graphics;
import java.awt.Image;
import java.awt.LayoutManager;
import java.net.URL;
import javax.swing.ImageIcon;
import javax.swing.JPanel;

/**
 *
 * @author code4lifevn
 */
public class ImagePanel extends JPanel {
    private String imageURL;
    private Image backgroundImage;
    private Dimension dim;

public ImagePanel() {
        super();
    }

public ImagePanel(LayoutManager layout) {
        super(layout);
    }

public ImagePanel(boolean isDoubleBuffered) {
        super(isDoubleBuffered);
    }

public ImagePanel(LayoutManager layout, boolean isDoubleBuffered) {
        super(layout, isDoubleBuffered);
    }

public ImagePanel(String imageURL) {
        this.imageURL = imageURL;
    }

public ImagePanel(String imageURL, LayoutManager layout) {
        super(layout);
        this.imageURL = imageURL;
    }

public ImagePanel(String imageURL, boolean isDoubleBuffered) {
        super(isDoubleBuffered);
        this.imageURL = imageURL;
    }

public ImagePanel(String imageURL, LayoutManager layout, boolean isDoubleBuffered) {
        super(layout, isDoubleBuffered);
        this.imageURL = imageURL;
    }

@Override
    public void paintComponent(Graphics g) {
        super.paintComponents(g);
        URL url = getClass().getResource(getImageURL());
        backgroundImage = new ImageIcon(url).getImage();
        int w = backgroundImage.getWidth(null);
        int h = backgroundImage.getHeight(null);
        dim = new Dimension(w, h);
        this.setPreferredSize(dim);
        g.drawImage(backgroundImage, 0, 0, null);
    }

public String getImageURL() {
        return imageURL;
    }

public void setImageURL(String imageURL) {
        this.imageURL = imageURL;
    }

public Image getBackgroundImage() {
        return backgroundImage;
    }

public void setBackgroundImage(Image backgroundImage) {
        this.backgroundImage = backgroundImage;
    }

public Dimension getDim() {
        return dim;
    }

public void setDim(Dimension dim) {
 this.dim = dim;
 }
}
</pre>
 
 
+ Mã xử lý class: com.blogspot.code4lifevn.splashscreen.ProgressBarPainter 
<pre class="brush:java">package com.blogspot.code4lifevn.splashscreen;

import java.awt.Color;
import java.awt.GradientPaint;
import java.awt.Graphics2D;
import javax.swing.JProgressBar;
import javax.swing.Painter;

/**
 *
 * @author code4lifevn
 */
public class ProgressBarPainter implements Painter&ltJProgressBar&gt {
    private Color color1;
    private Color color2;

public ProgressBarPainter(Color color) {
        this.color1 = color;
    }

public ProgressBarPainter(Color color1, Color color2) {
        this.color1 = color1;
        this.color2 = color2;
    }

@Override
    public void paint(Graphics2D g, JProgressBar object, int width, int height) {
        if(color2 != null) {
            GradientPaint gp = new GradientPaint(0, 0, color1, 0, height, color2);
            g.setPaint(gp);
        } else {
            g.setColor(color1);
        }
        g.fillRect(0, 0, width - 1, height - 1);
    }

}
</pre>
 
 
+ Mã xử lý class: com.blogspot.code4lifevn.splashscreen.SplashScreenDrawer 
<pre class="brush:java">package com.blogspot.code4lifevn.splashscreen;

import java.awt.*;
import java.awt.event.ComponentEvent;
import java.awt.event.ComponentListener;
import java.awt.event.WindowEvent;
import java.awt.event.WindowFocusListener;
import java.util.Date;
import javax.swing.JComponent;
import javax.swing.JDialog;

/**
 *
 * @author code4lifevn
 */
public final class SplashScreenDrawer extends JComponent implements ComponentListener, WindowFocusListener, Runnable {
    private JDialog frame;
    protected Image background;
    private long lastupdate = 0;
    private boolean refreshRequested = true;

SplashScreenDrawer(JDialog frame) {
        this.frame = frame;
        updateBackground();
        frame.addComponentListener(this);
        //frame.addWindowFocusListener(this);

new Thread(this).start();
    }

private void updateBackground() {
        try {
            Robot rbt = new Robot();
            Toolkit tk = Toolkit.getDefaultToolkit();
            Dimension dim = tk.getScreenSize();
            background = rbt.createScreenCapture(new Rectangle(0,0,(int)dim.getWidth(),(int)dim.getHeight()));
        } catch (Exception ex) {
            ex.printStackTrace();
        }
    }

@Override public void paintComponent(Graphics g) {
        try {
            Point pos = this.getLocationOnScreen();
            Point offset = new Point(-pos.x,-pos.y);
            g.drawImage(background,offset.x,offset.y,null);
        } catch(IllegalComponentStateException ex) {
            ex.getCause();
        }
    }

@Override public void componentShown(ComponentEvent evt) { repaint(); }
    @Override public void componentResized(ComponentEvent evt) { repaint(); }
    @Override public void componentMoved(ComponentEvent evt) { repaint(); }
    @Override public void componentHidden(ComponentEvent evt) { }

@Override public void windowGainedFocus(WindowEvent evt) { refresh(); }
    @Override public void windowLostFocus(WindowEvent evt) { refresh(); }

private void refresh() {
       if(this.isVisible() && frame.isVisible()) {
            repaint();
            refreshRequested = true;
            lastupdate = new Date().getTime();
        }
    }

@Override public void run() {
 try {
 while(true) {
 Thread.sleep(50);
 long now = new Date().getTime();
 if(refreshRequested &&
 ((now - lastupdate) > 10)) {
 if(frame.isVisible()) {
 Point location = frame.getLocation();
 frame.setVisible(false);
 updateBackground();
 frame.setVisible(true);
 frame.setLocation(location);
 refresh();
 }
 lastupdate = now;
 refreshRequested = false;
 }
 }
 } catch (Exception ex) {
 ex.printStackTrace();
 }
 }
}
</pre>
 
 
+ Mã xử lý class: com.blogspot.code4lifevn.splashscreen.SplashScreen 
<pre class="brush:java">package com.blogspot.code4lifevn.splashscreen;

import com.blogspot.code4lifevn.tasks.CheckConfigFileExecutor;
import com.blogspot.code4lifevn.tasks.CheckDatabaseExecutor;
import com.blogspot.code4lifevn.tasks.ITaskExcutor;
import com.blogspot.code4lifevn.tasks.PrepareWorkSpaceExecutor;
import java.awt.BorderLayout;
import java.awt.Dimension;
import java.util.List;
import java.util.ArrayList;
import java.util.Arrays;
import java.util.Random;
import javax.swing.GroupLayout;
import javax.swing.JDialog;
import javax.swing.JLabel;
import javax.swing.JOptionPane;
import javax.swing.JProgressBar;
import javax.swing.LayoutStyle;

/**
 *
 * @author code4lifevn
 */
public final class SplashScreen implements Runnable {
    private static final List&ltITaskExcutor&gt taskExecutor = new ArrayList&ltITaskExcutor&gt(3);
    static {
        taskExecutor.add(new CheckConfigFileExecutor());
        taskExecutor.add(new CheckDatabaseExecutor());
        taskExecutor.add(new PrepareWorkSpaceExecutor());
    }
    
    private JProgressBar progressBar;
    private JDialog frame;
    private JLabel lbMsg;

public SplashScreen() {
        new Thread(this).start();
    }

@Override
    public void run() {
        //=> Init ProgressBar
        progressBar = new JProgressBar(0, 100);
        progressBar.setPreferredSize(new Dimension(146, 44));
        //progressBar.setStringPainted(true);
        
        //=> Init JDialog
        frame = new JDialog();
        frame.setUndecorated(true);

//=> Init JLabel
        lbMsg = new JLabel();

//=> Init SplashScreen
        SplashScreenDrawer splashScreenDrawer = new SplashScreenDrawer(frame);
        splashScreenDrawer.setLayout(new BorderLayout());

//=> Init ImagePanel
        ImagePanel imagePanel = new ImagePanel("resource/SplashScreen.png");
        imagePanel.setOpaque(false);

//=> Design Layout
        GroupLayout imagePanelLayout = new GroupLayout(imagePanel);
        imagePanel.setLayout(imagePanelLayout);
        imagePanelLayout.setHorizontalGroup(
                imagePanelLayout.createParallelGroup(GroupLayout.Alignment.LEADING)
                .addGroup(imagePanelLayout.createSequentialGroup()
                .addGap(178, 178, 178)
                .addGroup(imagePanelLayout.createParallelGroup(GroupLayout.Alignment.LEADING)
                .addComponent(lbMsg)
                .addComponent(progressBar, GroupLayout.PREFERRED_SIZE, 350, GroupLayout.PREFERRED_SIZE))
                .addContainerGap(172, Short.MAX_VALUE)));
        imagePanelLayout.setVerticalGroup(
                imagePanelLayout.createParallelGroup(GroupLayout.Alignment.LEADING)
                .addGroup(GroupLayout.Alignment.TRAILING, imagePanelLayout.createSequentialGroup()
                .addContainerGap(288, Short.MAX_VALUE)
                .addComponent(lbMsg)
                .addPreferredGap(LayoutStyle.ComponentPlacement.RELATED)
                .addComponent(progressBar, GroupLayout.PREFERRED_SIZE, 6, GroupLayout.PREFERRED_SIZE)
                .addGap(136, 136, 136)));

splashScreenDrawer.add("Center", imagePanel);
        frame.getContentPane().add("Center", splashScreenDrawer);
        frame.pack();
        frame.setSize(700, 450);
        frame.setLocationRelativeTo(null);
        frame.setVisible(true);
        
        handleExcutors();
    }

private void handleExcutors() {
        //Handling progressbar
        double val = 1;
        int i = 0;
        for (ITaskExcutor task : taskExecutor) {
            try {
                val += (i * 100) / taskExecutor.size();
                progressBar.setValue((int) Math.ceil(val));
                task.execute(this);
                Random rd = new Random();
                int delay = rd.nextInt(100);
                Thread.sleep(delay);
            } catch (Exception ex) {
                JOptionPane.showMessageDialog(null, ex.getMessage(), "Lỗi CMNR", JOptionPane.ERROR_MESSAGE);
                break;
            }
            ++i;
        }
    }

public void setProgressMessage(String message) {
 this.lbMsg.setText(message);
 }
 
}
</pre>
 
 
+ Mã xử lý interface: com.blogspot.code4lifevn.tasks.ITaskExcutor 
<pre class="brush:java">package com.blogspot.code4lifevn.tasks;

import com.blogspot.code4lifevn.splashscreen.SplashScreen;

/**
 *
 * @author code4lifevn
 */
public interface ITaskExcutor {
    public void execute(SplashScreen splashScreen) throws Exception;
}

</pre>
 
 
+ Mã xử lý class: com.blogspot.code4lifevn.tasks.CheckConfigFileExecutor 
<pre class="brush:java">package com.blogspot.code4lifevn.tasks;

import com.blogspot.code4lifevn.splashscreen.SplashScreen;

/**
 *
 * @author code4lifevn
 */
public class CheckConfigFileExecutor implements ITaskExcutor {

@Override
    public void execute(SplashScreen splashScreen) throws Exception {
        splashScreen.setProgressMessage("Đang kiểm tra file cấu hình...");
        
        //=> Viết các mã thực hiện việc kiểm tra file và thông số cấu hình của bạn
        //=> TODO: Code for life
    }

}
</pre>
 
 
+ Mã xử lý class: com.blogspot.code4lifevn.tasks.CheckDatabaseExecutor 
<pre class="brush:java">package com.blogspot.code4lifevn.tasks;

import com.blogspot.code4lifevn.splashscreen.SplashScreen;

/**
 *
 * @author code4lifevn
 */
public class CheckDatabaseExecutor implements ITaskExcutor {

@Override
    public void execute(SplashScreen splashScreen) throws Exception {
        splashScreen.setProgressMessage("Đang kiểm tra cơ sở dữ liệu...");
        
        //=> Viết các mã thực hiện việc kiểm tra cơ sở dữ liệu 
        //(CSDL đã tồn tại chưa? Cấu trúc CSDL có toàn vẹn không? Nếu không thì thực hiện việc khởi tạo CSDL mới)
        //=> TODO: Code for life
    }

}
</pre>
 
 
+ Mã xử lý class: com.blogspot.code4lifevn.tasks.PrepareWorkSpaceExecutor 
<pre class="brush:java">package com.blogspot.code4lifevn.tasks;

import com.blogspot.code4lifevn.splashscreen.SplashScreen;

/**
 *
 * @author code4lifevn
 */
public class PrepareWorkSpaceExecutor implements ITaskExcutor {

@Override
    public void execute(SplashScreen splashScreen) throws Exception {
        splashScreen.setProgressMessage("Đang chuản bị môi trường làm việc cho bạn...");
        
        //=> Viết các khởi tạo các thông số cho môi trường làm việc (VD: kết nối CSDL, Preferences, Settings)
        //=> TODO: Code for life
    }

}
</pre>
 
 
+ Mã xử lý class: com.blogspot.code4lifevn.app.StartApp 
<pre class="brush:java">package com.blogspot.code4lifevn.app;

import com.blogspot.code4lifevn.splashscreen.ProgressBarPainter;
import com.blogspot.code4lifevn.splashscreen.SplashScreen;
import java.awt.Color;
import javax.swing.JOptionPane;
import javax.swing.SwingUtilities;
import javax.swing.UIDefaults;
import javax.swing.UIManager;
import javax.swing.UIManager.LookAndFeelInfo;

/**
 *
 * @author code4lifevn
 */
public class StartApp {

public static void main(String[] args) {
 try {
 for (LookAndFeelInfo info : UIManager.getInstalledLookAndFeels()) {
 if ("Nimbus".equals(info.getName())) {
 UIManager.setLookAndFeel(info.getClassName());
 UIDefaults myUI = UIManager.getLookAndFeelDefaults();
 myUI.put("ProgressBar[Enabled].foregroundPainter", new ProgressBarPainter(
 new Color(72, 166, 255),
 new Color(180, 219, 255)));
 myUI.put("ProgressBar[Enabled+Finished].foregroundPainter", new ProgressBarPainter(
 new Color(72, 166, 255),
 new Color(180, 219, 255)));
 myUI.put("ProgressBar[Enabled].backgroundPainter", new ProgressBarPainter(
 new Color(216, 216, 216),
 new Color(216, 216, 216)));
 break;
 }
 }
 } catch (Exception ex) {
 JOptionPane.showMessageDialog(null, ex.getMessage(), "Error", JOptionPane.ERROR_MESSAGE);
 }
 SwingUtilities.invokeLater(new Runnable() {
 @Override
 public void run() {
 new SplashScreen();
 }
 });
 }
}
</pre>
 
 
 
<h1>
III. Chạy thử</h1>
 
Chạy class StartApp, và đây là kết quả của chúng ta ^^ 
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgi8VZpU612_QdF0guR-3BqmN3R5jVvn3f16IXtjsw55ZB8wVQ6TQYPtO2N2vw1jV4NE5DbtjUNr5Db6mVgM9sWnECQ2Plj5gOIW7uu021nRmC3cm9PYccBes-wAZAbnufLpYNxOhbNsA/s1600/Final.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="558" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgi8VZpU612_QdF0guR-3BqmN3R5jVvn3f16IXtjsw55ZB8wVQ6TQYPtO2N2vw1jV4NE5DbtjUNr5Db6mVgM9sWnECQ2Plj5gOIW7uu021nRmC3cm9PYccBes-wAZAbnufLpYNxOhbNsA/s640/Final.png" width="640" /></a></div>
 
Do các task của tôi thiết kế chưa viết mã cụ thể xử lý những gì nên ProgressBar chạy hơi nhanh. Bạn có thể sửa Thread.sleep() với giá trị cao cao 1 chút để test. Nếu các task có mã cụ thể thì khoảng thời gian thực thi mã sẽ được cộng vào thời gian delay ngẫu nhiên từ 0 đến 100. Những cách điều hướng này, bạn hoàn toàn có thể tự tùy chỉnh hay thêm bớt để phù hợp với dự án mà bạn đang làm. 
 
Hy vọng, bài viết này đem đến cho bạn 1 chút kinh nghiệm khi làm việc với Swing và tiếp cận với cách phát triển những ứng dụng hiện đại với ngôn ngữ lập trình Java. 
 
 
<a class="css3-demo-btn" href="http://www.mediafire.com/download/eqsra0v6d2v40q5/SplashScreen.jar" target="_blank">Demo</a> <a class="source-code-btn" href="http://www.mediafire.com/download/3tkl24rb7m9vn6b/SplashScreen.zip" target="_blank">Download Source Code</a>

Thiết kế Splash Screen trong Java Swing

Để có 1 ứng dụng đẹp và thực hiện các công việc tiền xử lý để tăng độ hiệu quả cho ứng dụng thì chúng ta xử dụng Splash Screen khi khởi chạy ứng dụng. Phần lớn hầu hết các ứng dụng hiện đại đều chạy Splash Screen để thực hiện các công việc như kiểm tra cấu hình, kiểm tra bản quyền, khởi tạo môi trư…

Đọc thêm »

Cài đặt MongoDB, NoSQL trong Ubuntu như nào?

22Tháng 62013

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnTQ6mUYvXK0XAdOCzvct4m65aoHaNdIRw5DKeIlKJKxFSDRigk1Mz7L23PPzCt4hhgRT7PjYP2k1CzXoJ5LR_m5fQbGOl6apYOy_8vZPJWtdep0pR-GL-4oH-6vC3Gyl11nW1De4duQ/s1600/UbuntuMongoDb.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnTQ6mUYvXK0XAdOCzvct4m65aoHaNdIRw5DKeIlKJKxFSDRigk1Mz7L23PPzCt4hhgRT7PjYP2k1CzXoJ5LR_m5fQbGOl6apYOy_8vZPJWtdep0pR-GL-4oH-6vC3Gyl11nW1De4duQ/s1600/UbuntuMongoDb.jpg" /></a></div>
Ở bài đăng trước tôi cũng đã hướng dẫn bạn cách cài đặt MongoDB và RockMongo trên Windows cũng như bài viết về tương tác với MongoDB trong Java. 
 
Tuy nhiên, những ngày gần đây, tôi nhận được khá nhiều email của các bạn - những người quan tâm về NoSQL gửi cho tôi, và cũng không ít bạn gặp rắc rối khi cài đặt MongoDB và RockMongo trên Ubuntu. 
 
Do đó, để các bài viết về NoSQL tới đây trong kế hoạch của tôi được ổn định nên tôi viết bài này để củng cố lại những thao tác cài đặt cần thiết khi chúng ta bắt đầu sử dụng và viết mã tương tác. 
 
Chạy MongoDB trên Ubuntu có hiệu suất cao hơn trên Windows. Khi backup database có dung lượng lớn từ Server về máy Ubuntu luôn thể hiện vượt trội hơn, tốc độ xử lý và truy vấn dữ liệu cũng nhanh hơn. Hiện tại, con pc của tôi đang chạy Ubuntu 12.04 LTS và tôi rất hài lòng về hiệu suất của nó khi làm việc. 
 
Các thao tác cài đặt MongoDB và RockMongo trên Ubuntu khác với cách cài đặt trên Windows mà ở bài viết trước tôi đã giới thiệu. Để cài đặt trên Ubuntu, bạn cần lần lượt thực hiện các bước sau: 
 
<h1>
I. Cài đặt MongoDB.</h1>
 
Bạn mở Terminal và đăng nhập với quyền root để có thể cài đặt gói ứng dụng mongodb. 
 
Nhấn CTRL+ALT+T để mở Terminal (có thể terminator của tôi khác với terminator của bạn do bạn sử dụng terminator mặc định của hệ điều hành nhưng các thao tác đều giống nhau. Terminal mặc định hơi cùi khi thao tác với đường dẫn file nên tôi cài Terminator - tối ưu hơn Terminal mặc định, có thể chia tách cửa sổ làm việc, nhóm các cửa sổ làm việc, điều chỉnh các thiết lập nâng cao...Hiệu suất làm việc sẽ tăng rất nhiều vì ta thao tác trên nhiều vùng làm việc trên cùng 1 cửa sổ). 
 
Sau đó, bạn gõ sudo -i và gõ mật khẩu tài khoản của bạn để đăng nhập sử dụng quyền root. 
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMXQtpCQy0iLbQYuWiYN7wSZ3zyQY7a_Kbj_kwvcDESCHYLrZn33KoxViCGAwIekDnuietsqFm2Xo13t87JpQFrTHZXI_dvnFRxehVny1mdN3A7b3jhIJeooOxC8BuWUWxDqJg-LJicA/s1600/buoc1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="270" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMXQtpCQy0iLbQYuWiYN7wSZ3zyQY7a_Kbj_kwvcDESCHYLrZn33KoxViCGAwIekDnuietsqFm2Xo13t87JpQFrTHZXI_dvnFRxehVny1mdN3A7b3jhIJeooOxC8BuWUWxDqJg-LJicA/s400/buoc1.png" width="400" /></a></div>
 
Đăng nhập root thành công, bạn gõ apt-get install mongodb và nhấn TAB (1-2 lần). 
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPAA8AeLXvReA4zue_ZMyTHUkT94v4oT8JybLPN-kHIjYGb8XjrKhrhUwlgvSqaqqOy2Nj8MLOrYK6Fx7nsJSJeoTpDxYgwfaFVCPBHiRXT8iIXJ1_pIS7bbn4aAC1AHzO4rPaO-aO-A/s1600/buoc2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="275" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPAA8AeLXvReA4zue_ZMyTHUkT94v4oT8JybLPN-kHIjYGb8XjrKhrhUwlgvSqaqqOy2Nj8MLOrYK6Fx7nsJSJeoTpDxYgwfaFVCPBHiRXT8iIXJ1_pIS7bbn4aAC1AHzO4rPaO-aO-A/s400/buoc2.png" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
  <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlq8f6EbLCy4ftoDH9PRk0GnLjaYljWRyD-eTbqrGJo9lnUJ8lDjj4vOQ-B0LaSwuFcEwtE-ThZu3_vGu8Dy9kT_jdcX5kPx5okhQJ9j-v5cDyUucSco5uRAW4i6AKtxPcmTaPNEikHQ/s1600/buoc3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"></a> </div>
Bạn có thể thấy có các gói mongodb-clients, mongodb-dev, mongo-server. Các gói này sẽ được cài đặt chung và tự động khi cài gói mongodb. Vì vậy, bạn không cần phải cài đặt manual những gói này mà chỉ cần quan tâm cài đặt gói mongodb là được. Ok, bây giờ nhấn Enter -> yes (để tiến hành cài đặt mongodb). Do máy tôi đã cài rồi, cũng không muốn gỡ đi cài lại để viết bài này nên bạn đợi 1 chút sẽ cài đặt xong. 
 
Sau khi đã cài đặt xong, bạn gõ mongo để test xem service đã start server mongodb chưa. Nếu thành công, bạn sẽ được thông báo đã kết nối tới CSDL test và vào terminal của MongoDB để thực hiện viết mã lệnh (tương tự như trong Windows). 
 
Do cài đặt ban đầu nên MongoDB sẽ giữ những cấu hình mặc định của nó như đường dẫn thư mục chứa database - gây khó khăn trong việc tìm kiếm và kiểm soát những database đó. Vì vậy, ta cần phải chỉnh chọt một chút để làm việc hiệu quả hơn. 
 
 
<h1>
II. Sửa file cấu hình MongoDB.</h1>
 
Mặc định thư mục chứa database nằm ở /var/lib/mongodb. Bạn cần sửa lại cấu hình thư mục chứa database sang chỗ khác để tiện quản lý (nếu bạn cảm thấy cần). 
 
Nhấn ALT+F2, gõ: gksu gedit /etc/mongodb.conf để có thể chỉnh sửa file này bằng quyền root. 
 
 
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlq8f6EbLCy4ftoDH9PRk0GnLjaYljWRyD-eTbqrGJo9lnUJ8lDjj4vOQ-B0LaSwuFcEwtE-ThZu3_vGu8Dy9kT_jdcX5kPx5okhQJ9j-v5cDyUucSco5uRAW4i6AKtxPcmTaPNEikHQ/s1600/buoc3.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="222" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlq8f6EbLCy4ftoDH9PRk0GnLjaYljWRyD-eTbqrGJo9lnUJ8lDjj4vOQ-B0LaSwuFcEwtE-ThZu3_vGu8Dy9kT_jdcX5kPx5okhQJ9j-v5cDyUucSco5uRAW4i6AKtxPcmTaPNEikHQ/s400/buoc3.png" width="400" /></a></div>
 
 
Sửa dbpath, logpath tới đường dẫn mà bạn mong muốn. Ví dụ như tôi đã cấu hình: 
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjc8YDxm4XV_xYdGpLFE_QfkoKdYtYHwzYNZQg31nUL8BshoNQSnD_zTZjbw5D2rl4s5ktxCd32pdJBemUNtz1NAnOq0AgdQQNRstwFFsl7nsWTpHYg8sNjlMHBtHgXoplax6CCjxUCag/s1600/buoc4.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="318" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjc8YDxm4XV_xYdGpLFE_QfkoKdYtYHwzYNZQg31nUL8BshoNQSnD_zTZjbw5D2rl4s5ktxCd32pdJBemUNtz1NAnOq0AgdQQNRstwFFsl7nsWTpHYg8sNjlMHBtHgXoplax6CCjxUCag/s400/buoc4.png" width="400" /></a></div>
 
 
Bạn lưu lại file cấu hình này và restart lại service mongo bằng câu lệnh: 
 
service mongodb restart 
 
Mỗi khi kết nối tới server mongodb. Bạn cần thêm tham số --dbpath=đường_dẫn_thư_mục_db vào câu lệnh mongod. 
 
Ví dụ: 
 
mongod --dbpath=/data/mongodb 
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbEfkGoiB9vLBt3_hzdP2KTf-_UHx282nJs7MwJ5_P_8E8gzmGxb8bBkwzucROcIw8a4H9PdF_KTNVPrpmoiq3HIm7BYmIXuNu2bwEz6mqYbFAscwvEuxClCJMLEqq76ZmPM7_HLj16g/s1600/buoc5.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="272" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbEfkGoiB9vLBt3_hzdP2KTf-_UHx282nJs7MwJ5_P_8E8gzmGxb8bBkwzucROcIw8a4H9PdF_KTNVPrpmoiq3HIm7BYmIXuNu2bwEz6mqYbFAscwvEuxClCJMLEqq76ZmPM7_HLj16g/s400/buoc5.png" width="400" /></a></div>
 
 
Chạy thử server với cấu hình mới: 
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhowaqIf3ANRuCbvYM-jCcJs_rqK9cpwU4xVXfU-479IGTIPV_zi2BeNlBX_q-miuGyoMxChHjHPOh61UpUez1PJp2bqJ6wMhgpLkfvZdcCUMI0N2v3lZm-H9ejBZDtJUZq_gkYohMpCQ/s1600/buoc7.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="260" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhowaqIf3ANRuCbvYM-jCcJs_rqK9cpwU4xVXfU-479IGTIPV_zi2BeNlBX_q-miuGyoMxChHjHPOh61UpUez1PJp2bqJ6wMhgpLkfvZdcCUMI0N2v3lZm-H9ejBZDtJUZq_gkYohMpCQ/s640/buoc7.png" width="640" /></a></div>
 
 
 
 
<h1>
III. Cài đặt RockMongo.</h1>
 
Để cài đặt RockMongo bạn cần phải cài đặt trước apache2, php5, php-pear. Nếu bạn chưa cài những gói ứng dụng trên. Bạn có thể cài đặt như sau: 
 
+ Trên Terminator, bạn gõ: sudo apt-get install apache2, php5, php-pear 
 
Sau khi cài đặt xong 3 gói trên. Bạn tải RockMongo về (<a href="http://rockmongo.com/downloads/go?id=12" rel="nofollow" target="_blank">Download</a>). Giải nén ra và đổi lại tên ngắn ngắn cho dễ gõ trên trình duyệt rồi copy toàn bộ source vào /var/www/. Ví dụ, cấu trúc của thư mục của tôi như sau: 
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCkoIN0pAsbgH7c_3FuVphhHWpmFnC0i8uvsuiB5sa65_MnZFEDWCwxB8vN1eml5MKOxEm5ChiS_w7AbQ3znBpmdRCDzloYAsFGkeFxwNN5gDcIhl57A8ez1_65WpIStw_omcWAH1y6Q/s1600/buoc8.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="355" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCkoIN0pAsbgH7c_3FuVphhHWpmFnC0i8uvsuiB5sa65_MnZFEDWCwxB8vN1eml5MKOxEm5ChiS_w7AbQ3znBpmdRCDzloYAsFGkeFxwNN5gDcIhl57A8ez1_65WpIStw_omcWAH1y6Q/s400/buoc8.png" width="400" /></a></div>
 
 
 
Ngay lúc này, bạn vào http://localhost/rockmongo thì nó chưa thể chạy được do thiếu extension cho PHP5. Để xử lý việc này, trên Terminator, gõ: 
 
sudo pecl install mongo 
 
Lại tiếp tục đợi để nó make file mongo.so cho chúng ta :(. Sau khi việc make file thành công, bạn vào thư mục /usr/lib/php5/20090626/, lấy đường dẫn tới tập tin mongo.so. (/usr/lib/php5/20090626/mongo.so) 
 
Tiếp theo, nhấn ALT+F2, gõ: gksu gedit /etc/php5/apache2/php.ini 
 
Thêm vào dòng sau: 
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGmXoVMjI6LlLOEWtCEcrXI297oAQAAsjxaZ72Cyj1EGmuW563TA-73YTWQ0pkUCcXlcZNwDZMMbLZP12qolawzrS7TjyTnvE7MJ3-v_GT6ey2k5GPfVNHZkY50Z7trftTv8hugw5S7w/s1600/buoc9.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="444" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGmXoVMjI6LlLOEWtCEcrXI297oAQAAsjxaZ72Cyj1EGmuW563TA-73YTWQ0pkUCcXlcZNwDZMMbLZP12qolawzrS7TjyTnvE7MJ3-v_GT6ey2k5GPfVNHZkY50Z7trftTv8hugw5S7w/s640/buoc9.png" width="640" /></a></div>
 
 
Khởi động lại apache để cấu hình có hiệu lực: service apache2 restart 
 
Done, bây giờ bạn vào lại http://localhost/rockmongo đã hiển thị ra trang đăng nhập của RockMongo, bạn đăng nhập với tài khoản mặc định admin-admin. Và thao tác bình thường như trên Windows. 
 
Trong quá trình cài đặt, bạn gặp phải sự cố gì có thể viết comment hoặc gửi mail cho tôi.

Cài đặt MongoDB, NoSQL trong Ubuntu như nào?

Ở bài đăng trước tôi cũng đã hướng dẫn bạn cách cài đặt MongoDB và RockMongo trên Windows cũng như bài viết về tương tác với MongoDB trong Java. Tuy nhiên, những ngày gần đây, tôi nhận được khá nhiều email của các bạn - những người quan tâm về NoSQL gửi cho tôi, và cũng không ít bạn gặp rắc rối khi…

Đọc thêm »

Vẫn còn nhiều bài viết lắm!!!