WEB介面開發規範

2021-04-20 02:19:17 字數 3598 閱讀 2867

web

介面開發規範

1、每個功能頁面在系統中配置選單時統一使用

index.jsp

或index.html

。例如客戶管理配置的

url為

2、每個頁面的

title

必須設定為和選單配置中相同的中文,例如在選單項中配置為「客戶管理」,則此頁面的

title

也要設定為「客戶管理」。 3

、對於jsp

頁面都需要在頁面的最開始部分增加以下語句

<%@ page contenttype="text/html; charset=utf-8" %>

4、對於

html

頁面都需要在頁面的最開始部分增加以下語句 5

、對於頁面中控制項的屬性設定都需要用雙引號包括起來。

頁面編碼過程中用到的所有控制項命名都需要遵循相應規則,方便程式的可讀性。採用控制項型別縮寫字首(小寫)

+英文單詞(第乙個字母大寫)的方法來命名每乙個控制項。具體規則如下:

控制項型別

字首button

btnform

frmselect

seltextarea

txtinput

iptimage

imgdiv

div頁面編碼過程中用到的所有變數定義都需要遵循相應規則,方便程式的可讀性。採用資料型別縮寫字首(小寫)

+英文單詞(第乙個字母大寫)的方法來命名每乙個變數。具體規則如下:

資料型別

字首整數i小數

f字元s布林

b日期d陣列

arr頁面編碼過程中用到的所有函式定義都需要遵循相應規則,方便程式的可讀性。採用字首(

fuc)

+英文單詞(第乙個字母大寫)的方法來命名每乙個函式。

例如:fucacceptorder

n頁面的規範

關鍵字說明body

頁面內容基本樣式 n

**的規範

關鍵字說明table

**的基本樣式 n

層的規範

關鍵字說明div

層的基本樣式 n

鏈結的規範

關鍵字說明a

超連結的基本樣式 n

datagrid

的規範

關鍵字說明

table.datatable

資料表的基本樣式

table.datatable thead

資料表的頁首樣式

table.datatable tbody

資料表的**體樣式

table.datatable tfoot

資料表的頁尾樣式

table.datatable tr.row_odd

資料表的奇數行樣式

table.datatable tr.row_even

資料表的偶數樣式

table.datatable tr.row_selected

資料表的選中行樣式

table.datatable tr.row_active

資料表的當前啟用**的選中行樣式

table.datatable td.indicate

資料表的指示器樣式

n下拉**的規範

關鍵字說明table.dropdowntable

下拉**的基本樣式

table.dropdowntable thead

下拉**的頁首樣式

table.dropdowntable tbody

下拉**的**體樣式

table.dropdowntable tfoot

下拉**的頁尾樣式

table.dropdowntable tr.row_odd

下拉**的奇數行樣式

table.dropdowntable tr.row_even

下拉**的偶數行樣式

table.dropdowntable tr.row_selected

下拉**的選中行樣式

n編輯框

關鍵字說明.editor

編輯框的基本樣式

.editor_active

啟用的編輯框的基本樣式n按鈕

關鍵字說明.button

按鈕的基本樣式

.button_down

被按下按鈕的基本樣式

n資料導航條控制項

關鍵字說明table.datapilot

資料導航條的基本樣式

n樹狀列表控制項

關鍵字說明table.tree

樹狀列表的基本樣式

table.tree tr.row_odd

樹狀列表奇數行的基本樣式

table.tree tr.row_even

樹狀列表偶數行的基本樣式

table.tree tr.row_selected

樹狀列表當前行的基本樣式

table.tree tr.row_rightclick

樹狀列表的響應當前滑鼠右擊的行基本樣式

table.tree .expandbutton

樹狀列表展開按鈕的基本樣式

table.tree .icon

樹狀列表的圖示樣式

n欄位標題控制項

關鍵字說明.fieldlabel

字段標題的樣式

n資料標籤控制項

關鍵字說明.datalabel

資料標籤的基本樣式

n標籤頁控制項

關鍵字說明.tabset

標籤頁的基本樣式

.tab

標籤頁中的單個標籤的樣式 n

選單控制項

關鍵字說明table.menu

選單的基本樣式

table.menu tr

菜單行的基本樣式

table.menu tr.row_selected

選單選中行的基本樣式

table.menu tr.row_disabled

選單無效行的基本樣式

n選單工具條控制項

關鍵字說明table.menubar

選單工具條的基本樣式

table.menubar .button

選單工具條中按鈕的基本樣式

table.menubar .button_active

選單工具條中當前按鈕的基本樣式

table.menubar .button_hot

選單工具條相應滑鼠的按鈕的基本樣式

n下拉列表的邊框控制項

關鍵字說明.dropdown_frame

下拉列表的邊框的樣式 n

日曆控制項

關鍵字說明.calendar

日曆控制項的基本樣式

.calendar .title

日曆控制項頁首的基本樣式

.calendar .footer

日曆控制項頁尾的基本樣式

.calendar .cell_day

日曆控制項日期單元格的基本樣式

.calendar .cell_selected

日曆控制項當前單元格的基本樣式

.calendar .cell_trailing

日曆中前月和後月的日期單元格的基本樣式

介面開發規範

一 介面的定義 1.1 定義請求模型querypagerequest,此模型作為查詢條件型別。為後期擴充套件需求,請求型別統一繼承requestdata型別。package com.xuecheng.framework.domain.cms.request import com.xuecheng.f...

介面開發規範

為了嚴格按照介面進行開發,提高效率,對請求及響應格式進行規範化。get 請求時,採用key value格式請求,springmvc可採用基本型別的變數接收,也可以採用物件接收。響應結果統一資訊為 是否成功 操作 提示資訊及自定義資料。響應結果統一格式為json。api定義使用springmvc來完成...

Web 開發規範 WSGI

wsgi 中介軟體 wsgi的實現和部署 參考資料 在 web services 處理方案中,有乙個方案是目前應用最廣泛的 def environ,start response 該函式需要提供兩個形參 pass 使用 web.py 框架時的樣式 urls hello class hello obje...