CodeBoxy - 程式方盒子

2013年8月27日星期二

MFC draw face and lighting using OpenGL

標題：MFC使用OpenGL繪製面並打光
MFC (OpenGLglutLight.cpp)：

#include <afxwin.h>
#include "OpenGLglut.h"
#include "glut.h"
 
class DocBoxy : public CDocument {
public:
    CClientDC *m_pDC;
    HGLRC hrc;
    DECLARE_DYNCREATE(DocBoxy) //宣告run-time類別
};
 
IMPLEMENT_DYNCREATE(DocBoxy, CDocument) //宣告DocBoxy為run-time類別
 
class FrameBoxy : public CFrameWnd {
public:
    afx_msg void OnExit() { //宣告關閉檔案事件
        if(MessageBox( TEXT("Are you sure you want to close this window?"), TEXT("DocViewBoxy"), MB_OKCANCEL | MB_ICONQUESTION ) == 1 ) {
            DestroyWindow();
        }
    }
    afx_msg void OnAbout() { //宣告關於事件
        MessageBox( TEXT("DocViewBoxy Version 1.0\nCopyright (C) 2013, By QQBoxy Huang.\nEmail: gs1458@gmail.com"), TEXT("About"), MB_OK );
    }
 
    DECLARE_DYNCREATE(FrameBoxy) //宣告run-time類別
    DECLARE_MESSAGE_MAP() //宣告訊息映射表
};
 
IMPLEMENT_DYNCREATE(FrameBoxy, CFrameWnd) //宣告FrameBoxy為run-time類別
 
BEGIN_MESSAGE_MAP(FrameBoxy, CFrameWnd) //建立訊息映射表
    ON_COMMAND(ID_FILE_EXIT, OnExit)
    ON_COMMAND(ID_HELP_ABOUT, OnAbout)
END_MESSAGE_MAP()
 
class ViewBoxy : public CView {
public:
    void OnDraw(CDC * aDC) { //必須覆寫的虛擬函數
        DocBoxy *doc = (DocBoxy *)GetDocument();
        ASSERT_VALID(doc);
         
        glLoadIdentity();
 
        glClearColor(0.0f, 0.0f, 0.0f, 0.0f);
        glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT);
 
        glTranslatef(0.0f, 0.0f, -7.0f);
        glRotatef(-35.0f, 1.0f, 0.0f, 0.0f);
        glRotatef(-45.0f, 0.0f, 1.0f, 0.0f);
         
        /*glColor3f(1.0f, 0.0f, 0.0f);
        glBegin(GL_LINES);
            glVertex3f(0.0f, 0.0f, 0.0f);
            glVertex3f(20.0f, 0.0f, 0.0f);
        glEnd();
         */

        glColor3f(1.0f, 1.0f, 1.0f);
        glBegin(GL_TRIANGLES);
         
        glNormal3f(-0.8944272f, 0.4472136f, 0.0f);
        glVertex3f(-1.0f, -1.0f, -1.0f);
        glVertex3f(-1.0f, -1.0f, 1.0f);
        glVertex3f(0.0f, 1.0f, 0.0f);
 
        glNormal3f(0.8944272f, 0.4472136f, 0.0f);
        glVertex3f(0.0f, 1.0f, 0.0f);
        glVertex3f(1.0f, -1.0f, 1.0f);
        glVertex3f(1.0f, -1.0f, -1.0f);
 
        glNormal3f(0.0f, -1.0f, 0.0f);
        glVertex3f(1.0f, -1.0f, 1.0f);
        glVertex3f(-1.0f, -1.0f, 1.0f);
        glVertex3f(1.0f, -1.0f, -1.0f);
 
        glNormal3f(0.0f, -1.0f, 0.0f);
        glVertex3f(1.0f, -1.0f, -1.0f);
        glVertex3f(-1.0f, -1.0f, 1.0f);
        glVertex3f(-1.0f, -1.0f, -1.0f);
 
        glNormal3f(0.0f, 0.4472136f, -0.8944272f);
        glVertex3f(0.0f, 1.0f, 0.0f);
        glVertex3f(1.0f, -1.0f, -1.0f);
        glVertex3f(-1.0f, -1.0f, -1.0f);
 
