个人中心
gpt4 book ai didi

asp.net-mvc - angularjs 仅带有 cshtml 页面，而不是带有 web api 2 的 html 页面

转载 作者：行者123 更新时间：2023-12-03 17:38:33 32 4
gpt4 key购买 nike

我有asp。净 mvc4 项目。 Angularjs 已集成。
我已经按照以前的要求构建了 HTML 页面和 WEB API 2。

现在出于某种原因，我必须使用 CSHTML 页面。以前我只有 web api 项目模板，所以我不能使用 cshtml 页面，因为只有 MVC Controller 可以返回部分页面(cshtml)，但我只使用 web apis ...

所以改变了整个项目模板，所以现在我可以拥有 mvc Controller ......

简而言之，目前我有已经构建的 web apis 和 html 页面的 mvc4 项目.....

我只想使用 CSHTML 页面而不是使用 HTML 页面，其余的东西应该是这样的......

是否可以？

我可能听起来很傻，但现在需要它。帮助将不胜感激...

仅限 Web api、cshtml 页面和 angularjs。不是 web api、html 页面和 angularjs。

如果我更换 html页面来自 cshtml, Angular 路线将如何受到影响？

最佳答案

嗯，这就是我如何使用它。

有 index.cshtml 像这样

@using System.Web.Optimization
@inherits System.Web.Mvc.WebViewPage
@{ Layout = null; }<!DOCTYPE html>
<html data-ng-app="MyProject">
<head>
    <title data-ng-controller="TitleCtrl" data-ng-bind="Title">My Project</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta http-equiv="cache-control" content="max-age=0" />
    <meta http-equiv="cache-control" content="no-cache" />
    <meta http-equiv="expires" content="0" />
    <meta http-equiv="expires" content="Tue, 01 Jan 1980 1:00:00 GMT" />
    <meta http-equiv="pragma" content="no-cache" />

    @Styles.Render("~/Content/min/css")
</head>
<body class="body" id="body">

    <div class="body" data-ui-view="body"></div>

    @Scripts.Render("~/js/angular")
    @Scripts.Render("~/js/MyProject")
</body>
</html>

注意:使用 Angular UI-Router , 这就是为什么 ui-view就位

但仍然必须有 HomeController : 
public class HomeController : Controller
{
    public ActionResult Index()
    {
        // below I do some tricks to make app running on 
        // http://mydomain/app as well as on
        // http://mydomain/app/  (see the / at the end)

        var root = VirtualPathUtility.ToAbsolute("~/");
        var applicationPath = Request.ApplicationPath;
        var path = Request.Path;
        var hasTraillingSlash = root.Equals(applicationPath
                                      , StringComparison.InvariantCultureIgnoreCase)
                || !applicationPath.Equals(path
                                      , StringComparison.InvariantCultureIgnoreCase);
        if (!hasTraillingSlash)
        {
            return Redirect(root + "#");
        }

        // my view is not in Views, but in the root of a web project
        return View("~/Index.cshtml");
    }
}

因此，通过这种方式，我可以使用 Bundle 配置(javascript、css)的强大功能……同时从 http://mydomain/app 开始 angular或 http://mydomain/app/ .检查也类似 here

同样在 global.asax 中，我们应该配置 ASP.NET MVC: 
public static void RegisterRoutes(RouteCollection routes)
{
    routes.IgnoreRoute("{resource}.axd/{*pathInfo}");
    routes.IgnoreRoute("fonts*.woff");

    routes.MapRoute(
      name: "Default",
      url: "{controller}/{action}/{id}",
      defaults: new {controller = "Home", action = "Index", id =UrlParameter.Optional}
    );
}

而 Web API 应该是: 
const string IdPattern = @"\d+|[A-Za-z]{1,2}";
public static void SetRouting(HttpConfiguration config)
{
    // some custom routes
    ...            

    // and a default one
    config.Routes.MapHttpRoute(
        name: "DefaultApi",
        routeTemplate: "api/{controller}/{id}"
        , constraints: new { id = IdPattern }
        , defaults: new { id = RouteParameter.Optional }
    );

关于asp.net-mvc - angularjs 仅带有 cshtml 页面，而不是带有 web api 2 的 html 页面，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/27675308/

32 4 0
文章推荐： sql-server - 使用左连接在单个更新语句中更新多个表
文章推荐： sql-server - 将 xml 字符串参数传递给 SQL Server 存储过程
文章推荐： macos - SQLite header 和源版本不匹配
文章推荐： python-3.x - 如何将 .ckpt 转换为 .pb？
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com