zoukankan      html  css  js  c++  java
  • MVC实战之排球计分(四)—— View设计与实现

    (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 添加我们设计好的视图。

  • 相关阅读:
    学习进度条
    学术诚信与职业道德
    czxt
    操作系统
    04 17评论博客
    0414 结对 2.0 33 34
    0408 汉堡包
    (补)结对心得
    构建之法4读后感
    复利计算4.0
  • 原文地址:https://www.cnblogs.com/Angel-szl/p/7043968.html
Copyright © 2011-2022 走看看