1. 程式人生 > >MVC實戰之排球計分(四)—— View設計與實現

MVC實戰之排球計分(四)—— View設計與實現

service family 角色 元素 需要 rom 之前 con xsl

(view)視圖
視圖是用戶看到並與之交互的界面。對老式的Web應用程序來說,視圖就是由HTML元素組成的界面,在新式的Web應用程序中,HTML依舊在視圖中扮演著重要的角色,但一些新的技術已層出不窮,它們包括Macromedia Flash和象XHTML,XML/XSL,WML等一些標識語言和Web services.

此軟件的視圖為用戶提供可視化的界面及操作。使用戶能清楚明白的使用軟件的功能。view 通過controler的調用呈現給用戶;

設計視圖之前來看一下視圖要放在哪個功能之內:

技術分享

視圖放在工程文件夾的views文件中。生成視圖前是需要先設計controler,在這裏 ,我們先設計視圖。之後再由controler添加視圖;

軟件主界面的視圖設計:

技術分享

主視圖由home控制器呈現。

在下篇博客講講述controler的設計和實現;

主視圖需要使用的代碼,將由最後兩篇博客全部實現;

觀眾與運動員視圖也會放在views視圖中,並且會有多個視圖,這些視圖

會由創建controler時系統會自動生成呈現給用戶,並且會在views視圖問題夾下自動添加文件夾,

用來盛放controler的視圖;

用戶視圖設計:

技術分享

用戶的視圖具體設計需要使用css代碼控制,具體代碼,將由最後兩篇博客具體實現。

就這樣軟件的視圖設計算是完成了,是一個非常簡單,但是很實用的視圖界面設計。

下一篇我們講設計controler ,並通過controler 添加我們設計好的視圖。

MVC實戰之排球計分(四)—— View設計與實現