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

时间: 2024-10-20 08:29:07

MVC实战之排球计分(四)—— View设计与实现的相关文章

MVC实战之排球计分(一)—— 需求分析与数据库设计

一.需求分析: 这个程序是排球计分程序,其业务非常简单,具体如下: 1.本程序可以选择用户身份,通过不同角度记录比赛分数. 2.不同身份记录的比赛成绩将会存储在不同的数据表(目前适合运动员和观众使用). 3.用户键入数据后,可以继续对数据进行操作(如:删除.修改.查看详情). 4,不同的身份的用户 ,不能修改非己的数据.只能修改自己的数据. 这个项目的用例图如下: 数据库设计:设计数据表之前,首先进行实体和关系的识别与确定.通过需求分析,可以观察得出,本项目的实体有:观众,运动员.(观众可以修改

MVC实战之排球计分(八)——软件制作总结

此系列博客目的是制作一款排球计分程序.这系列博客将讲述此软件的 各个功能的设计与实现.到这篇博客,此系列博客就算是结束了. 在最后的这篇博客里 我们来做一些总结. 一,制作此程序,我们使用的是MVC框架.MVC是一种程序开发设计模式, 它实现了显示模块与功能模块的分离.提高了程序的可维护性.可移植性. 可扩展性与可重用性,降低了程序的开发难度.它主要分模型.视图.控制器三层. 使用MVC有诸多好处: 1:耦合性低 视图层和业务层分离,这样就允许更改视图层代码而不用重新编译模型和控制器代码, 同样

MVC实战之排球计分(五)—— Controller的设计与实现

控制器 控制器接受用户的输入并调用模型和视图去完成用户的需求.所以当单击Web页面中的超链接和发送HTML表单时, 控制器本身不输出任何东西和做任何处理.它只是接收请求并决定调用哪个模型构件去处理请求, 然后用确定用哪个视图来显示模型处理返回的数据. 在设计 Controller之前,我们同样先看看控制器所在的文件夹位置: Controller控制器接受用户请求,然后返回视图.控制器控制视图的产生.我们根据此软件的需求,设计所 需要的Controller.我们添加控制器就需要放到controll

MVC实战之排球计分(三)—— 模型类的设计与实现

此软件使用的数据库连接方式code first 由EF框架产生数据库. code first需要对模型类设计和实现.模型类是现实实体在计算机中的表示.它贯穿于整个架构, 负担着在各层次及模块间传递数据的职责. 模型类和数据库中的表(这里指实体表,不包括表示多对多对应的关系表)是一一对应的 在此软件中,模型类和表是一一对应的,并且模型类中的属性和表中的字段也是对应的. 在看模型类的代码前,先看一下系统的工程结构. 如上图所示,在初始阶段,整个系统包括3个主要的工程文件夹,它们的职责是这样的: co

MVC实战之排球计分(二)—— 构架概要设计

本程序主要基于MVC4框架,使应用程序的输入,处理和输出强制性分开,使得软件可维护性,可扩展性,灵活性以及封装性得到提高, MVC应用程序分为三个核心部件:Model,View, Controller. 一, 架构基本原则: MVC是一个设计模式,它强制性的使应用程序的输入.处理和输出分开.使用MVC应用程序被分成三个核心部件:模型.视图.控制器.它们各自处理自己的任务. 视图 视图是用户看到并与之交互的界面.对老式的Web应用程序来说,视图就是由HTML元素组成的界面,在新式的Web应用程序中

MVC实战之排球计分软件(深入了解面向对象编程)

在此篇博客之前,我已经写了一个实战系列的博客,虽然不太成熟但是相对比较实用,在这篇博客我将继续使用mvc编程此软件. 此篇博客会在一定的时间内完成,此次完成的软件的一个需求是提供给运动员的使用.我将在这一个月之内完成此篇博客的编写, 以及软件功能的实现. 在开始软件的编程之前,我们先再一次了解一下面向对象的语言以及面向对象的编程: 面向对象的语言 面向对象的语言支持的概念包括:类与对象.继承.多态. 面向对象的语言中一部分是新发明的语言,如Smalltalk.Java,这些语言本身往往吸取了其他

MVC开发之排球计分(四)View的设计与实现

  1.      小组: 第五组(计应152) 本次计划 2.上次进度: 前几次的准备工作已经差不多准备就绪,其中包括了对排球计分规则的详细说明,还有对需求的分析,接下来就是对程序页面的操作   3.任务安排: 1队:界面显示内容View(对得分的操作BallView.cshtml) 2队:对首页进入的制作View(Index.cshtml) 其他成员:协助以上成员   需求: 作为一名程序员,我想知道每队的得分情况及得分的项目技能和队伍的胜负: BallView.cshtml页面代码显示:

MVC开发之排球计分(八)项目开发总结

项目总结: 本章的博客主要是用mvc编写排球计分的程序,到本次博客的制作书写,本章的排球计分程序算是结束了. 在最后,来做一下最后的总结: 我们先来看一下最初的需求分析表: 计划需要总时间: 10h 小组开发   需求分析: 1h 具体设计: 1h 具体代码: 5h 代码复审: 1h 测试: 1h 总结: 1h 最终所用时间:12h 根据这个需求分析表,最近三周阶段,共用12个小时完成了这项排球计分程序设计的任务, 在代码的分析与设计大的过程中超出了预算的两个小时, 本次的程序设计使用mvc的形

MVC开发之排球计分(六)接口的实现

接口的实现 接口的用途: 接口是契约,它是方法声明的集合,封装了一些类共有的行为(方法). 即里面定义方法时只写到参数部分就用分号结束了:必须有某个/些类来实现接口才会有意义. 实现接口,就是在类中依次把接口中的方法全部写完整,即每个都补上方法体(花括号及里面的代码部分). 实现接口的类可以把它当做接口的子类,而接口可以认为是他们的父类.这样又可以扩展出多态.里氏替换的应用. 1.接口都长什么样? 很简单,一般接口都是以大写字母"I"开头来命名的,如:IComparable.ICar.