Eclipse開發Dynamic Web Project 網頁程式-建立專案

下載Eclpse及Tomcat,解壓縮後,開發環境基本上已經準備好了,再來就是建立開發的jsp專案。

一.新增及建立Eclipse的Dynamic Web Project

也就是jsp專案 File->New->Dynamic Web Project

(舊版本Eclipse可能放在Other裡,點選後再選取)

建立Dynamic Web Project

二.建立專案名稱

這裡選擇Dynamic web module version 2.4以上

version 2.2 – J2EE 1.2
version 2.3 – J2EE 1.3
version 2.4 – J2EE 1.4

jsp專案名稱

專案產生如下圖

jsp專案內容及路徑 Read More

Eclipse開發Dynamic Web Project 網頁程式-下載與安裝

Eclipse要開發JSP Web程式,在預設專案的狀況下,是需要設定一個Server來做為程式執行的Container,按下執行或重新complier java程式時,Server則會自動重啟,copy complier(預設在bin目錄)後的.class檔至WEB-INF\classes裡,這部份如果開發的java檔數量很大時,每每的delete,copy取代.class都會十分的浪費時間、CPU及記憶體。

底下提供一個方式,利用設定tomcat的Content到Eclipse的專案工作目錄,直接Complier Java到專案目錄的WEB-INF/classes裡,減少delete及copy .class。

首先需下載及安裝Eclipse及Apache Tomcat

一.下載Eclipse

選擇包含WPT的版本
Eclipse下載網址

二.下載Apache Tomcat

開發時可以選擇zip檔,直接解壓縮使用

Tomcat 6 下載網址

Read More

[ExtJS]常用一般function

  • Ajax範例
    //啟動時遮照
    Ext.Ajax.on('beforerequest', function () {
        Ext.getBody().mask("Loading");
    }, this);
    //結束時移除遮照
    Ext.Ajax.on('requestcomplete', function () {
        Ext.getBody().unmask();
    }, this);
    var paramObj = new Object();
    paramObj.id = "123";
    //Ext.getBody().mask("Loading2");
    Ext.Ajax.request({
        url: "MyAjax.jsp",
        scope: this,
        method: "post",
        success: function (
        response) {
            Ext.getBody()
                .unmask();
            var json = Ext.decode(response.responseText);
            //{success:false|true,msg:'訊息'}
            if (json.success) {
                //回傳success要做的事
            } else {
                //錯誤時alert
                alert(json.msg);
    
            }
    
        }, // .createDelegate(this),
        failure: function () {
            if (action.response.status == 200) {
    
                var json = Ext.decode(action.response.responseText);
                Ext.MessageBox.alert(json.msg);
            } else Ext.MessageBox.alert("Save Error~");
        },
    
        params: paramObj
    });