本發(fā)明涉及界面生成方法領(lǐng)域，具體涉及一種基于saas的用戶界面生成方法。
背景技術(shù)：
saas即software-as-a-service的簡稱，隨著互聯(lián)網(wǎng)技術(shù)的發(fā)展和應(yīng)用軟件的成熟，在21世紀開始興起的一種完全創(chuàng)新的軟件應(yīng)用模式。它是一種通過internet提供軟件的模式，廠商將應(yīng)用軟件統(tǒng)一部署在自己的服務(wù)器上，客戶可以根據(jù)自己實際需求，通過互聯(lián)網(wǎng)向廠商定購所需的應(yīng)用軟件服務(wù)，按定購的服務(wù)多少和時間長短向廠商支付費用，并通過互聯(lián)網(wǎng)獲得廠商提供的服務(wù)。用戶不用再購買軟件，而改用向提供商租用基于web的軟件，來管理企業(yè)經(jīng)營活動，且無需對軟件進行維護，服務(wù)提供商會全權(quán)管理和維護軟件，軟件廠商在向客戶提供互聯(lián)網(wǎng)應(yīng)用的同時，也提供軟件的離線操作和本地數(shù)據(jù)存儲，讓用戶隨時隨地都可以使用其定購的軟件和服務(wù)。
現(xiàn)有的頁面生成，其相應(yīng)的工程問題必須由工程師完成，科研人員、工程師需要付出大量精力。
技術(shù)實現(xiàn)要素：
本發(fā)明為了解決上述技術(shù)問題提供一種基于saas的用戶界面生成方法。
本發(fā)明通過下述技術(shù)方案實現(xiàn)：
一種基于saas的用戶界面生成方法，包括以下步驟，
a、根據(jù)第三方程序運行所需要的參數(shù)，提煉出界面的配置文件，并生成界面配置文檔的樹形數(shù)據(jù)結(jié)構(gòu)；
b、將配置文件上傳到localstorage；
c、采用javascript技術(shù)解析配置文件，生成用戶界面；
d、待用戶完成參數(shù)的設(shè)置后，生成運行程序的配置文檔；
e、啟動第三方進行云計算。
本發(fā)明的界面生成方案基于saas并結(jié)合目前得到廣泛關(guān)注的云計算技術(shù)，將相關(guān)程序集成在一個友好的web界面下，提供各種功能，可大量節(jié)省科研人員、工程師的精力。將數(shù)據(jù)-視圖解耦，能夠根據(jù)要求在配置文檔中加入用戶自定義字段，不用編寫額外的界面代碼，可作為快速生成界面的標準件使用，大大節(jié)省科研人員、工程師的精力。
作為優(yōu)選，所述步驟c具體為：采用javascript技術(shù)解析和再加工配置文件，重現(xiàn)出配置文件中生成界面的信息，該信息包括菜單列表以及對應(yīng)的詳細參數(shù)，每條參數(shù)的數(shù)據(jù)類型，標簽名，默認值，描述；將這些數(shù)據(jù)信息，通過html5和css生成界面表單，界面按照數(shù)據(jù)類型分別生成界面組件。
作為優(yōu)選，所述用戶界面包括文本框、下拉框、單選框、多選框、復(fù)選框、用戶的交互邏輯。
作為優(yōu)選，用戶在設(shè)置參數(shù)時，還包括對數(shù)據(jù)合法性驗證，并依據(jù)數(shù)據(jù)類型驗證數(shù)據(jù)的合法性。
作為優(yōu)選，所述配置文檔包括用來生成主菜單的block和用來生成詳細參數(shù)的parameter。
本發(fā)明與現(xiàn)有技術(shù)相比，具有如下的優(yōu)點和有益效果：
本發(fā)明基于saas并結(jié)合目前得到廣泛關(guān)注的云計算技術(shù)，將相關(guān)程序集成在一個友好的web界面下，提供各種功能，可大量節(jié)省科研人員、工程師的精力，并將數(shù)據(jù)-視圖解耦，能夠根據(jù)要求在配置文檔中加入用戶自定義字段，不用編寫額外的界面代碼，可作為快速生成界面的標準件使用，大大節(jié)省科研人員、工程師的精力。
具體實施方式
為使本發(fā)明的目的、技術(shù)方案和優(yōu)點更加清楚明白，下面結(jié)合實施例，對本發(fā)明作進一步的詳細說明，本發(fā)明的示意性實施方式及其說明僅用于解釋本發(fā)明，并不作為對本發(fā)明的限定。
實施例
一種基于saas的用戶界面生成方法，包括以下步驟，
a、根據(jù)第三方程序運行所需要的參數(shù)，提煉出界面的json配置文件，并生成界面配置文檔的json樹形數(shù)據(jù)結(jié)構(gòu)，其包含了生成界面所需要的信息；
b、用戶打開頁面，后臺通過web通信技術(shù)，將配置文件上傳到localstorage；
c、前端的采用javascript技術(shù)解析配置文件，重現(xiàn)出文檔結(jié)構(gòu)中生成界面的信息，包括主菜單列表以及對應(yīng)的詳細參數(shù)、每條參數(shù)的數(shù)據(jù)類型、標簽名、默認值、描述等信息；將這些數(shù)據(jù)信息，通過html5和css生成界面表單，界面按照數(shù)據(jù)類型分別生成文本框；下拉菜單；單選框；復(fù)選框等界面組件；
d、用戶在界面通過點擊、新建、刪除、重置、復(fù)原操作，完成參數(shù)的設(shè)置，并通過數(shù)據(jù)類型驗證數(shù)據(jù)的合法性，對非法操作進行警告；完成表單填寫，并且驗證所有操作合法之后，通過ajax，傳入后臺，生成運行程序的配置文檔；
e、啟動第三方進行云計算。
界面配置文檔采用json樹形數(shù)據(jù)結(jié)構(gòu)，配置文檔由block和parameter兩部分組成，block用來生成主菜單，parameter用來生成詳細參數(shù)。每個參數(shù)有name，text，type，description，required，default，option七個字段表述。
name是當前參數(shù)的名稱，
text是該參數(shù)在頁面上所顯示的標簽，
type為數(shù)據(jù)類型，并對數(shù)據(jù)進行有效性判斷type可選擇int,real,string,list,checkbox,radiobox,對應(yīng)生成的界面組。
description為鼠標懸停時對參數(shù)的提示，增強用戶體驗。
required表征該數(shù)據(jù)是否必須填寫，
default是該數(shù)據(jù)的默認值，表示用戶不填寫該參數(shù)時，參數(shù)取默認值。
option是該數(shù)據(jù)的可選項，用來生成下拉菜單。
通過javascript程序解析參數(shù)配置文檔，自動生成界面。
當用戶需要增加參數(shù)時，按照上述表述增加參數(shù)字段，即自動生成界面。
以上所述的具體實施方式，對本發(fā)明的目的、技術(shù)方案和有益效果進行了進一步詳細說明，所應(yīng)理解的是，以上所述僅為本發(fā)明的具體實施方式而已，并不用于限定本發(fā)明的保護范圍，凡在本發(fā)明的精神和原則之內(nèi)，所做的任何修改、等同替換、改進等，均應(yīng)包含在本發(fā)明的保護范圍之內(nèi)。