目前分類:WEB (15)

瀏覽方式: 標題列表 簡短摘要

   HGrid為繼承自SimpleGrid的物件,主要是加入瀏覽翻頁、瀏覽篩選、單筆編輯功能。

擴充物件變數

jesse0606 發表在 痞客邦 PIXNET 留言(0) 人氣()

本文說明 SimpleGrid 物件的一些特殊用法,包括以下內容:(你可以點選以下書籤快速跳至該段)

如何顯示兩行標題

jesse0606 發表在 痞客邦 PIXNET 留言(0) 人氣()

  Web Application 就是前端網頁使用 HTML / XHTML / HTML5 + CSS + Java Script … 等網頁標準技術製作,而後端使用 PHP 、 ASP.NET 、 JSP 、 RoR … 等程式語言開發,並連結資料庫或其它資料來源(最近開始風行使用javaScript)。我們經常上網的一些網站,不管是購物網站、入口網站、政府網站...其實全都是 Web Application,由此可見這是最通用的一種系統型態。

  我們的「股票交易系統」就是使用Web App,這對於你將來幫別人設計多人使用的網站,絕對是一個很好的練習。

jesse0606 發表在 痞客邦 PIXNET 留言(0) 人氣()

前端應用程式架構一覽表

htdocs/ssd

程式 說明 上層程式 按鍵 相關VIEW/TABLE 備註
index.html 首頁(含ssd,BT...) - - -  
mystk_menu.html ssd功能選單 - - -  
mngMyStk.php 股票交易管理 主程式 - -  
 MystkGrid.php extends OpenWinGrid mngMyStk.php - v_mystk(個人股票查詢)  
 MystkHDE.php extends HDataEdit mngMyStk.php - -  
 mystk.html DataEdit畫面檔 mngMyStk.php - -  
 showMore.php 顯示個股明細 mngMyStk.php [icon]more

jesse0606 發表在 痞客邦 PIXNET 留言(0) 人氣()

  本文舉例說明如何Override HDataEdit的方法以實作特有的功能。

設定新增時的預設值

htdocs/BT/BTparaHDE.php

jesse0606 發表在 痞客邦 PIXNET 留言(0) 人氣()

  以下以開發「晨星」交易系統為例,說明開發的步驟。

登錄系統

/BT/BTparaName.php, ParaNameGrid.php

  登錄系統,以及其使用的參數。

jesse0606 發表在 痞客邦 PIXNET 留言(0) 人氣()

簡述

  Ajax技術就是在整個畫面沒有更新的情況下(FORM SUBMIT)與伺服端程式溝通的技術。本系統使用了幾個AjaxPost函數,如下:

  1. doCompletion(id, idSel, idshow, url) -- in ajaxIdSelector.js,用來處理代碼輸入與中文顯示的功能。
  2. doSetOption(idSel, keyVal, url) --  in ajaxIdSelector.js,用來處理互動性選單的功能。
  3. ajaxPost(sMode, sPage, sPage_rows, sUrl, sInfo, divId, thisObj) -- in HGrid.js,用來處理流覽翻頁的功能。
  4. function simplePost(Id, Val, sUrl, isAlert) -- in HGrid.js,通用性ajax功能。

SimplePost函數

  Id -- 用來識別是哪一種要求。比如「PARA_COPY」指要做複製的作業,「PARA_DEL」指要做刪除的作業。你對應的伺服端程式依此來判別該採取的動作。

jesse0606 發表在 痞客邦 PIXNET 留言(0) 人氣()

  所謂「變動式選單」,指當使用者輸入某一個值以後,立刻帶出相關的內容選單,比如:輸入「台灣」,立刻顯示「所有台灣縣市」選單,再選擇某一縣市後,立刻出現當地的旅館。

  通常我們不可能把所有選單全部先下載到前端網頁,這樣子的限制性很大,而且網頁也會變得很大,所以理想的方式是限制範圍後向主機端提出詢問,不過如果每次都要重新刷新網頁,其效率將會非常差(比如說:Google地圖你刷新一個網頁要花多少時間?)為了解決這個問題,Google大量使用了Ajax技術,我們現在要介紹的就 Ajax + JQuery + HGrid 三種技術結合在一起的技術。