        glNormal3f(0.0f, 0.4472136f, 0.8944272f);
        glVertex3f(-1.0f, -1.0f, 1.0f);
        glVertex3f(1.0f, -1.0f, 1.0f);
        glVertex3f(0.0f, 1.0f, 0.0f);

        //glutWireTeapot(5.0);
        //glutSolidTeapot(5.0);

        glEnd();
 
        glFinish();
        SwapBuffers( doc->m_pDC->GetSafeHdc() );
    }
 
    BOOL PreCreateWindow(CREATESTRUCT& cs) {
        cs.style |= WS_CLIPSIBLINGS | WS_CLIPCHILDREN;
        return CView::PreCreateWindow(cs);
    }
     
    BOOL OnEraseBkgnd(CDC* pDC) {
        return true;
    }
 
    void OnDestroy() {
        DocBoxy *doc = (DocBoxy *)GetDocument();
        HGLRC hRC;
        hRC= wglGetCurrentContext();
        wglMakeCurrent(NULL, NULL);
        if (doc->hrc)
            wglDeleteContext(hRC);
        if (doc->m_pDC)
            delete doc->m_pDC;
        CView::OnDestroy();
    }
 
    bool bSetupPixelFormat() {
        DocBoxy *doc = (DocBoxy *)GetDocument();
        static PIXELFORMATDESCRIPTOR pfd = {
            sizeof(PIXELFORMATDESCRIPTOR), // size of this pfd
            1,                             // version number
            PFD_DRAW_TO_WINDOW |             // support window
            PFD_SUPPORT_OPENGL |           // support OpenGL
            PFD_DOUBLEBUFFER,              // double buffered
            PFD_TYPE_RGBA,                 // RGBA type
            24,                            // 24-bit color depth
            0, 0, 0, 0, 0, 0,              // color bits ignored
            0,                             // no alpha buffer
            0,                             // shift bit ignored
            0,                             // no accumulation buffer
            0, 0, 0, 0,                    // accum bits ignored
            32,                            // 32-bit z-buffer
            0,                             // no stencil buffer
            0,                             // no auxiliary buffer
            PFD_MAIN_PLANE,                // main layer
            0,                             // reserved
            0, 0, 0                        // layer masks ignored
        };
 
        int pixelformat;
 
        if( (pixelformat = ChoosePixelFormat(doc->m_pDC->GetSafeHdc(), &pfd)) == 0 ) {
            MessageBox(_TEXT("ChoosePixelFormat failed"));
            return false;
        }
 
        if(SetPixelFormat(doc->m_pDC->GetSafeHdc(), pixelformat, &pfd) == FALSE) {
            MessageBox(_TEXT("SetPixelFormat failed"));
            return false;
        }
 
        return true;
    }
 
    void init() {
        DocBoxy *doc = (DocBoxy *)GetDocument();
        PIXELFORMATDESCRIPTOR pfd; //宣告一個PixelFormat物件
        int n;
        doc->m_pDC = new CClientDC(this); //建立一個視窗繪圖物件
        ASSERT(doc->m_pDC != NULL);
        if (!bSetupPixelFormat()) return; //設定應用所需的像素格式
        n = GetPixelFormat(doc->m_pDC->GetSafeHdc()); //從Windows裡找尋符合我們設定的
        DescribePixelFormat(doc->m_pDC->GetSafeHdc(), n, sizeof(pfd), &pfd); //PixelFormat的索引值，並將之指定給pfd
        doc->hrc = wglCreateContext(doc->m_pDC->GetSafeHdc()); //將RC物件給DC物件
        wglMakeCurrent(doc->m_pDC->GetSafeHdc(), doc->hrc); //讓這個RC設定為作用中的物件
        glDepthFunc(GL_GREATER);
        glEnable(GL_DEPTH_TEST);
        glClearDepth(-2.0f);
        glClearColor(0.0f, 0.0f, 0.0f, 1.0f);
    }
 
    void setLight() {
        GLfloat LightAmbient[]= { 0.5f, 0.5f, 0.5f, 1.0f };  //環境光強度
        GLfloat LightDiffuse[]= { 1.0f, 1.0f, 1.0f, 1.0f };  //光源漫射強度
        GLfloat LightPosition[]= { 1.0f, 0.0f, 0.0f, 0.0f }; //表示在x方向無限遠
 
        glLightfv(GL_LIGHT0, GL_AMBIENT, LightAmbient);
        glLightfv(GL_LIGHT0, GL_DIFFUSE, LightDiffuse);
        glLightfv(GL_LIGHT0, GL_POSITION,LightPosition);
        glEnable(GL_LIGHT0); //使用光源0
        glEnable(GL_LIGHTING); //打光
        glEnable(GL_COLOR_MATERIAL); //啟用材質顏色
    }
 
    int OnCreate(LPCREATESTRUCT lpCreateStruct) {
        if (CView::OnCreate(lpCreateStruct) == -1)
            return -1;
        init();
        setLight();
        return 0;
    }
     
    void OnSize(UINT nType, int cx, int cy) {
        CView::OnSize(nType, cx, cy);
 
        GLfloat nRange=20.f;
        if(cy == 0)
        {  cy = 1;  }
 
        glMatrixMode(GL_PROJECTION);
        glLoadIdentity();
 
        if (cx <= cy) {
            glOrtho(-nRange, nRange, -nRange*cy/cx, nRange*cy/cx, -nRange, nRange);
        } else {
            glOrtho(-nRange*cx/cy, nRange*cx/cy, -nRange, nRange, -nRange, nRange);
        }
 
        glMatrixMode(GL_MODELVIEW);
        glViewport(0, 0, cx, cy);
    }
 
    DECLARE_DYNCREATE(ViewBoxy) //宣告run-time類別
    DECLARE_MESSAGE_MAP() //宣告訊息映射表
};
 
