頁面自動產生工具設計

標籤：頁面自動產生工具設計

頁面自動產生工具設計1功能概述1.1使用術語頁面自動產生工具：自訂查詢條件以及資料顯示的一種頁面產生工具
1.2功能說明頁面自動產生工具是按照工程人員的需求定義查詢條件以及資料顯示方式的一種工具，資料顯示可以用表格和圖表的方式：查詢統計以表格的方式顯示資料，趨勢頁面以圖表方式顯示頁面。
1.2.1查詢統計頁面查詢統計頁面的設定如：
 
"設定資料集"：整個查詢統計顯示資料的完整sql語句。
"查詢條件設定":寫完sql語句後點擊"設定查詢條件"按鈕，將sql語句中的參數帶入條件設定中。其中"顯示順序"確定了在產生的頁面中該條件顯示的順序;"參數名稱"對應sql中的參數;"參數顯示名稱"確定該參數在查詢統計頁面上的提示名稱;"控制項類型"可以確定該參數在頁面上的控制項(文字框，時間框，下拉框),控制項類型會在1.2.4節中說明。
"顯示設定":控制sql查詢出的資料有哪些列需要顯示。" 是否顯示"控制該列是否顯示；"列名稱"對應資料列，"列顯示名稱"控制該列顯示的列頭。
"儲存":點擊"儲存"按鈕，會把頁面的資訊才存入資料庫以便下次讀取。
"預覽":點擊"預覽"可以查看上面的版面設定是否正確。
最終產生的頁面效果如下：
 
其中開始時間大於，開始時間小於選擇的是時間控制項，迴路ID選擇的是下拉框控制項：SELECT   numCircuitID,varCircuitName from WD_Circuit;
1.2.2趨勢頁面趨勢頁面的設定如：
 
"設定資料集"：整個查詢統計顯示資料的完整sql語句。
"查詢條件設定":寫完sql語句後點擊"設定查詢條件"按鈕，將sql語句中的參數帶入條件設定中。其中"顯示順序"確定了在產生的頁面中該條件顯示的順序;"參數名稱"對應sql中的參數;"參數顯示名稱"確定該參數在查詢統計頁面上的提示名稱;"控制項類型"可以確定該參數在頁面上的控制項(文字框，時間框，下拉框),控制項類型會在1.2.4節中說明。
"顯示設定":控制sql查詢出的資料有哪些列需要顯示。" 是否顯示"控制該列是否顯示；"顯示位置"確定該列作為x軸或者y軸（只能有一個x軸），"列名稱"對應資料列，"列顯示名稱"是對該列的說明。
"儲存":點擊"儲存"按鈕，會把頁面的資訊才存入資料庫以便下次讀取。
"預覽":點擊"預覽"可以查看上面的版面設定是否正確。
最終產生的頁面效果如下：
 
其中開始時間，開始時間選擇的是時間控制項，表ID選擇的是下拉框控制項：select   numTableID,varIP from WD_Table;列ID選擇的是下拉框控制項：SELECT   numColID,varCName from WD_Column;
1.2.3增刪尋找頁面增刪尋找頁面設計如：
 
"主要資料庫":增刪尋找所操作的資料表 
"設定查詢條件"：點擊該按鈕可以查詢出所需要操作資料表的所有欄位。 
"修改設定":"顯示順序"控制查詢條件和查詢出的資料的顯示順序;"主鍵"是該表的主鍵：在更新(update)和刪除(delete)時作為條件(where);"是否修改"控制在更新(update)和插入(insert)時是否修改該欄位;"查詢條件":表示該參數是否作為查詢條件;"參數"是該欄位對應表的欄位;"查詢參數名稱"是該參數作為查詢參數的字串;"參數顯示名稱"是作為查詢條件的參數的介面提示名稱;"控制項類型"可以確定該參數在頁面上的控制項(文字框，時間框，下拉框),控制項類型會在1.2.4節中說明。
"儲存":點擊"儲存"按鈕，會把頁面的資訊才存入資料庫以便下次讀取。
"預覽":點擊"預覽"可以查看上面的版面設定是否正確。
最終產生的頁面效果如下：
 
1.2.4控制項類型控制選擇條件時的控制項類型：文字框,下拉框,時間控制項。
文字框：預設的控制項類型
下拉框:輸入sql語句來確定下拉框中的顯示資料（SELECT   numCircuitID,varCircuitName from WD_Circuit;）：第一列是下拉框的value，第二列是下拉框的text.
時間控制項：用於時間的選擇
 
2模組設計2.1頁面自動產生工具模組劃分頁面自動產生工具將設計儲存到資料庫，也可以將資料庫中的設計讀取出來修改，其他系統讀取資料庫中的設計自動產生頁面。
 
