个⼈⽹站项⽬：基于ASP.NETCOREMVC和bootstrap实现个⼈⽹站项⽬：基于ASP.NET CORE和bootstrap实现（更新中）
基本内容：
个⼈主页
个⼈相册
个⼈⾳乐
基本功能：
利⽤数据库实现个⼈资料修改、更新
借助bootstrap框架实现响应式页⾯
借助bootstrap框架实现页⾯内导航
项⽬⽂件⽬录：
wwwroot：存放js⽂件和css⽂件，以及图⽚、⾳乐、视频⽂件；
Controlles：存放控制器，即拥有以下功能的类：
处理浏览器请求
检索模型数据
调⽤返回响应的视图模板
bootstrap项目Data：存放数据库上下⽂
Migrations：存放快照
Models：存放应⽤和管理数据的类
Vies：存放UI组件，显⽰数据
基本操作步骤及部分代码：
1、开发环境准备
我使⽤的是visual studio 2019，如果你之前没有安装ASP.NET CORE，可以通过visual studio installer安装。其中⼀种打开⽅式如下：
2、新建项⽬：
选择ASP.NET CORE Web应⽤（MVC），然后⼀直下⼀步⽣成项⽬。
3、在浏览器中启动项⽬
可以通过Ctrl + F5不经调试在浏览器中启动项⽬，界⾯如下：
可以看到地址栏中visual studio为我们随机分配的端⼝，页⾯中的链接有着ASP.NET CORE的详细教程。
4、添加控制器
选择Controllers，添加控制器，操作如下：
5、添加视图
选择Views⽂件夹，在其下新建⼀个Record⽂件夹，然后选择Record⽂件夹，右键—新建—视图，然后⼀直选添加即可。
然后向 Views\Record\Index.cshtml ⽂件中添加如下的代码：
@{
ViewData["Title"] = "Record";
}
<div class="text-center">
<h1>添加的第⼀个模块视图</h1>
</div>
<ul class="navbar-nav flex-grow-1">
<li class="nav-item">
<a class="nav-link text-dark" asp-area="" asp-controller="Home" asp-action="Index">Home</a>
</li>
<li class="nav-item">
<a class="nav-link text-dark" asp-area="" asp-controller="Home" asp-action="Privacy">Privacy</a>
</li>
</ul>
我们再添加⼀个列表项，将 asp-controller 属性改成 "Record" , 然后将asp-action属性更改为Index，中间的⽂本改成Record，更改后的代码如下：

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。