IMPLEMENT_DYNCREATE(ViewBoxy, CView) //宣告ViewBoxy為run-time類別
 
BEGIN_MESSAGE_MAP(ViewBoxy, CView) //建立訊息映射表
    ON_WM_DESTROY()
    ON_WM_CREATE()
    ON_WM_SIZE()
END_MESSAGE_MAP()
 
class AppBoxy : public CWinApp {
public:
    BOOL InitInstance() {
        CDocument *doc;    //宣告指向文件的指標
        CSingleDocTemplate* DocTemplate; //宣告指向單文件樣版物件的指標
 
        DocTemplate = new CSingleDocTemplate( //建立具有單文件樣版物件
            IDR_MENU, //用於單文件框架之資源的識別子
            RUNTIME_CLASS(DocBoxy), //單文件視窗的Document
            RUNTIME_CLASS(FrameBoxy),    //單文件視窗的視窗框架
            RUNTIME_CLASS(ViewBoxy)      //單文件視窗的View
        );
 
        AddDocTemplate(DocTemplate);   //將單文件樣版物件設定給MyApp
        doc = DocTemplate->CreateNewDocument();    //建立新的文件
 
        m_pMainWnd = DocTemplate->CreateNewFrame( doc, NULL ); //建立一個視窗框架
        DocTemplate->InitialUpdateFrame ( (CFrameWnd*)m_pMainWnd, doc ); //起始化視窗框架物件，並連結View物件
        m_pMainWnd->ShowWindow(SW_SHOW); //顯示視窗
 
        return true;
    }
};
 
AppBoxy appboxy; //建立應用程式物件

說明：
基礎MFC使用OpenGL繪製面並且打光。

MFC draw face using OpenGL

標題：MFC使用OpenGL繪製面
MFC (OpenGLglut.cpp)：

#include <afxwin.h>
#include "OpenGLglut.h"
#include "glut.h"
 
class DocBoxy : public CDocument {
public:
    CClientDC *m_pDC;
    HGLRC hrc;
    DECLARE_DYNCREATE(DocBoxy) //宣告run-time類別
};
 
IMPLEMENT_DYNCREATE(DocBoxy, CDocument) //宣告DocBoxy為run-time類別
 
class FrameBoxy : public CFrameWnd {
public:
    afx_msg void OnExit() { //宣告關閉檔案事件
        if(MessageBox( TEXT("Are you sure you want to close this window?"), TEXT("DocViewBoxy"), MB_OKCANCEL | MB_ICONQUESTION ) == 1 ) {
            DestroyWindow();
        }
    }
    afx_msg void OnAbout() { //宣告關於事件
        MessageBox( TEXT("DocViewBoxy Version 1.0\nCopyright (C) 2013, By QQBoxy Huang.\nEmail: gs1458@gmail.com"), TEXT("About"), MB_OK );
    }
 
