Question

我目前正在使用Asp.net MVC 5（.Net Framework 4.6）和AngularJS 2.0制作Web应用程序。

我照顾后端，我的朋友照顾前端。

现在，他给我发了3个js文件，1个html文件。任何人都可以帮我将这些文件导入MVC 5吗？

谢谢，

Answer 1

我假设你是MVC的新手...

创建一个新的MVC项目。
将您的js文件复制到脚本。（从资源管理器拖到视觉工作室）

使用js的最佳方法是制作一个包：

在app_start中，打开BundleConfig.cs
像这样创建一个新的Bundle：

bundles.Add（new ScriptBundle（“〜/ bundles / mybundle”）。包括（ “〜/脚本/ myjs1.js”， “〜/脚本/ myjs2.js”， “〜/脚本/ myjs3.js”））;
现在要渲染此捆绑包，请打开Views-＆gt; Shared-＆gt; _Layout.cshtml
转到底部，找到@Scripts.Render("~/bundles/jquery")
添加您的软件包：@Scripts.Render("~/bundles/mybundle")现在，您的js可用于所有页面。
我们需要创建一个控制器。右键单击Controllers文件夹 - ＆gt;添加 - ＆gt;控制器
选择MVC5 Controller Empty。
为此页面指定您喜欢的名称。

你会看到：

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

11。右键单击代码中的索引 - ＆gt;单击添加视图 12. VS将打开视图。将HTML粘贴到此处。

你很高兴！

要记住的事项1 - 路线：

MVC默认路由（URL）为/controller/Action/id

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

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

因此，如果您的网页是该网站的主页，请将其放入Views -> Home -> index.cshtml

要记住的事项2 - BUNDLES：

如果您只需要一页中的js，所有页面都可以使用捆绑包：

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

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

要记住的事项2 - 布局：

MVC的工作原理将您的内容划分为2个文件，这些文件对所有页面都很常见，例如导航栏，页脚，css和js调用驻留在：

Views -> Shared -> _Layout.cs

视图是页面中间的可更改内容，在_Layout.cshtml中查找方法@RenderBody()以查找视图的呈现位置。

也许你必须将朋友的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

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

https://github.com/victorantos/AngJobs/blob/master/AngJobs/App_Start/RouteConfig.cs

AngularJS 2与.NetFramework 4.6

2 个答案: