导航
  • 主页
  • .NET Framework
  • ASP
  • Web Services
  • .NET互联网桌面应用
  • VB
  • 图表区
  • 分析与设计
  • 组件/控件开发
  • AppLauncher
  • 问答

MVC-简介 ,MVC_数据库文献种类:2020年8月专题技术文献

世本|常态 2020-08-17 09:13:28
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="~/Plugins/bootstrap-4.1.3-dist/css/bootstrap.min.css" rel="stylesheet" />
<link href="~/Plugins/layui/css/layui.css" rel="stylesheet" />
<!--封装样式表-->
<link href="~/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="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="~/Plugins/jquery-3.2.1.min.js"></script>
<script src="~/Plugins/bootstrap-4.1.3-dist/js/bootstrap.min.js"></script>
<script src="~/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就能将数据库的数据显示在你需要显示的页面上
总结:我们创建数据库的方法十分的多样化,这里只是举其中一个代表性的例子,简单易懂,实用性强,我们说不一样的需求用不一样的方法,和语言一样没有最好的语言,只有最适合的语言

本文章只代表个人观点,我们不保证内容的正确性,版权所有,保留一切权利—天狼
...全文
4790 点赞 收藏 3
写回复
3 条回复
切换为时间正序
请发表友善的回复…
发表回复
Dear200892 2020-08-19
应该设置为博客
回复
正怒月神 版主 2020-08-18
这是在干嘛
回复
EdsionWang 2020-08-18
这类帖子版主没有权利管的嘛?我都怀疑有机器人来拿博客当帖子发
回复
发动态
发帖子
.NET技术社区
创建于2007-09-28

5.8w+

社区成员

.NET技术交流专区
申请成为版主
社区公告
暂无公告