    DECLARE_DYNCREATE(FrameBoxy) //宣告run-time類別
    DECLARE_MESSAGE_MAP() //宣告訊息映射表
};
 
IMPLEMENT_DYNCREATE(FrameBoxy, CFrameWnd) //宣告FrameBoxy為run-time類別
 
BEGIN_MESSAGE_MAP(FrameBoxy, CFrameWnd) //建立訊息映射表
    ON_COMMAND(ID_FILE_EXIT, OnExit)
    ON_COMMAND(ID_HELP_ABOUT, OnAbout)
END_MESSAGE_MAP()
 
class ViewBoxy : public CView {
public:
    void OnDraw(CDC * aDC) { //必須覆寫的虛擬函數
        DocBoxy *doc = (DocBoxy *)GetDocument();
        ASSERT_VALID(doc); //斷言，確認doc是否存在(在發行版本不會執行)
         
        glLoadIdentity();
 
        glClearColor(1.0f, 1.0f, 1.0f, 1.0f);
        glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT);
 
        glTranslatef(0.0f,0.0f,-1.0f);
        glColor3f(0.0f,0.0f,0.0f);
 
        /*glBegin(GL_LINES);
            glVertex3f(0.0f, 1.0, 0.0f);
            glVertex3f(-1.0, -1.0, 0.0f);
             
            glVertex3f(-1.0f, -1.0, 0.0f);
            glVertex3f(1.0f, -1.0, 0.0f);
 
            glVertex3f(1.0f, -1.0f, 0.0f);
            glVertex3f(0.0f, 1.0f, 0.0f);
        glEnd();*/
 
        glBegin(GL_TRIANGLES);
            glColor3f(1.0f,0.0f,0.0f); //Red
            glVertex3f( 0.0f, 1.0f, 0.0f); // Top
            glColor3f(0.0f,1.0f,0.0f); //Green
            glVertex3f(-1.0f,-1.0f, 0.0f); // Bottom Left
            glColor3f(0.0f,0.0f,1.0f); //Blue
            glVertex3f( 1.0f,-1.0f, 0.0f); // Bottom Right
        glEnd();
 
