IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> 开发测试 -> 【.NET MVC】VS2019新建一个ASP.NET MVC项目 -> 正文阅读

[开发测试]【.NET MVC】VS2019新建一个ASP.NET MVC项目

一、新建一个MVC项目


1.打开VS2019,点击创建新项目
在这里插入图片描述
2.选则ASP.NET Web 应用程序(.NET Framework),点击下一步在这里插入图片描述
3.对项目命名以及选择项目保存路径,然后点击创建
请添加图片描述
4.选择MVC,点击创建
请添加图片描述
5.创建完成
请添加图片描述

二、程序书写


1.点击程序调试按钮(快捷键F5)
请添加图片描述
2.我门可以看到有一个页面生成,这时微软给我们的内置例程,同时可以观察页面中的元素,可以了解到后程序书写的位置
请添加图片描述
3.打开Controllers(控制器)文件夹,可以看到里面的一个HomeController.cs文件,打开,可以看到程序内有方法,对应上一步生成页面中的主页,关于,联系方式,从而可以知道,后台响应程序在这里书写
请添加图片描述
4.HTML程序和css程序scripts程序书写位置
在Content文件夹中添加css程序,在Scripts文件夹中添加js文件,在Views文件夹中的对应控制器文件夹中添加相应的html文件
请添加图片描述

三、举例


1.打开About.html文件,删除文件夹中所有程序,然后开写入程序请添加图片描述
意思是不使用任何布局,这样的话就不会和内置例程的布局冲突

@{
	Layout = null; 
}

后面写的就和Html程序一模一样就行,运行程序
请添加图片描述
2.添加及引用css文件
右键点击Content文件夹,选择添加选项,选择新建项
请添加图片描述
请添加图片描述
弹出选择窗口后,在Web类型中选择样式表,命名后点击创建请添加图片描述
在新建好的css文件中,添加css代码
请添加图片描述
在html程序中添加css引用
请添加图片描述

 @Styles.Render("~/Content/StyleSheet1.css")

再次运行程序,可以看到样式已经被引用进来了
请添加图片描述

  开发测试 最新文章
pytest系列——allure之生成测试报告(Wind
某大厂软件测试岗一面笔试题+二面问答题面试
iperf 学习笔记
关于Python中使用selenium八大定位方法
【软件测试】为什么提升不了?8年测试总结再
软件测试复习
PHP笔记-Smarty模板引擎的使用
C++Test使用入门
【Java】单元测试
Net core 3.x 获取客户端地址
上一篇文章      下一篇文章      查看所有文章
加:2021-08-08 11:51:54  更:2021-08-08 11:52:10 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/17 20:29:00-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码