jesse0606 發表在 痞客邦 PIXNET 留言(0) 人氣()

  HGrid物件通常就是一個瀏覽活頁,加一個編輯活頁。如果我們希望是一個瀏覽活頁,加數個瀏覽活頁,那便必須使用HGrid Class,搭配一個 SimplePage Class。

多瀏覽活頁範例

  以下為兩個活頁「績效統計」「交易明細」,每一個都是可以篩選條件的翻頁瀏覽頁面。第一個活頁使用「HGrid」物件,同時控制活頁、前端javaScript與頁頂功能表等複雜功能,第二個活業使用「SimplePage」物件,只有單純的翻頁瀏覽與篩選。「SimplePage」因為使用「Div」的ID作區分,所以理論上可以有無限多個,「HGrid」則固定使用「#hgrid」這個DivI,所以只能有一個。

jesse0606 發表在 痞客邦 PIXNET 留言(0) 人氣()

  有關Ajax的技術這裡不加贅述,請參考【AJAX -- 維基】,此項技術被應用於GoogleMap中,以減少大量資料網頁更新的效能。

  在使用網頁以取代傳統程式(VB,C++等)開發應用系統時最常遇到的問題就是「代碼輸入」,這包括兩個問題,代碼輸入選單,代碼名稱顯示。之前有一種技術是使用Frame的方法,讓主Frame去執行隱藏的Frame來與Server端溝通,這個方法似乎也可以運作得不錯,不過就是有點複雜。

jesse0606 發表在 痞客邦 PIXNET 留言(0) 人氣()

  連結欄位,指在Grid中的一個欄位,點選就會開啟一個新的視窗並連結到某一個網頁。比如下圖:

識別碼 帳戶 資券 代號 名稱 進場日期 價格 數量 出場日期 出場價格 停損價格 模式 更多...
7 001 2409 友達 2015-03-03 15.6 1 0000-00-00 0 0 B1放空 MORE


  當滑鼠移到[MORE]欄會改變滑鼠形狀,點選以後會開啟另一個視窗,顯示更詳細的資訊。HGrid要如何做到呢?

jesse0606 發表在 痞客邦 PIXNET 留言(0) 人氣()

  如下圖,HGDE允許你自行設計各種篩選條件。

  下圖是回溯測試的「交易一覽表」,你可以選擇列示「所有」資料或只顯示「有交易」的資料;日期區間,會根據現有資料的期間代號(比如只有E就只顯示E)抓取代碼表後顯示成「下拉式選單」。

jesse0606 發表在 痞客邦 PIXNET 留言(0) 人氣()

  HGrid的活頁是使用jQuery UI的Tabs,預設只有固定的兩頁#hgrid與#detail。你可以依需要加以增減。

去除編輯活頁

  如果只需要瀏覽畫面,不需要單筆編輯畫面,只需要一個動作就可以。

jesse0606 發表在 痞客邦 PIXNET 留言(0) 人氣()

  畫面格式檔,就是你編修單筆資料時的網頁,程式執行後,編輯修改資料時會先將資料填入空白畫面,新增時會顯示空白畫面並將輸入資料回傳給server端寫入資料庫。

範例mystk.html

  請注意,該檔必須有<body>與</body>,至於<body>前的文字會自動被切除。

jesse0606 發表在 痞客邦 PIXNET 留言(0) 人氣()

  本文將探討如何使用Java,從證交所與櫃買中心自動下載每日盤後資料。

  一般與網頁溝通只需要在網址後面加入參數就可以了,如下,為至櫃買中心下載盤後資料檔的網址,這種叫做「GET」的參數傳遞方式。

jesse0606 發表在 痞客邦 PIXNET 留言(0) 人氣()

找更多相關文章與討論