        glFinish(); //繪圖完畢
        SwapBuffers( doc->m_pDC->GetSafeHdc() ); //
    }
 
    BOOL PreCreateWindow(CREATESTRUCT& cs) {
        cs.style |= WS_CLIPSIBLINGS | WS_CLIPCHILDREN; //加入 WS_CLIPSIBLINGS 及 WS_CLIPCHILDREN 旗標
        return CView::PreCreateWindow(cs); //避免OpenGL畫到別的視窗
    }
     
    BOOL OnEraseBkgnd(CDC* pDC) {
        return true; //不要重繪視窗
    }
 
    void OnDestroy() { //清除記憶體
        DocBoxy *doc = (DocBoxy *)GetDocument();
        HGLRC hRC;
        hRC= wglGetCurrentContext();
        wglMakeCurrent(NULL,  NULL);
        if (doc->hrc)
            wglDeleteContext(hRC);
        if (doc->m_pDC)
            delete doc->m_pDC;
        CView::OnDestroy();
    }
 
    bool bSetupPixelFormat() {
        DocBoxy *doc = (DocBoxy *)GetDocument();
        static PIXELFORMATDESCRIPTOR pfd = {
            sizeof(PIXELFORMATDESCRIPTOR), // 像素的結構大小
            1,                             // 版本號
            PFD_DRAW_TO_WINDOW |           // 緩衝特性:視窗支援
            PFD_SUPPORT_OPENGL |           // 緩衝特性:OpenGL支援
            PFD_DOUBLEBUFFER,              // 緩衝特性:雙精度緩衝
            PFD_TYPE_RGBA,                 // 設定顏色類型為RGBA
            24,                            // 色彩深度:24-bit color depth
            0, 0, 0, 0, 0, 0,              // color bits ignored
            0,                             // no alpha buffer
            0,                             // shift bit ignored
            0,                             // no accumulation buffer
            0, 0, 0, 0,                    // accum bits ignored
            32,                            // 深度緩衝:32-bit z-buffer
            0,                             // no stencil buffer
            0,                             // no auxiliary buffer
            PFD_MAIN_PLANE,                // main layer
            0,                             // reserved
            0, 0, 0                        // layer masks ignored
        };
 
        int pixelformat;
 
        if ( (pixelformat = ChoosePixelFormat(doc->m_pDC->GetSafeHdc(), &pfd)) == 0 ) {
            MessageBox(_TEXT("ChoosePixelFormat failed"));
            return false;
        }
 
        if (SetPixelFormat(doc->m_pDC->GetSafeHdc(), pixelformat, &pfd) == false) {
            MessageBox(_TEXT("SetPixelFormat failed"));
            return false;
        }
 
        return true;
    }
 
    void init() {
        int n;
        DocBoxy *doc = (DocBoxy *)GetDocument();
        PIXELFORMATDESCRIPTOR pfd; //宣告一個PixelFormat物件
        doc->m_pDC = new CClientDC(this); //建立一個視窗繪圖物件
        ASSERT_VALID(doc->m_pDC); //斷言，確認視窗繪圖物件是否存在(在發行版本不會執行)
        if (!bSetupPixelFormat()) return; //設定應用所需的像素格式
        n = GetPixelFormat(doc->m_pDC->GetSafeHdc()); //從Windows裡找尋符合我們設定的
        DescribePixelFormat(doc->m_pDC->GetSafeHdc(), n, sizeof(pfd), &pfd); //PixelFormat的索引值，並將之指定給pfd
        doc->hrc = wglCreateContext(doc->m_pDC->GetSafeHdc()); //將RC物件給DC物件
        wglMakeCurrent(doc->m_pDC->GetSafeHdc(), doc->hrc); //讓這個RC設定為作用中的物件
        glDepthFunc(GL_GREATER); //深度資訊
        glEnable(GL_DEPTH_TEST); //深度測試
        glClearDepth(-2.0f); //初始化深度
        glClearColor(1.0f, 1.0f, 1.0f, 1.0f); //初始化顏色

        //PixelFormat:視窗的所有3D特徵設定,包括緩衝區、 顏色深度等集合的名稱
        //RC:背景渲染,OpenGL裡負責紀錄目前顏色,狀態設定等資訊的物件
    }
 
    int OnCreate(LPCREATESTRUCT lpCreateStruct) {
        if(CView::OnCreate(lpCreateStruct) == -1) { //判斷視窗生成
            return -1;
        }
        init();
        return 0;
    }
     
    void OnSize(UINT nType, int cx, int cy) {
        CView::OnSize(nType, cx, cy);
 
        GLfloat nRange = 5.0f; //比例係數
        if(cy == 0) { //防止分母為零
            cy = 1;
        }
 
        glMatrixMode(GL_PROJECTION); //透視場景
        glLoadIdentity(); //重新設定矩陣
 
        if (cx <= cy) { //調整視窗比例
            glOrtho(-nRange, nRange, -nRange*cy/cx, nRange*cy/cx, -nRange, nRange);
        } else {
            glOrtho(-nRange*cx/cy, nRange*cx/cy, -nRange, nRange, -nRange, nRange);
        }

        glMatrixMode(GL_MODELVIEW); //重新設定觀點矩陣
        glViewport(0, 0, cx, cy); //設定觀點
    }
 
    DECLARE_DYNCREATE(ViewBoxy) //宣告run-time類別
    DECLARE_MESSAGE_MAP() //宣告訊息映射表
};
 
IMPLEMENT_DYNCREATE(ViewBoxy, CView) //宣告ViewBoxy為run-time類別
 
BEGIN_MESSAGE_MAP(ViewBoxy, CView) //建立訊息映射表
    ON_WM_DESTROY()
    ON_WM_CREATE()
    ON_WM_SIZE()
    //ON_WM_KEYDOWN()
    //ON_WM_LBUTTONDOWN()
END_MESSAGE_MAP()
 
