MVC 简介
1.课外了解
ASP.NET是一个开发框架,通过 HTML、CSS、JavaScript 构建服务器脚本来构建网页和网站。
ASP.NET支持三种不用的开发模式:
Web Pages(Web 页面)、MVC(Model View Controller 模型-视图-控制器)、Web Forms(Web 窗体)
2.MVC编程模型
MVC 是三种 ASP.NET 编程模式中的一种。
MVC 是一种使用 MVC(Model View Controller 模型-视图-控制器)设计创建 Web 应用程序的模式:
Model(模型):表示应用程序核心。是应用程序中用于处理应用程序数据逻辑的部分, 通常模型对象负责在数据库中存取数据
View(视图):显示数据。应用程序中处理数据显示的部分。通常视图是依据模型数据创建的
Controller(控制器):处理输入。是应用程序中处理用户交互的部分。通常控制器负责从视图读取数据,控制
用户输入,并向模型发送数据
MVC 模式同时提供了对 HTML、CSS 和 JavaScript 的完全控制
MVC 模式定义 Web 应用程序带有三个逻辑层:业务层(模型逻辑)
显示层(视图逻辑)
输入控制(控制器逻辑)
3.创建MVC
我们需要有 Microsoft visual studio,我们用的是破解版,如果找不到资源可以用 visual studio express2010
/2010,它们是免费的,功能也许会有一些不一样
- 打开开发工具 Microsoft visual studio2015
- 新建-项目
- 选择ASP.NET Web 应用程序
- 更改名称(项目名称_MVC 例:FJDPXT_MVC)选择存储路径后点击确定
- 选择empty与MVC核心。点击确定,就创建好了一个简单地MVC的项目 4.MVC的文件夹 应用程序的信息:
Properties 引用
应用程序文件夹:
App_Data 文件夹:用于储存应用程序数据
Content 文件夹:用于静态 such as CSS 样式表.图表.图像
Controllers 文件夹:控制器
Models 文件夹:模型的类
Scripts 文件夹:脚本文件的类
Views 文件夹:显示 HTML 文件(用户界面)配置文件:
Global.asax
Packages.config
Web.config
所有的 MVC 应用程序的文件夹名称都是对等的。MVC 框架是系统默认命名的。控制器用于 Controllers 文件夹,创建必须在文件后加 Controllers,视图在 View 文件夹,模型位于 models 文件夹,在程序中,保准化命名方式减少了代码量,还有利于开发者对 MVC 项目的了解
5.调试页面
写代码不可能一直写到最后,期间可能会报错,所以我们需要调试。最好的方式写了一段就启动一下项目,尽量减少完成时间启动项目快捷键:F5, 关闭项目快捷键:shift+F5
6.例子
控制器页面:
using System; using
System.Collections.Generic; using System.Linq; using System.Web; using System.Web.Mvc;
namespace
WebApplication1.Controllers
{ public class DefaultController : Controller
{
// GET: Default public ActionResult Index()
{ return View();
}
}
}
视图页面:
@{
Layout = null;
}
MVC数据库
1.创建轻量级数据库文件
我们 Microsoft visual studio 都带有免费的数据库,通过他来创建一个新的简单数据库文件,我们在实际运通的会较少,因为操作来不太方便,我们部署项目的时候的数据库一般都是通过在 PowerDesigner,然后再 SQL Server 2014 Management Studio 来的创建数据库文件,通过他们来实现大型数据库文件,操作起来比较方便,例新增,删除,修改等操作
通过 Microsoft visual studio 来创建一个轻量级数据交换格式
- 点击model文件夹,右键点击添加
- 选择类文件
- 选择Web,找到Json文件,自定义命名实例:
[
{
“airportID”: 1,
“airportCode”: “AKA”,
“airportName”: “五里铺机场”,
“cityName”: “安康市”,
“pinyinName”: “AnKang”
},
{
“airportID”: 2,
“airportCode”: “AKU”,
“airportName”: “温宿机场”,
“cityName”: “阿克苏市”,
“pinyinName”: “AKeSu”
},
{
“airportID”: 3,
“airportCode”: “AQG”,
“airportName”: “大龙山机场”,
“cityName”: “安庆市”,
“pinyinName”: “AnQing”
},
{
“airportID”: 4,
“airportCode”: “AYN”,
“airportName”: “安阳机场”,
“cityName”: “安阳市”,
“pinyinName”: “AnYang”
},
{
“airportID”: 5,
“airportCode”: “BAV”,
“airportName”: “二里半机场”,
“cityName”: “包头市”,
“pinyinName”: “BaoTou”
},
{
“airportID”: 4,
“airportCode”: “AYN”,
“airportName”: “安阳机场”,
“cityName”: “安阳市”,
“pinyinName”: “AnYang”
},
{
“airportID”: 5,
“airportCode”: “BAV”,
“airportName”: “二里半机场”,
“cityName”: “包头市”,
“pinyinName”: “BaoTou”
}
]
页面层:一般我们会通过$.getJSON来获取数据,通过表格显示出来,但要进行新增、修改、删除、会比较麻烦。
2.创建大型数据库
我们通常都需要在页面进行操作,因此轻量型的数据库并不合适,所以我们必须要用大型数据进行工具准备:
PowerDesigner
SQL server 2014 Management studio
- 打开 powerdesigner 进入主页面之间把欢迎页面 close
- 点击 file 后再点击 new model
- 第一点击 Model types 第二点击 physical data model 第三默认选择 physicaldiagram 接下来就是你的模型名称,和你数据库是哪个版本的就选择哪个版本 点击 OK
- 页面上找到 physical diagram(物理图表)点击 table,就是一个表格的样子的那个,鼠标放在页面会自动改变样子,点击鼠标右键取消表格选择状态
- 在页面上点击一下,会出现一个表,双击表格
- General name 就是显示在页面的名字,(需要注意的是书写 name 的时候,code 自行补全,name 可以是英文的也可以是中文的,但是 code 必须是英文的。)
- 创建一行自行命名就好如 S_AirportID 之后选择 primary mandatory 点击表格和一个手的图标勾选 primary 定义主键
- 值得一说的是我们命名 S_(custom name):system 系统表 D_(custom name):dictionary 字典表
R_
(custom name):relationship 中间表 B_(custom name):business 业务表,当然了还有其他命名规则,需求不一样,规则也不一样 - 创建好你的各种表格之后我们就需要把他们的关系连接起来,就是通过右页面的 physical diagram reference 来连接
- 把你需要的表格创建进数据库点击上页面的功能栏 database 点击 database generation(快捷键:
Ctrl+G) - 打开你的 SQL server 2014 management studio
- 创建数据库,
- 然后选择你的数据库新建查询快捷键(Ctrl+N)把复制好的代码粘贴到页面上,点击执行
- 保存好,展开你的数据库就能看见你创建好的列表
- 需要更改就需要点击设计来改变数据类型或者自增,右键编辑可以为你的数据库添加许许多多的数据
创建好数据库之后,导入 MVC 中的 Model 中,引入 models 还需要实例化实体模型,接着就可以再数据页面中操作数据,可以返回到数据库中,保存数据,新增、修改、删除也是比较方便
我们创建数据库的方法有多种,这只是其中的一种