数据可视化~安装visual_studio,新建一个mvc框架模型

今天学习的目的主要是

一、了解一下关于什么MVC架构

二、通过visual studio亲身体会mvc架构

 一、MVC模型

3ee90e4076246f818f30859a54ff5d5d.jpeg

          经典MVC模式中,Model、View、Controller即模型、视图、控制器。使用MVC的目的是将M和V的实现代码分离,从而使同一个程序可以使用不同的表现形式。其中,View的定义比较清晰,就是用户界面。  MVC要实现的目标是将软件用户界面和业务逻辑分离以使代码可扩展性、可复用性、可维护性、灵活性加强。View层是界面,Model层是业务逻辑,Controller层用来调度View层和Model层,将用户界面和业务逻辑合理的组织在一起,起粘合剂的效果。所以Controller中的内容能少则少,这样才能提供最大的灵活性。

         Controller:现在View要提交数据给Model进行处理以实现具体的行为,View通常不会直接提交数据给Model,它会先把数据提交给Controller,然后Controller再将数据转发给Model。假如此时程序业务逻辑的处理方式有变化,那么只需要在Controller中将原来的Model换成新实现的Model就可以了,控制器的作用就是这么简单, 用来将不同的View和不同的Model组织在一起,顺便替双方传递消息,仅此而已。

         View:视图是用户看到并与之交互的界面。对老式的Web应用程序来说,视图就是由HTML元素组成的界面,

         Model:模型表示企业数据和业务规则。在MVC的三个部件中,模型拥有最多的处理任务。各Model之间是可以相互调用的, Controller也可以无障碍的调用Model,因此将业务逻辑放在Model中可以灵活的使用组合的方式复用代码。

二、通过visual studio亲身体会mvc架构

1、下载visual studio:visual studio - 搜索 (bing.com)https://cn.bing.com/search?q=visual+studio&qs=n&form=QBRE&sp=-1&lq=0&pq=visual+studio&sc=10-13&sk=&cvid=56B0F117A3BE48C39502F84DCEFA884A&ghsh=0&ghacc=0&ghpl=visual studio:安装就不再赘述,安装好配置环境,我们只需要下载下图中标记的即可

74db2875a83d4a75b993363f120c3439.jpeg

11cd22b91c224554b4f234b2e714f7fe.jpeg

 

 

2、安装后打开来,可以不用创建账户,直接跳过登录

dfb2521db4a443f38fde4b558e2e50a1.png

3、选一个自己喜欢的主题启动VS

84c8a4bf747b446da04b68506f4fef2e.png

4、创建一个新项目

b9dd6aaafd5b4df89c9890725c233a06.png

 5、到这个界面然后点击选择web,选择(模式-试图-控制器)模块,这里可以给我们自动生成一个MVC 的模板,方便我们后续编程。点击下一步

ee3977691a0b4a7ab13274ae1b5d3731.png

0343d869631e4662bcd79a3ba4f8ad9b.png

 6、修改文件名称,和位置,点击下一步853d624938f4493e8b1ffc0206f697c2.png

 7、创建即可108f514a706a48859467801427cace69.png

8、 直接就可以运行测试一下d39d2e644d43454e8e7b9264caf3c8b7.png

 9、一个简易的(MVC)模板的网页就生成了

c2891388b7b948c2a100383773b12c6f.png

 10、然后回来点击停止

055cccac10fd441ea7718d9a1986b629.png

 11、就可一看到下面这个页面,右边就是一个MVC的一个目录我们可以看到Models,Views,

Controllers的目录,接下来让我们看看每个目录里面有什么

c01d4a8ac72d4879be0a3985e464e5e6.png

12、让我们来看一下这几个目录都有什么吧

db6927cb532a48e993fb0174a916fee8.png

 在我们点击Privacy的时候就会调用Controllers里面的函数,返回我们设置的Privacy的页面2b883667efe14db783e1edb5754f81bf.png

 对于View下面的代码大家可以自己看一看,和html基本是一样的我就不在给大家解释了

好了今天的学习就到此为止!

 

 

 

 

 

  • 0
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值