在程式設計時將類劃分為邊界類、操作類、實體類,明確地給出每種類的職責。其中操作類和邊界類是物件導向程式設計中最重要內容,實體類有規律可循,比較容易掌握。
使用vue開發乙個租售資訊列表自定義元件
>
class
="today-body"
>
class
="today-list clearfix"
>
class
="badge-box fl"
>
class
="today-badge green"
v-if
="option.tradedesc=='**' || option.tradedesc=='租購'
">
售span
>
class
="today-badge red"
v-if
="option.tradedesc=='租售' || option.tradedesc=='租購'
">
租span
>
class
="today-badge white"
v-if
="option.typedesc"
>
私span
>
class
="today-badge white"
v-if
="option.leveldesc"
>
}span
>
class
="today-time"
>
}p>
div>
class
="info-box fl"
>
class
="info-name"
>
>
}span
>
>
•}室span
>
>
}廳span
>
>
}衛span
>
>
}•㎡span
>
p>
div>
class
="price-box fr"
>
class
="info-price"
>
} >
萬span
>
p>
class
="info-rent"
>
} >
元/月span
>
p>
div>
div>
div>
template
>
>
export
default;}
}script
>
scoped
="scoped"
>
//元件的樣式在此定義
style
>
元件中封裝將展示樣式進行封裝,對外暴露出屬性「option」進行呼叫;使用時按照元件介面要求的資料格式即可使用。呼叫**如下:
>
class
="home"
>
class
="bg-white today"
>
v-for
="item in 元件遍歷的陣列 "
v-bind:key
="item.id"
v-bind:option
="item"
>
comcontentlist
>
card
>
div>
template
>
>
import comcontentlist from
"../components/comcontentlist"
;//引入元件
export
default
},
components:
,created()
, methods:
}script
>
執行結果如下圖所示:
目前,前端主流的vue、anglus、react三大開發框架均支援元件化開發,乙個對外完整的頁面是對各種自定義元件的排程。邊界類的設計就是要識別和設計人機互動中的各種元件,封裝乙個元件就是乙個可復用邊界類。如:試題元件就是乙個具有層次的結構的,首先定義乙個試題元件作為所有型別試題的父類,定義了試題的編號、題幹等、樣式等,通過插槽,再定義單項選擇題、多選題、判斷正誤題,形成三個子元件,具有一定的層次性。
黑盒測試 等價類劃分 邊界值分析
邊界值分析 把全部輸入資料合理地劃分為若干等價類,在每乙個等價類中取乙個資料作為測試的輸入條件,就可以用少量代表性的測試資料取得較好的測試結果。有效等價類 指對於程式的規格說明來說是合理的 有意義的輸入資料構成的集合。無效等價類 與有效等價類的定義恰巧相反。設計測試用例時,要同時考慮這兩種等價類。因...
實體類 邊界類 控制類
在rose建模裡有一種劃分類的方式 邊界類 實體類 控制類 邊界類 邊界物件的抽象,通常是用來完成參與者 使用者 外部系統 與系統之間互動的物件,例如 from 對話方塊 選單 介面等。控制類 控制物件的抽象,主要用來體現應用程式的執行邏輯,將其抽象出來,可以使變化不影響使用者介面和資料庫中的表。實...
邊界類 控制類 實體類
邊界類 控制類 實體類 小雨 發表於 2006 8 11 10 39 55 uml中類有三種主要的版型 邊界類 控制類和實體類。引入邊界類 控制類及實體類的概念有助於分析和設計人員確定系統中的類。邊界類位於系統與外界的交界處,窗體 報表 以及表示通訊協議的類 直接與外部裝置互動的類 直接與外部系統互...