Question

我有一个html文件，我想将其转换为.cshtml文件。

任何人都可以帮助我吗？

请在下面找到我的HTML代码

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">



  <link href="https://netdna.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css" rel="stylesheet">
  <link href="http://mistic100.github.io/jQuery-QueryBuilder/assets/css/docs.min.css" rel="stylesheet">
  <link href="http://mistic100.github.io/jQuery-QueryBuilder/assets/css/style.css" rel="stylesheet">

  <style>
    #content {
      background:#0074d9;
      background:linear-gradient(135deg, #0074d9, #001f3f);
    }
  </style>

  <script src="https://code.jquery.com/jquery-1.11.2.min.js"></script>
  <script src="https://netdna.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/bootbox.js/4.3.0/bootbox.min.js"></script>
  <script src="http://mistic100.github.io/jQuery-QueryBuilder/assets/js/docs.min.js"></script>
</head>

<body>

<section class="bs-docs-section clearfix">
  <h1 id="import_export" class="page-header">
    Import/Export
  </h1>

  <div class="col-md-12 col-lg-10 col-lg-offset-1">
    <div id="builder-import_export"></div>

    <div class="btn-group">
      <button class="btn btn-warning reset" data-target="import_export">Reset</button>
    </div>

    <div class="btn-group">
      <button class="btn btn-primary parse-sql" data-target="import_export" data-stmt="false">SQL</button>
    </div>
  </div>
</section>


<link href="http://mistic100.github.io/jQuery-QueryBuilder/dist/bootstrap-datepicker/dist/css/bootstrap-datepicker3.min.css" rel="stylesheet">
<link href="http://mistic100.github.io/jQuery-QueryBuilder/dist/seiyria-bootstrap-slider/dist/css/bootstrap-slider.min.css" rel="stylesheet">
<link href="http://mistic100.github.io/jQuery-QueryBuilder/dist/selectize/dist/css/selectize.default.css" rel="stylesheet">
<link href="http://mistic100.github.io/jQuery-QueryBuilder/dist/bootstrap-select/dist/css/bootstrap-select.min.css" rel="stylesheet">
<link href="http://mistic100.github.io/jQuery-QueryBuilder/dist/awesome-bootstrap-checkbox/awesome-bootstrap-checkbox.css" rel="stylesheet">
<link href="http://mistic100.github.io/jQuery-QueryBuilder/dist/jQuery-QueryBuilder/dist/css/query-builder.default.min.css" rel="stylesheet">

<script src="http://mistic100.github.io/jQuery-QueryBuilder/dist/momentjs/min/moment.min.js"></script>
<script src="http://mistic100.github.io/jQuery-QueryBuilder/dist/bootstrap-datepicker/dist/js/bootstrap-datepicker.min.js"></script>
<script src="http://mistic100.github.io/jQuery-QueryBuilder/dist/seiyria-bootstrap-slider/dist/bootstrap-slider.min.js"></script>
<script src="http://mistic100.github.io/jQuery-QueryBuilder/dist/selectize/dist/js/standalone/selectize.min.js"></script>
<script src="http://mistic100.github.io/jQuery-QueryBuilder/dist/bootstrap-select/dist/js/bootstrap-select.min.js"></script>
<script src="http://mistic100.github.io/jQuery-QueryBuilder/dist/jQuery-QueryBuilder/dist/js/query-builder.standalone.min.js"></script>
<script src="http://mistic100.github.io/jQuery-QueryBuilder/dist/sql-parser/browser/sql-parser.js"></script>

<script>var baseurl = 'http://mistic100.github.io/jQuery-QueryBuilder';</script>
<script src="http://mistic100.github.io/jQuery-QueryBuilder/assets/demo-basic.js"></script>
<script src="http://mistic100.github.io/jQuery-QueryBuilder/assets/demo-widgets.js"></script>
<script src="http://mistic100.github.io/jQuery-QueryBuilder/assets/demo-plugins.js"></script>
<script src="http://mistic100.github.io/jQuery-QueryBuilder/assets/demo-import-export.js"></script>
<script src="http://mistic100.github.io/jQuery-QueryBuilder/assets/demo.js"></script>

<style>
.code-popup { max-height:500px; }
</style>
      </div>

      <div class="col-md-3" role="complementary">
        <div class="bs-docs-sidebar hidden-print">


        </div>
      </div>
    </div>
  </div>

  <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.4.11/d3.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/trianglify/0.1.2/trianglify.min.js"></script>
  <script>trianglify('#0074d9', '#001f3f');</script>

</body>
</html>

有没有办法将其更改为.cshtml文件，以便我可以在ASP.NET MVC应用程序中使用它。

Answer 1

您直接在CSHTML页面中复制此HTML内容，它将正常工作。

Razor语法适用于cshtml中的文本框，下拉列表，列表框..剃刀控制器类型其他代码与HTML代码保持一致。

将html转换为cshtml文件

1 个答案: