AngularJS 2与.NetFramework 4.6

Question

我目前正在使用Asp.net MVC 5 (.Net Framework4.6)和AngularJS 2.0开发一个web应用程序。

我负责后端，我的朋友负责前端。

现在，他给我发了3个js文件，1个html文件。有人能帮我把这些文件导入MVC 5吗？

谢谢,

Answer 1

我假设你是新来的MVC.

1. 创建一个新的MVC项目。
2. 将js文件复制到脚本中。(从资源管理器拖动到visual studio)

使用js的最佳方法是打包：

1. 在app_start中，打开BundleConfig.cs
2. 创建一个像这样的新包： 新bundles.Add(“~/ScriptBundle/mybundle”).Include(“~/Script/myjs1.js”、"~/Scripts/myjs2.js“、”~/Scripts/myjs3.js“)；
3. 现在，要呈现这个包，打开视图->Shared->_Layout.cshtml
4. 到底部，找到@Scripts.Render("~/bundles/jquery")
5. 添加您的包：@Scripts.Render("~/bundles/mybundle")现在，您的js对所有页面都可用。
6. 我们需要建立一个控制器。右键单击“控制器”文件夹->添加->控制器
7. 选择MVC5控制器空。
8. 给它一个你喜欢的这个页面的名字。

你会看到这一点：

public class testeController : Controller
    {
        // GET: teste
        public ActionResult Index()
        {
            return View();
        }
    }

1. 右键单击代码->中的索引，单击add view 12。VS将打开视图。粘贴你的HTML在这里。

你可以走了！

要记住的事情1-路线：

MVC默认路由(URL)是/controller/Action/id

在上面的示例中，您的url将是：/teste或/teste/index，因为它是控制器的名称。

如果没有提供，MVC使用Home作为控制器名，Index作为动作名，id是可选的。

因此，如果您的页面是站点的主页，则将其放在Views -> Home -> index.cshtml中。

的事情要记住2-包：

如果您只需要在一个页面中使用js，那么所有页面都可以使用包，如下所示：

打开您的视图，转到文件的底部并执行以下操作：

@section scripts{
    <script src="~/Scripts/js1.js"></script>
    <script src="~/Scripts/js2.js"></script>
    <script src="~/Scripts/js3.js"></script>
}

要记住的事情2-布局：

MVC将您的内容分成两个文件，所有页面共有的内容，如导航栏、页脚、css和js调用位于：

Views -> Shared -> _Layout.cs

视图是页面中间可更改的内容，请查找_Layout.cshtml中的方法_Layout.cshtml，以查找视图将呈现在何处。

也许你必须将你朋友的html分割成_layout中的一些和视图中的一些。这很常见。

祝好运和快乐编码！！

Answer 2

好的,

创建一个../app文件夹并删除js文件

您所拥有的html文件，我建议您将其内容复制到剃须刀视图../Views/App/MyPage.cshtml中。

然后创建一个c#控制器，该控制器将返回视图AppController

public class AppController : Controller
   {
      public ActionResult MyPage()
      {
        return PartialView();
      }

像这样的https://github.com/victorantos/AngJobs/blob/master/AngJobs/Controllers/AppController.cs

另一个重要注意事项，确保您的路由器配置正确，如下所示

Start/RouteConfig.cs