1. 程式人生 > >MVC之排球比賽計分程序 ——(四)視圖的設計與實現

MVC之排球比賽計分程序 ——(四)視圖的設計與實現

元素 role view logs image 技術 size 之前 log

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

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

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

技術分享

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

主視圖由home控制器呈現。

視圖最終效果:

技術分享

記分員界面:

技術分享

觀眾界面:

技術分享

三個主頁面就是這個樣子,之後會具體說明控制器和視圖中的代碼控制。

MVC之排球比賽計分程序 ——(四)視圖的設計與實現