将 Html 转换为 Cshtml模代尔 |在 THEMELOCK.COM 上分享

问题描述 投票:0回答:3

如何将其转换为带有 razor 标签的 cshtml?

<head>

    <!-- Basic -->
    <meta charset="UTF-8">

    <title>Modals | SHARED ON THEMELOCK.COM</title>
    <meta name="keywords" content="HTML5 Admin Template" />
    <meta name="description" content="Porto Admin - Responsive HTML5 Template">
    <meta name="author" content="okler.net">

    <!-- Mobile Metas -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />

    <!-- Web Fonts  -->
    <link href="http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800|Shadows+Into+Light" rel="stylesheet" type="text/css">

    <!-- Vendor CSS -->
    <link rel="stylesheet" href="assets/vendor/bootstrap/css/bootstrap.css" />
    <link rel="stylesheet" href="assets/vendor/font-awesome/css/font-awesome.css" />
    <link rel="stylesheet" href="assets/vendor/magnific-popup/magnific-popup.css" />
    <link rel="stylesheet" href="assets/vendor/bootstrap-datepicker/css/datepicker3.css" />

    <!-- Specific Page Vendor CSS -->
    <link rel="stylesheet" href="assets/vendor/pnotify/pnotify.custom.css" />

    <!-- Theme CSS -->
    <link rel="stylesheet" href="assets/stylesheets/theme.css" />

    <!-- Skin CSS -->
    <link rel="stylesheet" href="assets/stylesheets/skins/default.css" />

    <!-- Theme Custom CSS -->
    <link rel="stylesheet" href="assets/stylesheets/theme-custom.css">

    <!-- Head Libs -->
    <script src="assets/vendor/modernizr/modernizr.js"></script>

</head>
html razor
3个回答
5
投票

让我们开始旅程吧:

  1. 打开 HTML 文档
  2. 单击 CTRL+A
  3. 单击 CTRL+C
  4. 进入您的解决方案目录
  5. 创建新的空 *.cshtml 文件
  6. 单击 CTRL+V

仅此而已 - 会成功的。 (将来添加标签,您正在使用什么版本的 .Net 以及到底需要什么,因为我的答案对您的问题是正确的。有关 Razor 的更多信息,请阅读this


1
投票

创建一个新的cshtml文件。并粘贴您的代码


0
投票

首先,通过在解决方案资源管理器中重命名文件扩展名,将 html 页面转换为 cshtml。

在 HomeController.cs 中,根据页面名称添加以下行。

public ActionResult yourpage()
        {
            return View();
        }

然后在索引页面中,您可以将 href 值键入为

href="../Home/yourpage"

将此代码添加到您的 html 标签顶部以遵循您的自定义 CSS 布局

@{
    Layout = null;
}

然后尝试运行应用程序并测试链接。 希望有帮助。

© www.soinside.com 2019 - 2024. All rights reserved.