JAVA工具
          JAVA使用軟件 開發(fā)工具
          posts - 87,  comments - 9,  trackbacks - 0
               摘要:   閱讀全文
          posted @ 2011-09-16 17:56 王豪 閱讀(269) | 評論 (0)編輯 收藏
               摘要:   閱讀全文
          posted @ 2011-09-16 16:48 王豪 閱讀(452) | 評論 (0)編輯 收藏
          <script type="text/javascript">
          function test(){
          var data= 0;
          var data1= 1;
          if(!data){
          alert("!0");
          }
          if(!data1){
          alert("!1");
          }
          if(0)
          {
          alert("0");
          }
          else
          {
          alert("!0");
          }
          }
          </script>
          <input type="button" onclick="test()" value="test">
          posted @ 2011-09-16 14:33 王豪 閱讀(2709) | 評論 (0)編輯 收藏
               摘要:   閱讀全文
          posted @ 2011-09-16 13:36 王豪 閱讀(270) | 評論 (0)編輯 收藏
               摘要:   閱讀全文
          posted @ 2011-09-16 10:56 王豪 閱讀(157) | 評論 (0)編輯 收藏
          function ClearSelectOption(eleSelect) {
              eleSelect.options.length = 0;
              eleSelect.options.add(new Option("請選擇", "-1"));
             
          }
          posted @ 2011-09-13 14:31 王豪 閱讀(285) | 評論 (0)編輯 收藏
               摘要:   閱讀全文
          posted @ 2011-09-13 14:21 王豪 閱讀(474) | 評論 (0)編輯 收藏
               摘要:   閱讀全文
          posted @ 2011-09-09 21:53 王豪 閱讀(196) | 評論 (0)編輯 收藏
               摘要:   閱讀全文
          posted @ 2011-09-07 22:14 王豪 閱讀(351) | 評論 (0)編輯 收藏
          是面向行業(yè)及企業(yè)信息化的大型綜合應(yīng)用軟件系統(tǒng),系統(tǒng)全面貫徹現(xiàn)代企業(yè)的生產(chǎn)管理的理論和方法,為企業(yè)提供生產(chǎn)、采購、銷售、庫存、物流、協(xié)同辦公、項目、合同、人力資源管理等各個層面的全方位的信息化管理支撐。同時創(chuàng)新的提出并實現(xiàn)了互聯(lián)網(wǎng)數(shù)據(jù)倉庫的挖掘和融合應(yīng)用,使企業(yè)應(yīng)用軟件系統(tǒng)和龐大的國際互聯(lián)網(wǎng)絡(luò)無縫接軌,徹底的解決了當(dāng)前企業(yè)信息孤島的現(xiàn)狀,為企業(yè)全面開展全球業(yè)務(wù)提供強有力的支持。
              ZL-SaaS采用SOA的設(shè)計架構(gòu),基于J2EE的框架設(shè)計實現(xiàn)的服務(wù)掛載總線為企業(yè)的信息化模塊提供安全、健壯、開放、智能的架構(gòu)支持,系統(tǒng)跟隨企業(yè)業(yè)務(wù)的深化開展和對信息化的要求掛載相應(yīng)的軟件服務(wù),從成本和實施的兩個根本性角度全力的配合企業(yè)信息化步伐,并逐步引導(dǎo)企業(yè)全面信息化管理,從設(shè)計和運作架構(gòu)上避免了全方位實施和企業(yè)業(yè)務(wù)流程重組給企業(yè)帶來的致命風(fēng)險。
              ZL-SaaS采用國際上流行的B/S結(jié)構(gòu)的軟件模式,提供了有線、無線等豐富的接入和使用方式,把對客戶端的要求降低到最小程度,支持企業(yè)常用的微型計算機(PC)、個人數(shù)字助理(PDA)、智能手機等終端類型,同時整合移動通信的增值應(yīng)用,使企業(yè)能夠?qū)崟r靈活的控制和開展自身的復(fù)雜業(yè)務(wù)。
          ZL-SaaS系統(tǒng)根據(jù)自身眾多客戶的業(yè)務(wù)需求,綜合整理了符合現(xiàn)代企業(yè)管理的理論和方法的信息化功能服務(wù),主要包括以下功能域:
              營銷管理、渠道管理、客戶管理、競爭對手管理、產(chǎn)品管理、訂單管理、采購管理、資源管理、合作伙伴管理、合同管理、庫存管理、人力資源管理、協(xié)同辦公、電子商務(wù)、競爭情報、物流管理、統(tǒng)計報表、系統(tǒng)管理等,其他功能域還在不斷的增加中。
              在滿足企業(yè)日常業(yè)務(wù)的前提下,ZL-SaaS創(chuàng)新的提出了互聯(lián)網(wǎng)數(shù)據(jù)挖掘融合到企業(yè)應(yīng)用軟件系統(tǒng)的功能,并付諸實施。在企業(yè)辦理日常業(yè)務(wù)的時候,可以及時的從應(yīng)用軟件提取到當(dāng)前互聯(lián)網(wǎng)上的相關(guān)商業(yè)數(shù)據(jù),為常規(guī)業(yè)務(wù)提供了及時有效的非常規(guī)決策數(shù)據(jù)。
              ZL-SaaS的企業(yè)應(yīng)用軟件集群系統(tǒng)特別完善了客戶管理、供應(yīng)鏈管理、倉儲和物流管理、資源管理等業(yè)務(wù),使企業(yè)之間的數(shù)據(jù)得到安全開放的共享。這種安全開放的業(yè)務(wù)和數(shù)據(jù)公開模式為集群企業(yè)之間快速有效的辦理業(yè)務(wù)開辟了低成本、高效率的途徑。

           

          商業(yè)版ERP采用完全.NET技術(shù),純B/S結(jié)構(gòu),適合任何復(fù)雜應(yīng)用環(huán)境下的分布式管理。包括采購管理、倉儲管理、銷售管理、POS銷售、應(yīng)收應(yīng)付、現(xiàn)金銀行、帳務(wù)管理、出納管理、固定資產(chǎn)、工資管理、客戶關(guān)系、辦公管理、報表中心十三大模塊。

           1、采購管理

          方便靈活的采購定單制定方式,用戶可根據(jù)銷售訂單、采購、生成訂單,實現(xiàn)以銷定購的經(jīng)營管理模式。

          采購開單可直接點擊藍(lán)色超級連接進(jìn)入定單修改與制作,并支持多信用票據(jù)采購、已估價入庫貨品票據(jù)到后,實現(xiàn)采購的同時沖回等采購方式。

          支持多種采購付款方式,支持銀行存款、現(xiàn)金、應(yīng)付與預(yù)付款間的轉(zhuǎn)換。

          支持自定義采購、銷售單據(jù)格式,滿足企業(yè)實際使用需要。

           
          2、銷售管理

          處理企業(yè)主營業(yè)務(wù)收入,幫助制定銷售計劃。多樣化的銷售計劃單形式,支持公司、業(yè)務(wù)部門或業(yè)務(wù)員。

          制定年度、季度、月度銷售計劃,并對計劃執(zhí)行情況時實跟蹤。

          銷售開單一張單據(jù)可處理現(xiàn)款銷售、賒銷、部分收款的銷售、委托銷售結(jié)算,并能實現(xiàn)多種退貨業(yè)務(wù)方式的處理。

          對所銷售的貨品,提供出當(dāng)前實際庫存量、已占用量和可用量,使用戶能及時了解和掌握庫存情況。

          系統(tǒng)增加對委托銷售的成本金額的管理,并對委托銷售價金額和實現(xiàn)銷售后的金額,以報表的形式進(jìn)行管理。

          強大的自定義銷售報表功能,任意組合報表統(tǒng)計項目,提供銷售成本、費用及銷售稅金分析功能。

           3、POS銷售

          用戶可以設(shè)置多種POS前臺各種參數(shù),協(xié)調(diào)處理包括折扣、退貨等日常功能。

          統(tǒng)計當(dāng)天前臺的銷售情況,隨時掌握前臺銷售情況、收銀情況、交款情況。

          儲值卡/會員卡管理功能:包括卡資料的建立、充值、停用、掛失、使用期限、累計消費額統(tǒng)計等等。

           4、倉儲管理

          具備無限分類功能,倉儲貨品無限分類沒有任何限制,分類可以精細(xì)到貨位。

          提供同地或異地倉庫調(diào)撥,并可隨時對貨品進(jìn)行調(diào)價,準(zhǔn)確的計算各期存貨發(fā)出成本。

          實現(xiàn)同一業(yè)務(wù)期間內(nèi)多次存貨盤點功能,系統(tǒng)并可根據(jù)盤點數(shù)量和庫存成本單價自動計算盈虧數(shù)量與金額。

          系統(tǒng)可對銷售貨品進(jìn)行組裝、拆卸管理,自動計算組裝貨品的成本與拆卸后貨品的單價,并允許用戶手工修改價格。

          提供其他收發(fā)貨單功能,供用戶發(fā)生非采購和銷售貨品收發(fā)時使用。 


          5、應(yīng)收應(yīng)付

          功能強大的結(jié)算方式,可處理現(xiàn)金、銀行的收付款業(yè)務(wù),也可處理以各種銀行票據(jù)、信用卡等方式結(jié)算采購款或收取銷售款業(yè)務(wù)。

          用戶可方便地處理在預(yù)收預(yù)付款間的合并或重組等業(yè)務(wù)時的情況。

          六種往來核銷方式,收付款業(yè)務(wù)更清晰、更靈活,完全滿足企業(yè)實際操作需求。 


          6、現(xiàn)金銀行

          處理貨幣資金收支業(yè)務(wù),包括銀行先進(jìn)存取、各種費用開支,其他收入等等。

          發(fā)生業(yè)務(wù)性銀行存取款,系統(tǒng)根據(jù)所填轉(zhuǎn)入轉(zhuǎn)出帳戶自動生成會計憑證。

          通過費用開支模塊,直觀了解各項費用開支,加強控制企業(yè)費用支出。

          自動生成銀行、現(xiàn)金日記帳明細(xì)與匯總表。 


          7、報表中心

          系統(tǒng)將采購、銷售、倉儲、財務(wù)等資料,經(jīng)過綜合匯總統(tǒng)計分析,為企業(yè)領(lǐng)導(dǎo)提供相應(yīng)的分析數(shù)據(jù)與財務(wù)指標(biāo)數(shù)據(jù),幫助企業(yè)的決策層及時了解本企業(yè)的經(jīng)營情況。并根據(jù)分析資料,做出下一步的經(jīng)營戰(zhàn)略與方針。

          配有強大的自定義報表功能,用戶可根據(jù)企業(yè)需要,編制出適合本企業(yè)特點的一些特殊報表。

          大量統(tǒng)計分析表,系統(tǒng)分析企業(yè)在不同生產(chǎn)經(jīng)營周期內(nèi),各種經(jīng)營活動的項目對比,并提供多種分析手法,幫助企業(yè)從不同角度了解企業(yè)生產(chǎn)經(jīng)營情況。

           
          8、客戶關(guān)系

          實現(xiàn)客戶分類,客戶信用等級、詳細(xì)資料、購買記錄動態(tài)統(tǒng)計分析。

          有效管理企業(yè)分銷網(wǎng)絡(luò),掌控分支或分銷機構(gòu)直接銷售數(shù)據(jù),有效支持企業(yè)區(qū)域市場和產(chǎn)品決策。

          項目、商機分類統(tǒng)計分析,實現(xiàn)動態(tài)管理,實時監(jiān)控費用支出,把握開發(fā)和市場進(jìn)度。 


          9、辦公管理

          系統(tǒng)融入日程管理、項目管理等功能,實現(xiàn)辦公管理的一體化。

          支持郵件發(fā)送與接收,滿足辦公應(yīng)用的實際需要。 


          10、帳務(wù)管理

          處理企業(yè)整體財務(wù)計算過程,從記帳、算帳、結(jié)帳到會計報告生成。

          靈活的帳務(wù)處理,支持按手工帳模式進(jìn)行憑證處理。

          系統(tǒng)提供憑證制作向?qū)В蓪⑿枰蓱{證的單據(jù)集中,批量生成財務(wù)憑證。

          支持外幣處理、自動期末調(diào)匯、結(jié)轉(zhuǎn)損益。

          根據(jù)憑證號、費用等快速查找憑證詳細(xì)記錄。

          自動生成會計帳本、匯總明細(xì)分類帳等幾十多種財務(wù)報表。

           
          11、出納管理

          完善的銀行支票管理,對確認(rèn)支票自動進(jìn)行財務(wù)處理。

          支持支票以外的各種銀行票據(jù)管理,滿足企業(yè)現(xiàn)金銀行業(yè)務(wù)核算。

          處理銀行對帳系統(tǒng),完成各種銀行對帳單系控制功能,具有不平衡提示控制,自動進(jìn)行找平。

          每次對帳結(jié)束自動產(chǎn)生對帳日余額表。

          提供出納初始化、出納結(jié)帳/反結(jié)帳功能。

          出納即可手工錄入出納日記帳模式,也可從憑證引入數(shù)據(jù)。

           
          12、固定資產(chǎn)

          直觀的仿真卡片固定資產(chǎn)管理方式。

          提供多種計提折舊方式對固定資產(chǎn)進(jìn)行處理。

          自動計算固定資產(chǎn)的月折舊額、累計折舊額、凈值等,并生成相應(yīng)會計憑證。

          固定資產(chǎn)資產(chǎn)清單、固定資產(chǎn)及折舊表、固定資產(chǎn)及累計折舊增減過程分析、固定資產(chǎn)結(jié)構(gòu)分析、固定資產(chǎn)工作量表。

           13、工資管理

          主要處理工資檔案,并詳細(xì)記錄員工資料;提供工資條打印、工資發(fā)放、工資費用分配,工資表輸出等多項功能。

          詳盡的員工人事?lián)醢?、工資檔案管理。

          工資數(shù)據(jù)智能錄入,可按工序、時間、員工方式入計件工資。

          可自設(shè)工資項目、計算方法公式。

          分清錢單、工資扣零;銀行代發(fā)功能,個人所得稅扣繳申報表,自動計稅功能。

          工資費用自動分配結(jié)轉(zhuǎn),工資系統(tǒng)與帳務(wù)系統(tǒng)有機結(jié)合。

          輸出工資條、工資發(fā)放表、工資費用分配表、工資結(jié)構(gòu)分析表等報表。

          posted @ 2011-09-07 15:06 王豪 閱讀(202) | 評論 (0)編輯 收藏

          <style>
           ul li{
            height:139px;
            }
           </style>
          <div id=demo style=overflow:hidden;height:139;width:232;background:#f4f4f4;color:#ffffff>
          <div id=demo1>
           <ul>
            <li>123112</li>
              <li>123112</li>
                <li>456788</li>
           </ul>
          </div>
          <div id=demo2></div>
          </div>
             <script>
             var speed=50
             demo2.innerHTML=demo1.innerHTML
             function Marquee(){
             if(demo2.offsetTop-demo.scrollTop<=0)
             demo.scrollTop-=demo1.offsetHeight
             else{
             demo.scrollTop=demo.scrollTop+3
             }
             }
             var MyMar=setInterval(Marquee,speed)
             demo.onmouseover=function() {clearInterval(MyMar)}
             demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
             </script>

           

          posted @ 2011-09-07 13:37 王豪 閱讀(184) | 評論 (0)編輯 收藏
           1.業(yè)務(wù)流程

            某企業(yè)的銷售管理業(yè)務(wù)主要負(fù)貴產(chǎn)品訂貨、開發(fā)新用戶、產(chǎn)成品入庫、發(fā)運、劃價及貨款回收等工作。其流程概括為訂貨→排產(chǎn)→入庫→審票→監(jiān)控→發(fā)貨→劃價→結(jié)算→回款。由各分公司負(fù)責(zé)訂貨合同的簽訂,分公司人員把客戶填寫的訂貨合同正表和訂貨卡片送到排產(chǎn)調(diào)配室排產(chǎn),排產(chǎn)后的合同由各分公司負(fù)責(zé)填寫合同附表;填好后由排產(chǎn)室送到生產(chǎn)部安排車間組織生產(chǎn),車間生產(chǎn)出來的產(chǎn)品統(tǒng)一入庫到銷售總公司成品庫。產(chǎn)成品入庫必須依照票據(jù)對種類、規(guī)格、型號、件(支)數(shù)認(rèn)真核對。票物相符后,經(jīng)計控檢斤員檢斤填量,且雙方在入庫單上簽字蓋章后辦理入庫,同時登記建賬,入庫單轉(zhuǎn)合同科。合同科嚴(yán)格安排產(chǎn)合同的附表項目審核產(chǎn)成品入庫,對入庫單作入庫登賬,對不符合規(guī)定項目的入庫單不予辦理入庫手續(xù)。入庫合同票據(jù)要及時轉(zhuǎn)各公司,各公司確認(rèn)該發(fā)貨時,發(fā)貨票據(jù)要拿到綜合管理室進(jìn)行發(fā)出商品監(jiān)控,確認(rèn)是否應(yīng)該發(fā)貨(根據(jù)監(jiān)控管理規(guī)定)。經(jīng)綜合管理室審核可以發(fā)貨的票據(jù)交給合同科撥出并轉(zhuǎn)發(fā)貨科準(zhǔn)備發(fā)貨。

            2.系統(tǒng)需要完成的功能

            客戶的實際需求是通過銷售訂單進(jìn)入ERP銷售系統(tǒng)。訂單是根據(jù)獲取的客戶信息、交運信息、銷售項目以及其他注意事項建立的,其主要內(nèi)容有:訂單號、客戶代碼、訂單類型、訂單內(nèi)容、有關(guān)日期信息、有關(guān)交運的信息、與客戶有關(guān)的信息等。獵頭.發(fā)貨部門負(fù)責(zé)對所有的運單、發(fā)運報表等進(jìn)行制作和統(tǒng)計。發(fā)運所涉及的各種賬票和貨票的記錄都應(yīng)納入計算機管理,確保有關(guān)負(fù)責(zé)人能夠準(zhǔn)確地把握業(yè)務(wù)進(jìn)展情況,使領(lǐng)導(dǎo)能做出準(zhǔn)確的決策來控制整個系統(tǒng)的業(yè)務(wù)流轉(zhuǎn)。價格管理部門主要完成對發(fā)出產(chǎn)品、客戶訂單的劃價處理。系統(tǒng)應(yīng)提供維護(hù)多種價格信息的功能,所有價格協(xié)議及價格批示的內(nèi)容都要納入計算機管理。系統(tǒng)應(yīng)能隨時提供各種需求的實際銷售價格,對財務(wù)系統(tǒng)提出的要求,能夠提供工廠成本,以便算出銷售利潤。為了使整個銷售總公司的業(yè)務(wù)流程進(jìn)行得快捷、有效,起到真正意義上地提高管理水平的作用,因此開發(fā)基礎(chǔ)數(shù)據(jù)系統(tǒng)勢在必行。

            三、ERP環(huán)境下銷售管理系統(tǒng)的總體設(shè)計

            根據(jù)各個方面調(diào)研,本系統(tǒng)主要完成以下功能:銷售報價處理、系統(tǒng)維護(hù)、合同訂單管理、銷售訂單管理、銷售結(jié)算、發(fā)貨管理、銷售分析等功能。銷售子系統(tǒng)模塊劃分:

            1.系統(tǒng)維護(hù)模塊。本模塊包含的內(nèi)容主要有:

            客戶資料:提供按客戶分區(qū)域、分類管理客戶信息,每一客戶可定義多個送貨地址,多種付款方式。用戶管理:完成銷售系統(tǒng)用戶(操作員)的管理功能,包括操作員的分配、刪除、權(quán)限管理等。獵頭公司.日志管理:管理銷售系統(tǒng)操作員的操作日志,可以查詢、統(tǒng)計、刪除、打印操作員的操作日志,通過對這此日志的管理,及時發(fā)現(xiàn)并預(yù)防發(fā)生問題,主要是事后處理,防止抵賴,從而加強系統(tǒng)的安全性。

            2.銷售報價處理模塊。本模塊包含的內(nèi)容主要有錄入報價單、報價單修改、報價單審核、報價單查詢通過銷焦報價處理,使企業(yè)有效的對售前商務(wù)活動進(jìn)行監(jiān)控。支持多幣種的、多價格及帶有有效期的產(chǎn)品報價,可對每個客戶制定不同的銷售價格,具有多種方式的折扣處理。

            3.合同管理模塊。本模塊包含的內(nèi)容主要完成對合同簽訂相關(guān)信息的輸入、查詢、統(tǒng)計、校核,同時可以按客戶地區(qū)、類別等管理客戶訂貨合同的建立與變更,能準(zhǔn)確反映客戶各個時期的訂貨情況,有效地控制銷售訂單中的產(chǎn)品、數(shù)量、價格等信息。據(jù)此可以制定銷售計劃作為生產(chǎn)計劃制定的重要依據(jù)。

            4.銷售訂單管理模塊。本模塊主要包括銷售訂單的制定和訂單的實施管理,就其具體的實現(xiàn)形式而言,主要有以下幾種形式:

            銷售訂單錄入:錄入銷售訂單的詳細(xì)信息。

            銷售訂單下達(dá):訂單必須經(jīng)銷售主管批準(zhǔn)后,該訂單才最終生成,并可被打印或以文件附件形式發(fā)送郵件可自由設(shè)定起止日期和自動轉(zhuǎn)之生產(chǎn)、庫存等管理部門不同查看之需要,形成基本的全公司生產(chǎn)表。技術(shù)總監(jiān)獵頭.

            銷售訂單查詢:為了方便企業(yè)及時、快速地了解訂單的完成情況。包括拖期訂單查詢、訂單執(zhí)行情況查詢、未完結(jié)訂單的查詢??砂串a(chǎn)品統(tǒng)計訂單執(zhí)行情況、按客戶統(tǒng)計訂單執(zhí)行情況、按地區(qū)統(tǒng)計訂單執(zhí)行情況。

            5.銷售結(jié)算模塊。本模塊將入賬的訂單與沒有入賬訂單與財務(wù)掛接,提供客戶付款管理與跟蹤,客戶欠款的管理。另外,還包括出庫商品的確認(rèn)和銷售應(yīng)收款的確認(rèn)。

            6.發(fā)貨管理模塊。本模塊包含的內(nèi)容主要是根據(jù)訂單、客戶信用狀況、付款情況及庫存狀況制定產(chǎn)品出貨計劃。提供在一張?zhí)嶝泦蝺?nèi)可以開出同一客戶與提貨日期所訂的不同產(chǎn)品。銷售部門可以根據(jù)出貨計劃,對有關(guān)客戶訂單的生產(chǎn)、質(zhì)量檢查、包裝、運輸和報關(guān)等部門進(jìn)行監(jiān)督,跟蹤整個銷售單的完成情況,避免可能發(fā)生的訂單延誤,最大限度地保證客戶的利益和公司形象。

            7.銷售分析模塊。本模塊包含的內(nèi)容主要是任意期間票據(jù)匯總、任意期間應(yīng)收賬目匯總、應(yīng)收款資金占用分析、銷售合同完成情況報告、客戶訂貨統(tǒng)計報告(包括任意時間段客戶定貨金額統(tǒng)計、客戶歷年訂購統(tǒng)計、客戶歷月訂購統(tǒng)計)、產(chǎn)品流向報告(包括任意時間段產(chǎn)品統(tǒng)計表、產(chǎn)品歷年訂購統(tǒng)計、產(chǎn)品歷月訂購統(tǒng)計)、產(chǎn)品歷年銷售增長率分析、重點用戶定貨增長率分析。

            四、ERP環(huán)境下銷售管理系統(tǒng)的技術(shù)實現(xiàn)

            1.軟件的體系結(jié)構(gòu)選擇

            (1)C/S模式。技術(shù)管理獵頭.可分為兩層C/S模式和三層C/S模式,兩層C/S模式的基本工作方式是客戶向數(shù)據(jù)庫服務(wù)器發(fā)送SQL請求,服務(wù)器返回數(shù)據(jù)或結(jié)果。具體來講,又可以分為兩種實現(xiàn)方式,一種是由客戶來完成表示部分和業(yè)務(wù)邏輯部分,由服務(wù)器完成數(shù)據(jù)訪問部分;另一種以服務(wù)器為中心的,在這種情況下,把一些重要的業(yè)務(wù)邏輯部分放到服務(wù)器上,這樣可以充分利用服務(wù)器的計算能力,減少網(wǎng)絡(luò)上傳送的數(shù)據(jù)量,提高系統(tǒng)性能。三層C/S結(jié)構(gòu)將應(yīng)用的三部分(表示層、業(yè)務(wù)邏輯層、數(shù)據(jù)層)明確進(jìn)行分割,使其在邏輯上各自獨立,并且單獨加以實現(xiàn)。分別稱之為客戶、應(yīng)用服務(wù)器、數(shù)據(jù)庫服務(wù)器。與兩層C/S結(jié)構(gòu)相比,其應(yīng)用邏輯部分明確地劃分出來。三層C/S的體系結(jié)構(gòu)中,客戶是應(yīng)用的用戶接口部分,負(fù)責(zé)用戶與應(yīng)用程序的交互,它接受用戶的輸人和請求,將結(jié)果以適當(dāng)?shù)男问?如圖形、報表)返回給用戶。三層C/S結(jié)構(gòu)在硬件的實現(xiàn)上有兩種方式:一是客戶位于客戶機上,應(yīng)用服務(wù)器和數(shù)據(jù)庫服務(wù)器位于統(tǒng)一主機上;二是客戶位于客戶機上,應(yīng)用服務(wù)器和數(shù)據(jù)庫服務(wù)器位于不同的主機上。

            相比之下,兩層C/S結(jié)構(gòu)的主要有以下優(yōu)點:1)交互性強;2)系統(tǒng)通訊開銷小;3)有較強的數(shù)據(jù)操縱能力和事務(wù)處理能力;4)保證了數(shù)據(jù)的安全性和完整性。三層C/S模式具有安全性強、效率高、易于維護(hù)等特點,但是這種模式首期開發(fā)成本比較高,比較適合于開發(fā)大型分布式應(yīng)用系統(tǒng)。傳統(tǒng)的兩層C/S結(jié)構(gòu)實際上是一種“胖客戶機”、“瘦服務(wù)器”的網(wǎng)絡(luò)計算模式,而三層C/S結(jié)構(gòu)則是一種“瘦客戶機”、“胖服務(wù)器”的網(wǎng)絡(luò)計算模式。目前,流行的趨勢是客戶機更瘦,胖服務(wù)器更胖。

            (2)B/S模式。近年來,隨著Internet/Intranet和電子商務(wù)的迅速發(fā)展,B/S結(jié)構(gòu)得到了廣泛的應(yīng)用,它是一種以Web技術(shù)為基礎(chǔ)的新型網(wǎng)絡(luò)管理信息系統(tǒng)平臺模式,B/S結(jié)構(gòu)把傳統(tǒng)的兩層C/S中的服務(wù)器部分分為Web服務(wù)器和數(shù)據(jù)庫服務(wù)器,從而構(gòu)成一個三層結(jié)構(gòu)的客戶服務(wù)器體系。

            B/S結(jié)構(gòu)具有能夠保證其應(yīng)用的通用性和跨平臺性,并且系統(tǒng)安全性好、擴展性好、操作方便,界面友好,但其開發(fā)的難度較高,所應(yīng)用的技術(shù)有較大的集成。

            (3)B/S與C/S混合模式。顧名思義,就是在體系結(jié)構(gòu)上采用B/S與C/S的混合結(jié)構(gòu),既發(fā)揮傳統(tǒng)C/S模式成熟的技術(shù),又能借助Internet充分發(fā)揮B/S模式的先進(jìn)性,在規(guī)劃ERP系統(tǒng)時做到有的放矢,趨利避害,從而使ERP系統(tǒng)能夠有效地實現(xiàn)快速信息交流和信息共享。

            B/S與C/S混合模式的體系結(jié)構(gòu)如圖1所示。

            

            圖1 B/S與C/S混合模式

            B/S與C/S混合模式能綜合C/S模式與B/S模式的優(yōu)點,但此種模式的開發(fā)和應(yīng)用目前尚處在研究階段,未形成成熟的技術(shù)體系。獵頭網(wǎng).

            2.系統(tǒng)集成開發(fā)方法確定

            (1)應(yīng)用軟件客戶端開發(fā)工具選擇

            系統(tǒng)開發(fā)應(yīng)當(dāng)選擇一種易用、好用、能方便找尋變量以及具有強屬性補充性能的開發(fā)工具,這樣,開發(fā)一個新的系統(tǒng)才能事半功倍。本文所研究的銷售子系統(tǒng)開發(fā)采用PowerBuilder6.5作為其應(yīng)用軟件的客戶端開發(fā)工具。PowerBuilder(簡稱PB)是美國Power Soft公司開發(fā)的客戶機服務(wù)器應(yīng)用程序開發(fā)工具,它所采用的圖形用戶界面使得程序員能夠快速容易地開發(fā)出相互獨立的對象,而這些對象可供其他程序員共享或重復(fù)使用。作為專門的數(shù)據(jù)庫應(yīng)用系統(tǒng)開發(fā)工具,PB在C/S結(jié)構(gòu)的管理軟件開發(fā)中表現(xiàn)出眾,深得用戶青睞。作為一種面向?qū)ο蟮木幊坦ぞ?,PB很好地具備了繼承性、多態(tài)性和封裝性這三個基本特性。

            (2)后臺數(shù)據(jù)庫及操作環(huán)境選擇

            系統(tǒng)據(jù)庫管理系統(tǒng),它使用相關(guān)的命令語句在服務(wù)器和客戶機之間傳送請示和回應(yīng)。在一般的Windows體系下,中小型企業(yè)的應(yīng)用都使用SQL Server,為SQL Server支持存儲、觸發(fā)器、自定義函數(shù)等操作;其安全性、并發(fā)控制能力、數(shù)據(jù)挖掘、聯(lián)機操作等方面是別的數(shù)據(jù)庫平臺無法超越的。對應(yīng)于SQL Server的數(shù)據(jù)處理語言即為SQL。每個數(shù)據(jù)庫管理系統(tǒng)都需要自己的數(shù)據(jù)處理語言(DML),但所有的DML都是由同一種語言,即SQL語言發(fā)展而來的。SQL即結(jié)構(gòu)化查詢語言(Structured Query Language),是一個被廣泛采用的工業(yè)標(biāo)準(zhǔn),該標(biāo)準(zhǔn)包括數(shù)據(jù)定義、數(shù)據(jù)操縱、數(shù)據(jù)管理、存取保護(hù)、事務(wù)控制等。

          posted @ 2011-09-04 08:18 王豪 閱讀(534) | 評論 (0)編輯 收藏
               摘要: jquery 操作函數(shù)和方法  閱讀全文
          posted @ 2011-08-31 19:43 王豪 閱讀(374) | 評論 (0)編輯 收藏
          1. jquery 操作checkbox
          2. function checkAll()   
          3. {   
          4.    $('input[type="checkbox"][name="item"]').attr("checked"true);   
          5.                        
          6.    // $('[name="item"]:checkbox').attr("checked", true);   
          7. }  
          Js代碼  
          1. function checkFootball()   
          2. {   
          3.    $("[name='item']:checkbox").each(function() {   
          4.        if (this.value == 'football')   
          5.        {   
          6.           this.checked = true;   
          7.        }   
          8.    })      
          9. }  
          posted @ 2011-08-31 19:40 王豪 閱讀(203) | 評論 (0)編輯 收藏

          自定義函數(shù)

           

          用戶定義自定義函數(shù)像內(nèi)置函數(shù)一樣返回標(biāo)量值,也可以將結(jié)果集用表格變量返回

          用戶自定義函數(shù)的類型:

          標(biāo)量函數(shù):返回一個標(biāo)量值

          表格值函數(shù){內(nèi)聯(lián)表格值函數(shù)、多表格值函數(shù)}:返回行集(即返回多個值)

          1、標(biāo)量函數(shù)

          Create function 函數(shù)名(參數(shù))

          Returns 返回值數(shù)據(jù)類型

          [with {Encryption | Schemabinding }]

          [as]

          begin

          SQL語句(必須有return 變量或值)

          End

          Schemabinding :將函數(shù)綁定到它引用的對象上(注:函數(shù)一旦綁定,則不能刪除、修改,除非刪除綁定)

          Create function AvgResult(@scode varchar(10))

          Returns real

          As

          Begin

             Declare @avg real

             Declare @code varchar(11)

             Set @code=@scode + ‘%’

             Select @avg=avg(result) from LearnResult_baijiali

          Where scode like @code

          Return @avg

          End

          執(zhí)行用戶自定義函數(shù)

          select 用戶名。函數(shù)名 as 字段別名

          select dbo.AvgResult(‘s0002’) as result

          用戶自定義函數(shù)返回值可放到局部變量中,用set ,select,exec賦值

          declare @avg1 real ,@avg2 real ,@avg3 real

          select @avg1= dbo.AvgResult(‘s0002’)

          set @avg2= dbo.AvgResult(‘s0002’)

          exec @avg3= dbo.AvgResult ‘s0002’

          select @avg1 as avg1 ,@avg2 as avg2 ,@avg3 as avg3

          函數(shù)引用

          create function code(@scode varchar(10))

          returns varchar(10)

          as

          begin

          declare @ccode varchar(10)

          set @scode = @scode + ‘%’

          select @ccode=ccode from cmessage

             where ccode like @scode

          return @ccode

          end

          select name from class where ccode = dbo.code(‘c001’)

          2、表格值函數(shù)

          a、 內(nèi)聯(lián)表格值函數(shù)

          格式:

          create function 函數(shù)名(參數(shù))

          returns table

          [with {Encryption | Schemabinding }]

          as

          return(一條SQL語句)

          create function tabcmess(@code varchar(10))

          returns table

          as

          return(select ccode,scode from cmessage where ccode like @ccode)

          b、 多句表格值函數(shù)

             create function 函數(shù)名(參數(shù))

             returns 表格變量名table (表格變量定義)

             [with {Encryption | Schemabinding }]

          as

             begin

              SQL語句

             end

          多句表格值函數(shù)包含多條SQL語句,至少有一條在表格變量中填上數(shù)據(jù)值

          表格變量格式

          returns @變量名 table (column 定義| 約束定義 [,…])

          對表格變量中的行可執(zhí)行select,insert,update,delete , 但select into 和 insert 語句的結(jié)果集是從存儲過程插入。

          Create function tabcmessalot (@code varchar(10))

          Returns @ctable table(code varchar(10) null,cname varchar(100) null)

          As

          Begin

          Insert @ctable

          Select ccode,explain from cmessage

          Where scode like @code

          return

          End

          Select * from tabcmessalot(‘s0003’)

          posted @ 2011-08-25 17:09 王豪 閱讀(2667) | 評論 (0)編輯 收藏
          { items: [{ xtype: 'textfield', id: 'txtKeys', fieldLabel: '快速查找', width: 150, style: "margin-top:1px;",
          listeners: { focus: function() { $("#txtKeys").select(); } }}
          ] },
          posted @ 2011-08-24 14:24 王豪 閱讀(1262) | 評論 (1)編輯 收藏

          list-style-type : disc | circle | square | decimal | lower-roman | upper-roman | lower-alpha | upper-alpha | none | armenian | cjk-ideographic | georgian | lower-greek | hebrew | hiragana | hiragana-iroha | katakana | katakana-iroha | lower-latin | upper-latin 取值:
          disc :  CSS1 默認(rèn)值。實心圓
          circle :  CSS1 空心圓
          square :  CSS1 實心方塊
          decimal :  CSS1 阿拉伯?dāng)?shù)字
          lower-roman :  CSS1 小寫羅馬數(shù)字
          upper-roman :  CSS1 大寫羅馬數(shù)字
          lower-alpha :  CSS1 小寫英文字母
          upper-alpha :  CSS1 大寫英文字母
          none :  CSS1 不使用項目符號
          li 樣式|li去掉實心圓樣式

          li{
          list-style-type :none;
          }

          posted @ 2011-08-24 13:59 王豪 閱讀(1089) | 評論 (0)編輯 收藏
              <style>
                      .classTyle
                      {
                      width:175px;
                      margin-left:0px;
                      }
                      .classTyle li
                      {
                      width:175px;
                      float:left;
                          list-style-type :none;
                      }
                        .classPro
                      {
                      width:825px;
                      margin-left:0px;
                      }
                      .classPro li
                      {
                      width:165px;
                      float:left;
                          list-style-type :none;
                      }
                 
                  </style> 

          <ul  class="classPro">
                  <li>
            <a href="putongxing-wadou.html"><img src="images/putongxing-wadou.jpg" alt="普通型挖斗" width="144" height="117" class="pic-border" border="0" /></a>
                  <br/>
                  <a href="putongxing-wadou.html" class="pronav" title="普通型挖斗">普通型挖斗</a>
                  </li>
                  <li>  <a href="putongxing-wadou.html"><img src="images/putongxing-wadou.jpg" alt="普通型挖斗" width="144" height="117" class="pic-border" border="0" /></a>
                  <br/>
                  <a href="putongxing-wadou.html" class="pronav" title="普通型挖斗">普通型挖斗</a></li>
                   <li>  <a href="putongxing-wadou.html"><img src="images/putongxing-wadou.jpg" alt="普通型挖斗" width="144" height="117" class="pic-border" border="0" /></a>
                  <br/>
                  <a href="putongxing-wadou.html" class="pronav" title="普通型挖斗">普通型挖斗</a></li>
                   <li>  <a href="putongxing-wadou.html"><img src="images/putongxing-wadou.jpg" alt="普通型挖斗" width="144" height="117" class="pic-border" border="0" /></a>
                  <br/>
                  <a href="putongxing-wadou.html" class="pronav" title="普通型挖斗">普通型挖斗</a></li>
                   <li>  <a href="putongxing-wadou.html"><img src="images/putongxing-wadou.jpg" alt="普通型挖斗" width="144" height="117" class="pic-border" border="0" /></a>
                  <br/>
                  <a href="putongxing-wadou.html" class="pronav" title="普通型挖斗">普通型挖斗</a></li>
                   <li>  <a href="putongxing-wadou.html"><img src="images/putongxing-wadou.jpg" alt="普通型挖斗" width="144" height="117" class="pic-border" border="0" /></a>
                  <br/>
                  <a href="putongxing-wadou.html" class="pronav" title="普通型挖斗">普通型挖斗</a></li>
                   <li>  <a href="putongxing-wadou.html"><img src="images/putongxing-wadou.jpg" alt="普通型挖斗" width="144" height="117" class="pic-border" border="0" /></a>
                  <br/>
                  <a href="putongxing-wadou.html" class="pronav" title="普通型挖斗">普通型挖斗</a></li>
                   <li>  <a href="putongxing-wadou.html"><img src="images/putongxing-wadou.jpg" alt="普通型挖斗" width="144" height="117" class="pic-border" border="0" /></a>
                  <br/>
                  <a href="putongxing-wadou.html" class="pronav" title="普通型挖斗">普通型挖斗</a></li>
                   <li>  <a href="putongxing-wadou.html"><img src="images/putongxing-wadou.jpg" alt="普通型挖斗" width="144" height="117" class="pic-border" border="0" /></a>
                  <br/>
                  <a href="putongxing-wadou.html" class="pronav" title="普通型挖斗">普通型挖斗</a></li>
                   <li>  <a href="putongxing-wadou.html"><img src="images/putongxing-wadou.jpg" alt="普通型挖斗" width="144" height="117" class="pic-border" border="0" /></a>
                  <br/>
                  <a href="putongxing-wadou.html" class="pronav" title="普通型挖斗">普通型挖斗</a></li>
                  </ul>
          posted @ 2011-08-24 13:54 王豪 閱讀(197) | 評論 (0)編輯 收藏

          var viewport = new Ext.Viewport({

                              layout: 'border',

                              items: [

                new Ext.BoxComponent({

                    region: 'north',

                    el: 'north-div',

                   // tbar: tb,

                    height: 26

                }),

                new Ext.tree.TreePanel({

                    region: 'west',

                    contentEl: 'west-div',

                    title: '樹列表',

                    split: true,

                    width: 200,

                    minSize: 175,

                    maxSize: 400,

                    collapsible: true,

                    margins: '0 0 0 0',

                    root: root

                }),

                {

                    region: 'center',

                    layout: 'border',

                    items: [

                              new Ext.grid.GridPanel({

                                  region: 'center',

                                  el: 'center-center',

                                  title: '條目列表',

                                //  ds: ds,

                                 // cm: colModel,

                                  autoScroll: true

                              }),

                              {

                                  region: 'south',

                                  contentEl: 'center-south',

                                  title: '內(nèi)容',

                                  split: true,

                                  collapsible: true,

                                  titlebar: true,

                                  height: 200,

                                  minSize: 100,

                                  maxSize: 400,

                                  collapsedTitle: '內(nèi)容'

                              }

                       ]

                },

                new Ext.BoxComponent({

                    region: 'south',

                    el: 'south-div',

                    height: 24

                })

            ]

                          });

            <div id="north-div"><div id='toolbar-div'></div></div>

            <div id="west-div"></div>

                <div id='center-center'></div>

                <div id='center-south'></div>

            <div id="south-div">狀態(tài)欄</div>

           

          posted @ 2011-08-24 11:02 王豪 閱讀(641) | 評論 (1)編輯 收藏
           使用select()方法
          例子:
          document.getElementById("idTxt").select();
          posted @ 2011-08-23 17:47 王豪 閱讀(221) | 評論 (0)編輯 收藏

           <style>
           ul{width:500px;}
           ul li{width:50px;float:left;}
          </style>
          </head>


          <body>
          <ul>
          <li>test1</li>
          <li>test2</li>
          <li>test3</li>
          <li>test4</li>
          <li>test5</li>
          <li>test6</li>
          <li>test</li>
          <li>test</li>
          <li>test</li>
          <li>test</li>
          <li>test</li>
          <li>test</li>
          <li>test</li>
          <li>test</li>
          </ul>

          posted @ 2011-08-23 17:30 王豪 閱讀(457) | 評論 (0)編輯 收藏
          axure 制作樣圖工具
          axure rp
          posted @ 2011-08-22 16:11 王豪 閱讀(261) | 評論 (0)編輯 收藏
          excel 格式刷 使用多次
          雙擊格式刷 選擇單元格 刷一次 然后單擊下一個單元格 
          可以使用多次
          posted @ 2011-08-22 15:54 王豪 閱讀(288) | 評論 (0)編輯 收藏
               摘要:   閱讀全文
          posted @ 2011-08-03 13:17 王豪 閱讀(384) | 評論 (0)編輯 收藏
          ext 教程手冊下載
          http://www.aygfsteel.com/Files/niudan/ext-jiaocheng.rar
          posted @ 2011-08-03 13:14 王豪 閱讀(214) | 評論 (0)編輯 收藏
          ext3.0 api下載|ext3.0使用手冊
          http://www.aygfsteel.com/Files/niudan/ext-api3.0.part1.rar
          http://www.aygfsteel.com/Files/niudan/ext-api3.0.part2.rar
          posted @ 2011-08-03 13:13 王豪 閱讀(546) | 評論 (0)編輯 收藏
          ExtJS是一種主要用于創(chuàng)建前端用戶界面,是一個與后臺技術(shù)無關(guān)的前端ajax框架。   功能豐富,無人能出其右。  
           無論是界面之美,還是功能之強,ext的表格控件都高居榜首。  
           單選行,多選行,高亮顯示選中的行,推拽改變列寬度,按列排序,這些基本功能咱們就不提了。   
          自動生成行號,支持checkbox全選,動態(tài)選擇顯示哪些列,支持本地以及遠(yuǎn)程分頁,可以對單元格按照自己的想法進(jìn)行渲染,這些也算可以想到的功能。
            再加上可編輯grid,添加新行,刪除一或多行,提示多行數(shù)據(jù),推拽改變grid大小,grid之間拖拽一或多行,
          甚至可以在tree和grid之間進(jìn)行拖拽,啊,這些功能實在太神奇了。更令人驚嘆的是,這些功能竟然都在ext表格控件里實現(xiàn)了。   
          其實從ext3開始就支持各種方式的統(tǒng)計,且有控件支持excel導(dǎo)出
          http://www.aygfsteel.com/Files/niudan/ext2.0.2.part1.rar
          http://www.aygfsteel.com/Files/niudan/ext2.0.2.part2.rar
          posted @ 2011-08-03 13:11 王豪 閱讀(1147) | 評論 (1)編輯 收藏
          /*功能函數(shù)*/
          function UrlSearch(item) {
              var svalue = location.search.match(new RegExp("[\?\&]" + item + "=([^\&]*)(\&?)", "i"));
              return svalue ? svalue[1] : svalue;
          }
          posted @ 2011-07-27 14:28 王豪 閱讀(533) | 評論 (1)編輯 收藏

          JSON Format: For library writers

          The data must be in JSON format. The basic JSON obect is:

          {}
          Put all other objects inside this. For example the JSON object with a title looks like this:
          { "title":{ "text": "Many data lines",
           "style": "{font-size: 20px; color:#0000ff; font-family: Verdana; text-align: center;}" } }

          Title (optional)

          All attributes are optional.
          text: string, the title
          style: string, the CSS style

          Example:

          { "title":{ "text": "Many data lines", 
          "style": "{font-size: 20px; color:#0000ff; font-family: Verdana; text-align: center;}" } }

          Y Legend (optional)

          All attributes are optional.
          text: string, the title for the Y axis
          style: string, a CSS string

          Example:

          { "y_legend":{ "text": "Open Flash Chart", "style": "{color: #736AFF; font-size: 12px;}" } }

          X Axis (optional)

          This object is optional, if it is not present the chart will show a default X axis.
          All attributes are optional.
          stroke : number, the width of the line
          tick-height : number, the height of the ticks
          colour : string, the colour of the line
          offset: boolean, x axis min (usually 0) is offset, used in bar charts
          grid-colour: string, colour of the grid lines
          3d: boolean, is it 3D
          steps: show every n ticks
          labels: array of strings, the labels of each X point

          Example:

          { "x_axis":{ "stroke": 1, "tick_height": 10, "colour": "#d000d0", "grid_colour": "#00ff00",
           "labels": ["January","February","March","April","May","June","July","August","Spetember"] } }

          Y Axis optional

          This object is optional, if it is not present the chart will show a default Y axis.
          All attributes are optional.

          Example:

          { "y_axis":{ "stroke": 4, "tick_length": 3, "colour": "#d000d0", "grid_colour": "#00ff00", "offset": 0, "max": 20 } }

          Elements

          The elements attribute is an array of generic objects.
          Each object is the type of chart (line, bar, scatter etc.)

          Example:

          { "elements":[ { "type": "bar", "alpha": 0.5, "colour": "#9933CC", "text": "Page views", "font-size": 10, 
          "values" : [9,6,7,9,5,7,6,9,7] },
           { "type": "bar", "alpha": 0.5, "colour": "#CC9933", "text": "Page views 2", "font-size": 10, 
          "values" : [9,6,7,9,5,7,6,9,7] } ] }

          Elements.bar

          A bar chart. Must be inside the elements array.

          type: string, must be 'bar'
          alpha: number, between 0 (transparent) and 1 (opaque)
          colour: string, CSS colour
          text: string, the key
          font-size: number, size of the key text
          values: array of numbers, height of each bar

          Example:

          { "elements":[ { "type": "bar", "alpha": 0.5, "colour": "#9933CC", "text": 
          "Page views", "font-size": 10, "values" : [9,6,7,9,5,7,6,9,7] } ] }

          Elements.pie

          A pie chart. Must be inside the elements array.

          type: string, must be 'pie'
          start-angle: number, the angle of the first pie slice
          colours: array of strings, CSS colour
          alpha: number, between 0 (transparent) and 1 (opaque)
          stroke: number, the outline width
          animate: boolean, animate the pie chart
          values: array of objects, value of each pie slice. May be a number or a slice object

          Example:

          { "elements":[ { "type": "pie", "start-angle": 180, "colours": 
          ["#d01f3c","#356aa0","#C79810","#73880A","#D15600","#6BBA70"], "alpha": 0.6, "stroke": 2, "animate": 1, 
          "values" : [0,2,{"value":0,"text":"zero"},2,6] } ] }

          Elements.hbar

          Horizontal Bar chart

          values: array of objects. Each value must have a "right" and an optional "left" value

          Example:

          { "elements":[ { "type": "hbar", "colour": "#9933CC", "text": "Page views", "font-size": 10,
           "values" : [{"right":10},{"right":15},{"left":13,"right":17}] } ] }

          Elements.line_dot

          Line chart

          values: Array of numbers:

          Example: { "elements":[ { "type": "line_dot", "colour": "#736AFF", 
          "text": "Avg. wave height (cm)", "font-size": 10, "width": 2, "dot-size": 4,
           "values" : [1.5,1.69,1.88,2.06,2.21,2.34,null,2.35,2.23,2.08] } ] }

          Elements.line*

          Just a quick note of the 3 different line types:

          Example:

          { "title":{ "text":"Many data lines", "style":"{font-size: 30px;}" }, 
          "y_legend":{ "text":"Open Flash Chart", "style":"{font-size: 12px; color:#736AFF;}" }, 
          "elements":[ { "type": "line", "colour": "#9933CC", "text": "Page views", "width": 2, 
          "font-size": 10, "dot-size": 6, "values" : [15,18,19,14,17,18,15,18,17] },
           { "type": "line_dot", "colour": "#CC3399", "width": 2, "text": "Downloads", "font-size": 10, "dot-size": 5, 
          "values" : [10,12,14,9,12,13,10,13,12] }, { "type": "line_hollow", "colour": "#80a033", "width": 2, "text": 
          "Bounces", "font-size": 10, "dot-size": 6, "values" : [5,7,9,7,4,6,1,2,5] } ], "y_axis":{ "max": 20 }, 
          "x_axis":{ "steps": 2, "labels": ["January","February","March","April","May","June","July","August","September"] } }

          Examples

          Here is a simple JSON object that contains a horizontal bar chart:

          { "title":{ "text":"HBar Map X values", "style":"{font-size: 20px; font-family: Verdana; text-align: center;}" },
           "elements":[ { "type": "hbar", "colour": "#9933CC", "text": "Page views", "font-size": 10, 
          "values" : [{"right":10},{"right":15},{"left":13,"right":17}] } ], 
          "x_axis":{ "min": 0, "max": 20, "offset": 0, 
          "labels": ["a","b","c","d","e","f","g","h","i","j","k","l","m","n","o","p","q","r","s","t","u","v"] },
           "y_axis":{ "stroke": 14, "tick_length": 30, "colour": "#d09090", "grid_colour": "#00ff00", "offset": 1, 
          "labels": ["slashdot.org","digg.com","reddit.com"] } }
          posted @ 2011-07-27 11:41 王豪 閱讀(437) | 評論 (0)編輯 收藏
            $.post("/ajax.ashx",{suggest:txt},function(result){
              $("span").html(result);
            });

          jquery post ajax 例子
          posted @ 2011-07-24 17:54 王豪 閱讀(336) | 評論 (0)編輯 收藏
          ^(\d+)(\.\d{1})?$
          正則表達(dá)式 1位小數(shù)
          多位小數(shù)驗證
          ^(\d+)(\.\d{1,})?$
          posted @ 2011-07-15 17:33 王豪 閱讀(2258) | 評論 (0)編輯 收藏
          Extjs.form.TextField的默認(rèn)在輸入框后面是不能加入文字。在網(wǎng)上找到此方法以備查用。
          在頁面中引入此段js代碼
          Ext.override(Ext.form.TextField, {   
                        unitText : '',   
                        onRender : function(ct, position) {   
                      Ext.form.TextField.superclass.onRender.call(this, ct, position);   
                          // 如果單位字符串已定義 則在后方增加單位對象   
                      if (this.unitText != '') {   
                        this.unitEl = ct.createChild({   
                          tag : 'div',   
                          html : this.unitText   
                       });   
                        this.unitEl.addClass('x-form-unit');   
                            // 增加單位名稱的同時 按單位名稱大小減少文本框的長度 初步考慮了中英文混排 未考慮為負(fù)的情況   
                        this.width = this.width - (this.unitText.replace(/[^\x00-\xff]/g, "xx").length * 6 + 2);   
                            // 同時修改錯誤提示圖標(biāo)的位置   
                        this.alignErrorIcon = function() {   
                        this.errorIcon.alignTo(this.unitEl, 'tl-tr', [2, 0]);   
                        };   
                      }   
                        }   
                  })  
          再加入些樣式
          <style>
                  .x-form-unit {  
                      height: 22px;  
                      line-height: 22px;  
                      padding-left: 2px;  
                      display: inline-block;  
                      display: inline;  
                  } 
              </style>


          posted @ 2011-07-14 11:28 王豪 閱讀(565) | 評論 (0)編輯 收藏

          <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "<html xmlns="<head>
          <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
          <title>無標(biāo)題文檔</title>
          <script type="text/javascript" src="../lib/jquery.js"></script>
          <script type='text/javascript' src='../jquery.autocomplete.js'></script>
          <link rel="stylesheet" type="text/css" href="../jquery.autocomplete.css" />
          <script type="text/javascript">
          $(document).ready(function() {
           $("#tags").autocomplete(["c++", "java", "php", "coldfusion", "javascript", "asp", "ruby", "python", "c", "scala", "groovy", "haskell", "pearl"], {
            width: 320,
            max: 4,
            highlight: false,
            multiple: true,
            multipleSeparator: " ",
            scroll: true,
            scrollHeight: 300
           });
           
            $("#imageSearch").autocomplete("data.html", {
            width: 320,
            max: 40,
            highlight: false,
            scroll: true,
            scrollHeight: 300,
            formatItem: function(data, i, n, value) {
             return "<img src='images/" + value + "'/> " + data+'-'+'-'+i+'-'+n+'-'+value+'-'+value.split(".")[0];
            },
            formatResult: function(data, value) {
             return value.split(".")[0];
            }
           });
           
           });
          </script>
          </head>

          <body>
          <input type="text" id='tags' />
          <br />
          <input type="text" id='imageSearch' />
          </body>
          </html>

          將 html div 加載成ext的panel
           { contentEl: 'IDLog' }
          posted @ 2011-07-06 14:01 王豪 閱讀(269) | 評論 (0)編輯 收藏
          var date = new Date(2011,7,1);
          var date2 = new Date(2011,7,2);
          var hour = (date2-date)/(1000*3600);
          posted @ 2011-07-05 17:23 王豪 閱讀(515) | 評論 (0)編輯 收藏
          js 獲取剪貼板內(nèi)容
          window.clipboardData.getData('text')
          posted @ 2011-07-01 11:54 王豪 閱讀(314) | 評論 (0)編輯 收藏
          js 復(fù)制文本 設(shè)置復(fù)制內(nèi)容 設(shè)置剪貼板內(nèi)容
          window.clipboardData.setData("Text", value)
          posted @ 2011-07-01 11:32 王豪 閱讀(256) | 評論 (0)編輯 收藏
           function newGuid() {
                  var guid = "";
                  for (var i = 1; i <= 32; i++) {
                      var n = Math.floor(Math.random() * 16.0).toString(16);
                      guid += n;
                      if ((i == 8) || (i == 12) || (i == 16) || (i == 20))
                          guid += "-";
                  }
                  return guid;
              }
          posted @ 2011-06-28 11:48 王豪 閱讀(856) | 評論 (0)編輯 收藏
          手機內(nèi)存卡 測試讀寫速度軟件
          http://files.cnblogs.com/wangdetian168/MyDiskTest.rar
          posted @ 2011-06-12 23:11 王豪 閱讀(556) | 評論 (0)編輯 收藏
          posted @ 2011-06-11 18:00 王豪 閱讀(261) | 評論 (0)編輯 收藏
          僅列出標(biāo)題
          共3頁: 上一頁 1 2 3 下一頁 

          常用鏈接

          留言簿

          隨筆分類

          隨筆檔案

          搜索

          •  

          最新評論

          閱讀排行榜

          評論排行榜

          主站蜘蛛池模板: 建德市| 信宜市| 洪湖市| 彰武县| 桐乡市| 廊坊市| 前郭尔| 鱼台县| 白朗县| 海盐县| 五莲县| 文山县| 同德县| 镇坪县| 岳池县| 察雅县| 泽普县| 红河县| 洛浦县| 青海省| 武安市| 兰坪| 西乡县| 清镇市| 清流县| 富锦市| 渭源县| 宜丰县| 轮台县| 阳新县| 通辽市| 金堂县| 张家口市| 黔东| 余干县| 湘潭市| 贵阳市| 尉犁县| 东乌| 米泉市| 泾川县|