2.2資料相關設計頁面自動產生工具的設計最終以json格式儲存資料
2.2.1查詢統計頁面json如下：
{
"dataTable":"select numRefID,datStart d1,numCircuitID from WD_CircuitParents   where datStart BETWEEN ‘:start:‘ and ‘:end:‘ and numCircuitID=‘:numCircuitID:‘",
"pageType":"query",
"condition": [
{ "order": "1", "name": ":start:", "showName": "開始時間大於", "control": "DateTimePicker", "controlData": "" },
{ "order": "2",  "name": ":end:", "showName": "開始時間小於", "control": "DateTimePicker", "controlData": ""},
{ "order": "3",  "name": ":numCircuitID:", "showName": "迴路ID", "control": "dropdownlist", "controlData": "select   numCircuitID,varCircuitName   from WD_Circuit" }
]，
"show": [
{ "isShow": "1", "name": "numRefID", "showName": "ID" },
{ "isShow": "1",  "name": "d1", "showName": "開始時間"},
{ "isShow": "1",  "name": "numCircuitID", "showName": "迴路ID"}
]}
dataTable：頁面顯示資料的sql
pageType：頁面類型（admin：管理頁面, trend:趨勢頁面，query：查詢統計頁面）
condition：查詢條件：“order”是條件顯示順序，“name”是該條件對應sql語句中的字串，“showName”是該條件的提示名稱，“control”是條件適宜的控制項，“controlData”是條件控制項的值集合
show：表格資料顯示：“isShow”該列是否顯示，“name”該列對應列名，“showName”該列顯示的列頭
2.2.2趨勢頁面json如下：
{
"dataTable":"select   datBuild,varValue,numColID,numTableID from WD_TableData WHERE datBuild BETWEEN ‘:start:‘ and ‘:end:‘ numTableID=:numTableID: and numColID=:numColID:;",
"pageType":"trend",
"condition": [
{ "order": "1", "name": ":start:", "showName": "開始時間", "control": "DateTimePicker", "controlData": "" },
{ "order": "2",  "name": ":end:", "showName": "結束時間", "control": "DateTimePicker", "controlData": ""},
{ "order": "3",  "name": ":numTableID:", "showName": "表ID", "control": "dropdownlist", "controlData": "select   numTableID,varIP from WD_Table" },
{ "order": "4",  "name": ":numColID:", "showName": "列ID", "control": "dropdownlist", "controlData": "select numColID,varCName from WD_Column" }
]，
"show": [
{ "isShow": "x", "name": "datBuild", "showName": "時間" },
{ "isShow": "y",  "name": "varValue", "showName": "值"},
{ "isShow": "",  "name": "numColID", "showName": "列ID"},
{ "isShow": "",  "name": "numColID", "showName": "表ID"}
]}
dataTable：頁面顯示資料的sql
pageType：頁面類型（admin：管理頁面, trend:趨勢頁面，query：查詢統計頁面）
condition：查詢條件：“order”是條件顯示順序，“name”是該條件對應sql語句中的字串，“showName”是該條件的提示名稱，“control”是條件適宜的控制項，“controlData”是條件控制項的值集合
show：表格資料顯示：“isShow”在x軸或者y軸顯示資料，“name”該列對應列名，“showName”該列顯示的列頭
2.2.3增刪尋找頁面json如下：
{
"dataTable":"select * from WD_User",
"pageType":"admin",
"condition": [
{"order": "1","key":"1","modify":"0","show":"0","name": "numUser", "showName": "使用者ID", "control": "text", "controlData": ""},
{"order": "2","key":"0","modify":"1","show":"1","name": "varUserName", "showName": "使用者名稱稱", "control": "text", "controlData": ""},
{"order": "3","key":"0","modify":"1","show":"1","name": "varLoginName", "showName": "登入名稱", "control": "text", "controlData": ""},
{"order": "4","key":"0","modify":"0","show":"0","name": "varPassword", "showName": "密碼", "control": "text", "controlData": ""},
{"order": "5","key":"0","modify":"1","show":"1","name": "datCreate", "showName": "建立時間", "control": "DateTimePicker", "controlData": ""},
{"order": "6","key":"0","modify":"1","show":"1","name": "numOrganizeID", "showName": "機構", "control": "dropdownlist", "controlData": "SELECT  numOrganizeId,varOrganizeName from WD_Organize"},
{"order": "7","key":"0","modify":"1","show":"1","name": "numPositionId", "showName": "職位", "control": "dropdownlist", "controlData": "SELECT numPositionId,varPositionName from WD_Position"}
]}
dataTable：頁面顯示資料的sql
pageType：頁面類型（admin：管理頁面, trend:趨勢頁面，query：查詢統計頁面）
condition：查詢條件："order": 控制查詢條件和查詢出的資料的顯示順序,"key":是否作為主鍵,"modify":控制在更新(update)和插入(insert)時是否修改該欄位,"show":是否作為查詢條件,"name": 該參數作為查詢參數的字串, "showName":作為查詢條件的參數的介面提示名稱, "control": 可以確定該參數在頁面上的控制項(文字框，時間框，下拉框), "controlData": 預設資料
頁面的增刪尋找sql如下：
INSERT into WD_User(varUserName,varLoginName,datCreate,numOrganizeID,numPositionID) VALUES(:varUserName:,:varLoginName:,:datCreate:,:numOrganizeID:,:numPositionID:)


UPDATE WD_User SET varUserName=:varUserName:,varLoginName=:varLoginName:,datCreate=:datCreate:,numOrganizeID:numOrganizeID:,numPositionID=:numPositionID: where numUserID=:numUserID:


DELETE   from WD_User where numUserID=:numUserID:
3介面設計4系統效能設計5系統出錯處理

頁面自動產生工具設計