MVC之排球比赛计分程序 ——(二)架构概要设计

本程序主要基于MVC4框架,使应用程序的输入,处理和输出强制性分开,使得软件可维护性,可扩展性,灵活性以及封装性得到提高,

MVC应用程序分为三个核心部件:Model,View, Controller。

一,

架构基本原则:

MVC是一个设计模式,它强制性的使应用程序的输入、处理和输出分开。使用MVC应用程序被分成三个核心部件:模型、视图、控制器。它们各自处理自己的任务。

视图 

视图是用户看到并与之交互的界面。对老式的Web应用程序来说,视图就是由HTML元素组成的界面,在新式的Web应用程序中,HTML依旧在视图中扮演着重要的角色,但一些新的技术已层出不穷,它们包括Macromedia Flash和象XHTML,XML/XSL,WML等一些标识语言和Web services.

如何处理应用程序的界面变得越来越有挑战性。MVC一个大的好处是它能为你的应用程序处理很多不同的视图。在视图中其实没有真正的处理发生,不管这些数据是联机存储的还是一个雇员列表,作为视图来讲,它只是作为一种输出数据并允许用户操纵的方式。

模型

模型表示企业数据和业务规则。在MVC的三个部件中,模型拥有最多的处理任务。例如它可能用象EJBs和ColdFusion Components这样的构件对象来处理数据库。被模型返回的数据是中立的,就是说模型与数据格式无关,这样一个模型能为多个视图提供数据。由于应用于模型的代码只需写一次就可以被多个视图重用,所以减少了代码的重复性。

控制器

控制器接受用户的输入并调用模型和视图去完成用户的需求。所以当单击Web页面中的超链接和发送HTML表单时,控制器本身不输出任何东西和做任何处理。它只是接收请求并决定调用哪个模型构件去处理请求,然后用确定用哪个视图来显示模型处理返回的数据。

职责划分:

1,视图呈现用户交互界面。

2,模型为多个视图提供数据

3,控制器处理用户的交互

模块划分及交互设计:

一.Model:绑定数据

1.将所需数据进行封装。

二.View:将数据呈现给用户。

1.CreatView——作用:插入数据页面,将数据插入数据表中。

2.EditView———作用:数据修改页面,展示某条数据的详细情况,并可以对其进行修改。

3.DeleteView——作用:将某条数据删除。

4.DetailsView——作用:数据详情页面,展示某条数据的详细情况。

5.IndexView——作用:选择身份页面,用户选择身份。

三.Controller:接收用户请求,进行分析将结果返回呈现给用户

1.HomeController——主要方法:选择用户,返回“IndexView”。

2.SpecatorController——主要方法:返回“SearchIndex.cshtml”、返回“SearchJu.cshtml”、返回“SearchScore.cshtml”。

3.ScoreController——主要方法:返回“IndexView”、返回“CreatView”、返回“EditView”、返回“DeleteView”、返回“DetailsView”。

3.TeamController——主要方法:返回“IndexView”、返回“CreatView”、返回“EditView”、返回“DeleteView”、返回“DetailsView”。

3.JuController——主要方法:返回“IndexView”、返回“CreatView”、返回“EditView”、返回“DeleteView”、返回“DetailsView”。

各模块交互的关系图如下:

时间: 2024-12-13 07:59:36

MVC之排球比赛计分程序 ——(二)架构概要设计的相关文章

MVC之排球比赛计分程序 ——(一)需求分析与数据库设计

在实际的项目中,需求分析和数据库的设计是很重要的一个环节,这个环节会直接影响项目的开发过程和质量.实际中,这个环节不但需要系统分析师.软件工程师等计算机方面的专家,还需要相关领域的领域专家参与才能完成. 需求分析: 这个项目是一个排球比赛计分程序,其业务极为简单,现将其描述如下. 1.任何观众都可以进行比赛的分数查询,查询完成后,页面上显示查询的相应的比赛内容. 2.任何观众都不可以对分数进行增删改查. 3.记分员可以对比赛进行实时记录,并将分数记录在数据库,方便观众查询,以及对分数进行通过操作

MVC之排球比赛计分程序 ——(七)具体实现

1,新建一个项目,命名为:Volleyball,选择基本模板.如图: 点击确定.创建项目. 2,右键单击model文件夹,添加模型类:模型类分别是:GzScore.cs和Players.cs 具体代码如下: public class Team    {        [Key]        public int TId { get; set; }        [Display(Name = "队伍名称")]        public string TName { get; set

MVC之排球比赛计分程序 ——(五)控制器的设计与实现

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

MVC之排球比赛计分程序 ——(九)总结

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

MVC之排球比赛计分程序 ——(八)具体代码(2)

三.TeamController具体代码如下: public class TeamController : Controller    {        private CountScoreDBContext db = new CountScoreDBContext(); //        // GET: /Team/ public ActionResult Index()        {            return View(db.Team.ToList());        }

MVC之排球比赛计分程序 ——(八)具体代码(1)

一.JuController代码如下: public class JuController : Controller    {        private CountScoreDBContext db = new CountScoreDBContext(); //        // GET: /Ju/ public ActionResult Index()        {            return View(db.Ju.ToList());        } //       

MVC之排球比赛计分程序 ——(四)视图的设计与实现

(view)视图  视图是用户看到并与之交互的界面.对老式的Web应用程序来说,视图就是由HTML元素组成的界面,在新式的Web应用程序中,HTML依旧在视图中扮演着重要的角色,但一些新的技术已层出不穷,它们包括Macromedia Flash和象XHTML,XML/XSL,WML等一些标识语言和Web services. 此软件的视图为用户提供可视化的界面及操作.使用户能清楚明白的使用软件的功能.view 通过controler的调用呈现给用户: 设计视图之前来看一下视图要放在哪个功能之内:

MVC之排球比赛计分程序 ——(三)model类的设计与实现

实体类是现实实体在计算机中的表示.它贯穿于整个架构,负担着在各层次及模块间传递数据的职责.一般来说,实体类可以分为"贫血实体类"和"充血实体类",前者仅仅保存实体的属性,而后者还包含一些实体间的关系与逻辑. 大多情况下,实体类和数据库中的表(这里指实体表,不包括表示多对多对应的关系表)是一一对应的,但这并不是一个限制,在复杂的数据库设计中,有可能出现一个实体类对应多个表,或者交叉对应的情况.在本文的Demo中,实体类和表是一一对应的,并且实体类中的属性和表中的字段也

MVC之排球比赛计分程序 ——(六)使用框架,创建控制器,生成数据库

在上篇博客我们写到,此软件的数据库连接我们使用的是EF框架,code first模式下,通过模型类,在创建controller的时候直接生成数据库,完成数据库的连接,与操作. 在使用EF框架之前,我们需要写好模型类.然后在创建controller. 此软件目前需要两个模型类,在之前的博客中,我们已经设计,和完成了模型类,这时候我们只需把代码拿过来就可以使用了.这里包括三个类文件:Team.cs, Ju.cs,Score.cs,分别是队伍类.分数类和局次类.具体代码如下: public class