class AppBoxy : public CWinApp
{
public:
    BOOL InitInstance()
    {
        CDocument *doc;    //宣告指向文件的指標
        CSingleDocTemplate* DocTemplate; //宣告指向單文件樣版物件的指標
 
        DocTemplate = new CSingleDocTemplate( //建立具有單文件樣版物件
            IDR_MENU, //用於單文件框架之資源的識別子
            RUNTIME_CLASS(DocBoxy), //單文件視窗的Document
            RUNTIME_CLASS(FrameBoxy),    //單文件視窗的視窗框架
            RUNTIME_CLASS(ViewBoxy)      //單文件視窗的View
        );
 
        AddDocTemplate(DocTemplate);   //將單文件樣版物件設定給MyApp
        doc = DocTemplate->CreateNewDocument();    //建立新的文件
 
        m_pMainWnd = DocTemplate->CreateNewFrame( doc, NULL ); //建立一個視窗框架
        DocTemplate->InitialUpdateFrame ( (CFrameWnd*)m_pMainWnd, doc ); //起始化視窗框架物件，並連結View物件
        m_pMainWnd->ShowWindow(SW_SHOW); //顯示視窗
 
        return true;
    }
};
 
AppBoxy appboxy; //建立應用程式物件

說明：
基礎MFC使用OpenGL繪製面。

2013年8月16日星期五

Encryption in Node.JS using crypto

標題：在Node.JS中使用加密
Node.JS (encryption.js)：

範例輸出：

說明：
crypto模組在Node.JS為原生Module可直接使用，切勿再使用npm安裝或使用相對路徑require，最後為使用Regular expression比對base64格式。

2013年8月5日星期一

Create Static Splitter Window using MFC

標題：使用MFC建立靜態分割視窗
VC++ (SplitterWindow.cpp)：
範例結果：

動態教學：
Open
直接下載：
http://docs.google.com/uc?id=0B8HdyDgIiLuHREdOUmVuSUtoZzA

說明：
在MFC中建立分割視窗，左視窗為CFrameWnd類別可設計表單，右視窗為CView類別可進行繪圖，注意須建立『IDD_FORMVIEW』之Dialog資源。

2013年7月18日星期四

Data Synchronization Update

標題：同步變更數據
Node.JS (getdata.js)：

var server,
    ip   = "127.0.0.1",
    port = 1337,
    http = require("http"),
    url = require("url"),
    fs = require("fs"),
    qs = require("querystring");

var textPath = "p.txt";

server = http.createServer(function (req, res) {
    var polling = {
        timeover : false,
        timeout : null,
        request : function(q) {
            this.timeout = setTimeout(function() {
                polling.timeover = true;
            }, 10000);
            this.action(q);
        },
        action : function(q) {
            if(this.timeover == true) { //確認連線逾時
                q.callback({});
            } else {
                fs.readFile(textPath, "utf-8", function(err, file) {
                    if(q.json.lastTime < qs.parse(file).lastTime) { //有新資料
                        q.callback(qs.parse(file));
                    } else { //駐列輪巡
                        setTimeout(function() { polling.action(q) }, 100);
                    }
                });
            }
        }
    };
    
    switch(url.parse(req.url).pathname) {
        case "/jquery":
            fs.readFile("js/jquery-1.9.1.js", function (err, data) {
                if(err) throw err;
                res.writeHead(200, {"Content-Type": "text/javascript", "Content-Length":data.length});
                res.write(data);
                res.end();
            });
            break;
        case "/index":
            fs.readFile("index.html", function (err, data) {
                if(err) throw err;
                res.writeHead(200, {"Content-Type": "text/html", "Content-Length":data.length});
                res.write(data);
                res.end();
            });
            break;
        case "/sendData":
            var sendData = "";
            var lastTime = new Date().getTime();
            req.setEncoding("utf8");
            req.addListener("data", function(sendDataChunk) {
                sendData += sendDataChunk;
            });
            req.addListener("end", function() {
                sendData += "&lastTime=" + lastTime;
                fs.open(textPath, "w", 0644, function(err, fd) {
                    if(err) throw err;
                    fs.write(fd, sendData, 0, "utf8", function(err) {
                        if(err) throw err;
                        fs.closeSync(fd);
                        var json = JSON.stringify({lastTime: lastTime});
                        res.writeHead(200, {
                            "Content-Type": "text/json",
                            "Content-Length": json.length
                        });
                        console.log(json);
                        res.end(json);
                    })
                });
            });
            break;
        case "/getData":
            var getData = "";
            req.setEncoding("utf8");
            req.addListener("data", function(getDataChunk) {
                getData += getDataChunk;
            });
            req.addListener("end", function() {
                polling.request({
                    json : qs.parse(getData),
                    callback : function(data) {
                        var json = JSON.stringify(data);
                        res.writeHead(200, {
                            "Content-Type": "text/json",
                            "Content-Length": json.length
                        });
                        res.end(json);
                    }
                });
            });
            break;
        default:
            res.writeHead(200, {"Content-Type": "text/html"});
            res.write("Page not found.");
            res.end();
            break;
    }
    
});

