MVC-簡介
文獻種類：2020年8月專題技術文獻
開發工具與關鍵技術：Microsoft visual studio and MVC
作者：天狼；年級2019級；撰寫日期：2020.8.13
1.課外了解
ASP.NET 是一個開發框架，用于通過 HTML、CSS、JavaScript 以及服務器腳本來構建網頁和網站。
ASP.NET 支持三種開放模式：Web Pages、MVC (Model View Controller) 以及 Web Forms；
2.MVC編程模型
MVC是用于構建web應用程式的一種框架，使用model view controller設計：
? Model模型：應用程式的核心
? View視圖：對資料進行顯示
? Control控制器：處理輸入
其他功能：MVC模型同時提供對HTML，CSS以及javascript的完整控制
那么接下來我們將一起創建一個MVC
3.創建MVC
首先我們需要有Microsoft visual studio，當然了，我用的是破解版，如果你早不到資源也可以用visual studio express2010/2010他是免費的
1st 打開我們的開發工具，
2nd 新建
3rd 專案
4th 選擇ASP.NET Web 應用程式
5th 更改名稱（專案名字_MVC）FJDPXT_MVC 儲存路徑等，點擊確定
6th 選擇empty與MVC核心，點擊確定
這樣我們就創建好一個簡單的MVC的專案了
4.了解應用程式檔案夾
應用程式資訊：
? Properties
? 參考
應用程式檔案夾:
? App_Data檔案夾:用于儲存應用程式資料
? Content 檔案夾：用于靜態such as CSS樣式表.圖表.影像
? Controllers檔案夾：控制器
? Models檔案夾：模型的類
? Scripts檔案夾：腳本檔案的類
? Views檔案夾：顯示HTML檔案（用戶界面）
組態檔：
? Global.asax
? Packages.config
? Web.config
總結：所有MVC應用程式中的檔案夾名稱都是相等的。MVC框架基于默認的命名。控制器用于controllers檔案夾，視圖位于view檔案夾，模型位于models檔案夾。所有我們不必在應用程式中使用檔案夾名稱，標準化的命名方式減少了代碼量，同時有利于開發者對MVC專案的理解
5.
ASP.NET檔案型別
檔案型別 擴展名
HTML .htm or .html
ASP .asp
ASP.NET .aspx
ASP.NET Razor C# .cshtml
ASP.NET Razor VB .vbhtml
6.運行你創建的程式
如果你把視圖頁面創建好了，你可以選擇除錯，從除錯選單中啟動除錯
啟動快捷鍵：F5
關閉快捷鍵：shift+F5
7.分享一個例子：
控制器頁面：
using PartOne.EntityClass;
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;
using PartOne.Models;
using PartOne.Common;
using System.Text.RegularExpressions;
using System.IO;
using System.Transactions;
using System.Data;
namespace PartOne.Controllers
{
public class MainController : Controller
{
// GET: Main
/// <summary>
/// 學生資訊維護頁面
/// </summary>
/// <returns></returns>
public ActionResult Index()
{
return View();
}
視圖頁面：
@{
Layout = null;
}
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=9"> @*模式兼容*@
<meta name="viewport" content="width=device-width" />
<title>學生資訊維護【實戰測驗】答案</title>
<link href="https://bbs.csdn.net/topics/~/Plugins/bootstrap-4.1.3-dist/css/bootstrap.min.css" rel="stylesheet" />
<link href="https://bbs.csdn.net/topics/~/Plugins/layui/css/layui.css" rel="stylesheet" />
<!--封裝樣式表-->
<link href="https://bbs.csdn.net/topics/~/Content/css/Student.css" rel="stylesheet" />
</head>
<body>
<!--頁面內容布局-->
<div class="container-fluid pb-5">
<h3 class="text-center py-3">學生資訊維護【實戰測驗】答案</h3>
<div class="content pt-3">
<form action="/" method="post" id="formSlecet" class="form-inline justify-content-between ml-3" autocomplete="off">
<!--重置表單-->
<input type="reset" hidden />
<div class="form-group m-2">
<label class="form-check-label mr-3" for="studentNumber">編號:</label>
<input type="text" class="form-control" id="studentNumber" placeholder="編號,如：xs201900001">
</div>
<div class="form-group m-2">
<label class="form-check-label mr-3" for="studentName">姓名:</label>
<input type="text" class="form-control" id="studentName" placeholder="請輸入學生姓名">
</div>
<div class="form-group m-2">
<label class="form-check-label mr-3" for="classID">班級 <sup class="text-danger">*</sup>:</label>
<select id="classID" lay-verify="" lay-search class="form-control cf-city">
<option value="https://bbs.csdn.net/topics/0" data-code="">---請選擇---</option>
</select>
</div>
<div class="form-group m-2">
<label class="form-check-label mr-3" for="studentIDCard">身份證號:</label>
<input type="text" class="form-control" id="studentIDCard" placeholder="請輸入身份證號">
</div>
<div class="col">
<button class="btn btn-outline-primary" type="button" onclick="tabStudentSearch()">搜索</button>
<button type="button" class="btn btn-outline-warning mr-3" onclick="empty()">重置</button>
<button class="btn btn-outline-primary" type="button" onclick="openInsertModal()">新增</button>
<button class="btn btn-outline-success" type="button" onclick="openImportModal()">匯入</button>
<button class="btn btn-outline-success" type="button" onclick="exportExcel()">匯出Excel</button>
</div>
<div class="col-12">
<table id="tabStudent" class="layui-hide" layui-filter="tabStudent"></table>
</div>
</form>
</div>
</div>
<script src="https://bbs.csdn.net/topics/~/Plugins/jquery-3.2.1.min.js"></script>
<script src="https://bbs.csdn.net/topics/~/Plugins/bootstrap-4.1.3-dist/js/bootstrap.min.js"></script>
<script src="https://bbs.csdn.net/topics/~/Plugins/layui/layui.all.js"></script>
本文章只代表個人觀點，我們不保證內容的正確性，著作權所有，保留一切權利—天狼
MVC_資料庫
文獻種類：2020年8月專題技術文獻
開發工具與關鍵技術：Microsoft visual studio and MVC
作者：天狼；年級2019級；撰寫日期：2020.8.15
1.創建一個輕量級資料資料庫
我們Microsoft visual studio 帶有免費的資料庫，所以我們可以用它來創建資料庫，當然了實際運用的比較少，我們部署專案的時候資料庫一般都是通過PowerDesigner來創建物理模型，然后在SQL Server 2014 Management Studio 來創建資料庫，通過他們來實作超級大的資料庫的創建，用起來也十分方便快捷，如果有想法的朋友可以點擊我的博客添加好友我會第一時間回復你的問題。
那么接下來我們來通過Microsoft visual studio 來創建一個輕量級資料交換格式
1st 滑鼠放在model檔案夾上面。點擊右鍵添加
2nd 選擇類點擊
3rd 選擇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
1st 打開我們的powerdesigner進入主頁面之間把歡迎頁面close
2nd 點擊file》》點擊new model
3rd 第一點擊Model types 第二點擊physical data model 第三默認選擇physicaldiagram 接下來就是你的模型名稱，和你資料庫是哪個版本的就選擇哪個版本 點擊OK
4th 頁面上找到physical diagram（物理圖表）點擊table，就是一個表格的樣子的那個，滑鼠放在頁面會自動改變樣子，點擊滑鼠右鍵取消表格選擇狀態
5th 在頁面上點擊一下，會出現一個表我們雙擊表格
6th General name就是我們顯示在頁面的名字，(需要注意的是書寫name的時候，code自行補全，name可以是英文的也可以是中文的，但是code必須是英文的。)
7th 創建一行自行命名就好如S_AirportID 之后選擇primary mandatory點擊表格和一個手的圖示勾選primary定義主鍵
8th 值得一說的是我們命名S_（custom name）：system系統表 D_（custom name）：dictionary字典表R_（custom name）：relationship中間表B_（custom name）：business業務表，當然了還有其他命名規則這里不一一描述，因為需求不一樣，規則也不一樣
9th 創建好你的各種表格之后我們就需要把他們的關系連接起來，就是通過右頁面的physical diagram reference來連接
10th 把你需要的表格創建進資料庫點擊上頁面的功能欄database 點擊database generation（快捷鍵：Ctrl+G）
11th 選擇preview 全部復制
12th 打開你的SQL server 2014 management studio
13th 創建你的資料庫名稱，
14th 然后選擇你的資料庫新建查詢快捷鍵（Ctrl+N）把復制好的代碼粘貼到頁面上，點擊執行，
15th 保存好，展開你的資料庫就能看見你創建好的串列，
16th 需要更改就需要點擊設計來改變資料型別或者自增，右鍵編輯可以為你的資料庫添加許許多多的資料
這樣我們創建好了一個資料庫，匯入到你的MVC就能將資料庫的資料顯示在你需要顯示的頁面上
總結：我們創建資料庫的方法十分的多樣化，這里只是舉其中一個代表性的例子，簡單易懂，實用性強，我們說不一樣的需求用不一樣的方法，和語言一樣沒有最好的語言，只有最適合的語言
本文章只代表個人觀點，我們不保證內容的正確性，著作權所有，保留一切權利—天狼
uj5u.com熱心網友回復：
這是在干嘛
uj5u.com熱心網友回復：
這類帖子版主沒有權利管的嘛？我都懷疑有機器人來拿博客當帖子發uj5u.com熱心網友回復：
應該設定為博客轉載請註明出處，本文鏈接：https://www.uj5u.com/net/14610.html
標籤：ASP.NET
上一篇：MYSQL資料庫的欄位大小寫敏感網上說是創建欄位的時候選中Binary,但是我一選中Binary然后應用，系統就報錯