server.listen(port);

console.log("Server running at http://" + ip + ":" + port);

HTML (index.html)：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-TW" xml:lang="zh-TW">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Title</title>
<script src="/jquery"></script>
<script type="text/javascript">
$(function() {
    var localurl = window.location.protocol + "//" + window.location.host;
    var lastTime = 0;
    $("#sendBtn").click(function() {
        var username = $("#username").val();
        var xValue = $("#xValue").val();
        var yValue = $("#yValue").val();
        var zValue = $("#zValue").val();
        $.post("/sendData", {user: username, x: xValue, y: yValue, z: zValue},
        function(data) {
            console.log("Message Send on " + data.lastTime);
        }, "json");
    });
    var pollingData = function() {
        $.ajax({
            cache: false,
            dataType: "json",
            type: "POST",
            url: localurl + "/getData",
            data: {lastTime: lastTime},
            error: function (xhr, status, error) {
                document.write("Error");
            },
            success: function (json) {
                //console.log(json);
                if(!$.isEmptyObject(json)) { //判斷內容是否為空
                    console.log("Update...");
                    //lastTime = new Date().getTime();
                    $("#username").val(json.user);
                    $("#xValue").val(json.x);
                    $("#yValue").val(json.y);
                    $("#zValue").val(json.z);
                    lastTime = json.lastTime;
                    pollingData();
                } else { //繼續輪巡
                    console.log("Pulling...");
                    pollingData();
                }
            }
        });
    };
    pollingData();
});
</script>
</head>
<body>
name: <input type="text" id="username" value="QQBoxy" /><br />
x: <input type="text" id="xValue" value="3" /><br />
y: <input type="text" id="yValue" value="4" /><br />
z: <input type="text" id="zValue" value="5" /><br />
<button id="sendBtn">Send</button>
</body>
</html>

Batch (Start.bat)：

說明：
使用Node.JS與jQuery進行數據同步變更。

訂閱：意見 (Atom)

大於取代為『>』小於取代為『<』 Tab字元取代為『』換行字元取代為『』雙引號取代為『\"』 &取代為『&』
高亮程式：『<pre class="brush:js;first-line:1;highlight:[0];">』+字串+『</pre>』 (含HTML架構『html-script:true;』)
多行複製：『<textarea style="width:100%;overflow:visible" onclick="select()" rows="">』+字串+『</textarea>』
彈出框架：『<a href="javascript:;" onclick="window.open('"』+網址+『"', 'images', 'catalogmode, scrollbars, width=, height=')">Open</a>』
不作改變
<a href="http://codeboxy.blogspot.com/"> Hello CodeBoxy!! </a>

2013年8月27日星期二

MFC draw face and lighting using OpenGL

MFC draw face using OpenGL

2013年8月16日星期五

Encryption in Node.JS using crypto

2013年8月5日星期一

Create Static Splitter Window using MFC

2013年7月18日星期四

Data Synchronization Update

QQBoxy - 酷酷方盒子 | 編譯環境相關軟體

搜尋此網誌

協作成員

網誌存檔

標籤

總網頁瀏覽量

團隊宗旨

2013年8月27日 星期二

MFC draw face and lighting using OpenGL

MFC draw face using OpenGL

2013年8月16日 星期五

Encryption in Node.JS using crypto

2013年8月5日 星期一

Create Static Splitter Window using MFC

2013年7月18日 星期四

Data Synchronization Update

搜尋此網誌

協作成員

網誌存檔

標籤

總網頁瀏覽量

2013年8月27日星期二

2013年8月16日星期五

2013年8月5日星期一

2013年7月18日星期四