React+BootStrap+ASP.NET MVC实现自适应和组件的复用

.NET跨平台 .NET跨平台 博客等级 墨衍会员 · AI 创作全网分发 墨衍智能分发 本文由作者通过墨衍一键同步至各平台 1分发平台 2.9k累计阅读 3k平均单平台 已同步平台 优快云 微信公众号 微博 知乎 掘金 百家号 博客园 抖音 小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年，写一次发全网 我也要 码龄15年
关注
转载 最新推荐文章于 2026-08-27 09:30:23 发布 2.9k 阅读 AI 写同款· GEO 优化 ›
ASP.NET MVC架构原理与请求生命周期深度解析 MVC（Model-View-Controller）是一种经典的软件分层架构模式，其核心在于职责分离与请求驱动的流程控制。它通过明确划分数据模型、用户界面和协调逻辑，解决Web开发中测试困难、SEO不友好及前后端协作低效等共性问题。技术演进中，尽管框架形态不断变化（如React、Spring MVC、Express），但HTTP请求处理的关键节点——路由匹配、控制器调度、模型绑定、视图渲染——始终构成服务端渲染的底层共识。深入理解MVC的12步请求生命周期与Model Binding机制，不仅能精准定位40 阅读详情

1、前端采用bootstrap3进行架构

2、后端采用asp.net mvc进行开发

开发工具vs2010 mvc4需要安装sp1的补丁。

3、js组件的封装采用react

  1. 新建mvc项目
    BootStrapReactAndMVC。在Views\Shared\新建_Layout.cshtml文件。将bootstrap的引用进行添加
  2. 新建HomeController和ReportController两个Controller对象。
  3. 新建renHangCPU.jsx文件。文件的内容如下
var CPUWatch = React.createClass({
  render: function() {
    return (<div>
        <h2 className="sub-header">CPU监控</h2>
        <div className="row placeholders">
          <div className="col-xs-6 col-sm-3 placeholder">
            <img data-src="holder.js/200x200/auto/sky" className="img-responsive" alt="Generic placeholder thumbnail"/>
            <h4>CPU1</h4>
            <span class="text-muted">使用率10%</span>
          </div>
          <div className="col-xs-6 col-sm-3 placeholder">
            <img data-src="holder.js/200x200/auto/vine" className="img-responsive" alt="Generic placeholder thumbnail"/>
            <h4>CPU2</h4>
            <span class="text-muted">使用率10%</span>
          </div>
          <div className="col-xs-6 col-sm-3 placeholder">
            <img data-src="holder.js/200x200/auto/sky" className="img-responsive" alt="Generic placeholder thumbnail"/>
            <h4>CPU3</h4>
            <span class="text-muted">使用率10%</span>
          </div>
          <div className="col-xs-6 col-sm-3 placeholder">
            <img data-src="holder.js/200x200/auto/vine" className="img-responsive" alt="Generic placeholder thumbnail"/>
            <h4>CPU4</h4>
            <span class="text-muted">使用率20%</span>
          </div>
        </div>
      </div>
    );
  }
})

新建renhangyingyanjsx.jsx文件。文件的内容如下

var YingPanWatch = React.createClass({
  render: function () {
    return (<div><h2 className="sub-header">硬盘吞吐量</h2>
      <div className="table-responsive">
        <table className="table table-striped">
          <thead>
          <tr>
            <th>#</th>
            <th>磁盘1</th>
            <th>磁盘2</th>
            <th>磁盘3</th>
            <th>磁盘4</th>
          </tr>
          </thead>
          <tbody>
          <tr>
            <td>1,001</td>
            <td>100</td>
            <td>100</td>
            <td>100</td>
            <td>100</td>
          </tr>
          <tr>
            <td>1,001</td>
            <td>100</td>
            <td>100</td>
            <td>100</td>
            <td>100</td>
          </tr>
          <tr>
            <td>1,001</td>
            <td>100</td>
            <td>100</td>
            <td>100</td>
            <td>100</td>
          </tr>
          <tr>
            <td>1,001</td>
            <td>100</td>
            <td>100</td>
            <td>100</td>
            <td>100</td>
          </tr>
          <tr>
            <td>1,001</td>
            <td>100</td>
            <td>100</td>
            <td>100</td>
            <td>100</td>
          </tr>
          <tr>
            <td>1,001</td>
            <td>100</td>
            <td>100</td>
            <td>100</td>
            <td>100</td>
          </tr>
          <tr>
            <td>1,001</td>
            <td>100</td>
            <td>100</td>
            <td>100</td>
            <td>100</td>
          </tr>
          <tr>
            <td>1,001</td>
            <td>100</td>
            <td>100</td>
            <td>100</td>
            <td>100</td>
          </tr>
          <tr>
            <td>1,001</td>
            <td>100</td>
            <td>100</td>
            <td>100</td>
            <td>100</td>
          </tr>
          <tr>
            <td>1,001</td>
            <td>100</td>
            <td>100</td>
            <td>100</td>
            <td>100</td>
          </tr>
          <tr>
            <td>1,001</td>
            <td>100</td>
            <td>100</td>
            <td>100</td>
            <td>100</td>
          </tr>
          <tr>
            <td>1,001</td>
            <td>100</td>
            <td>100</td>
            <td>100</td>
            <td>100</td>
          </tr>
          <tr>
            <td>1,001</td>
            <td>100</td>
            <td>100</td>
            <td>100</td>
            <td>100</td>
          </tr>
          </tbody>
        </table>
      </div>
    </div>)
  }
})

sx不能被直接引用。我们要用ES的编译器进行编译。

http://babeljs.cn/repl/ 在这个网址上进行编译。

编译后的文件如下

renHangCPU1.js 可以直接引用

"use strict";

var CPUWatch = React.createClass({
  displayName: "CPUWatch",

  render: function render() {
    return React.createElement(
      "div",
      null,
      React.createElement(
        "h2",
        { className: "sub-header" },
        "CPU监控"
      ),
      React.createElement(
        "div",
        { className: "row placeholders" },
        React.createElement(
          "div",
          { className: "col-xs-6 col-sm-3 placeholder" },
          React.createElement("img", { "data-src": "holder.js/200x200/auto/sky", className: "img-responsive", alt: "Generic placeholder thumbnail" }),
          React.createElement(
            "h4",
            null,
            "CPU1"
          ),
          React.createElement(
            "span",
            { "class": "text-muted" },
            "使用率10%"
          )
        ),
        React.createElement(
          "div",
          { className: "col-xs-6 col-sm-3 placeholder" },
          React.createElement("img", { "data-src": "holder.js/200x200/auto/vine", className: "img-responsive", alt: "Generic placeholder thumbnail" }),
          React.createElement(
            "h4",
            null,
            "CPU2"
          ),
          React.createElement(
            "span",
            { "class": "text-muted" },
            "使用率10%"
          )
        ),
        React.createElement(
          "div",
          { className: "col-xs-6 col-sm-3 placeholder" },
          React.createElement("img", { "data-src": "holder.js/200x200/auto/sky", className: "img-responsive", alt: "Generic placeholder thumbnail" }),
          React.createElement(
            "h4",
            null,
            "CPU3"
          ),
          React.createElement(
            "span",
            { "class": "text-muted" },
            "使用率10%"
          )
        ),
        React.createElement(
          "div",
          { className: "col-xs-6 col-sm-3 placeholder" },
          React.createElement("img", { "data-src": "holder.js/200x200/auto/vine", className: "img-responsive", alt: "Generic placeholder thumbnail" }),
          React.createElement(
            "h4",
            null,
            "CPU4"
          ),
          React.createElement(
            "span",
            { "class": "text-muted" },
            "使用率20%"
          )
        )
      )
    );
  }
});

renhangyingpanjs.js 可以直接被引用

"use strict";

var YingPanWatch = React.createClass({
  displayName: "YingPanWatch",

  render: function render() {
    return React.createElement(
      "div",
      null,
      React.createElement(
        "h2",
        { className: "sub-header" },
        "硬盘吞吐量"
      ),
      React.createElement(
        "div",
        { className: "table-responsive" },
        React.createElement(
          "table",
          { className: "table table-striped" },
          React.createElement(
            "thead",
            null,
            React.createElement(
              "tr",
              null,
              React.createElement(
                "th",
                null,
                "#"
              ),
              React.createElement(
                "th",
                null,
                "磁盘1"
              ),
              React.createElement(
                "th",
                null,
                "磁盘2"
              ),
              React.createElement(
                "th",
                null,
                "磁盘3"
              ),
              React.createElement(
                "th",
                null,
                "磁盘4"
              )
            )
          ),
          React.createElement(
            "tbody",
            null,
            React.createElement(
              "tr",
              null,
              React.createElement(
                "td",
                null,
                "1,001"
              ),
              React.createElement(
                "td",
                null,
                "100"
              ),
              React.createElement(
                "td",
                null,
                "100"
              ),
              React.createElement(
                "td",
                null,
                "100"
              ),
              React.createElement(
                "td",
                null,
                "100"
              )
            ),
            React.createElement(
              "tr",
              null,
              React.createElement(
                "td",
                null,
                "1,001"
              ),
              React.createElement(
                "td",
                null,
                "100"
              ),
              React.createElement(
                "td",
                null,
                "100"
              ),
              React.createElement(
                "td",
                null,
                "100"
              ),
              React.createElement(
                "td",
                null,
                "100"
              )
            ),
            React.createElement(
              "tr",
              null,
              React.createElement(
                "td",
                null,
                "1,001"
              ),
              React.createElement(
                "td",
                null,
                "100"
              ),
              React.createElement(
                "td",
                null,
                "100"
              ),
              React.createElement(
                "td",
                null,
                "100"
              ),
              React.createElement(
                "td",
                null,
                "100"
              )
            ),
            React.createElement(
              "tr",
              null,
              React.createElement(
                "td",
                null,
                "1,001"
              ),
              React.createElement(
                "td",
                null,
                "100"
              ),
              React.createElement(
                "td",
                null,
                "100"
              ),
              React.createElement(
                "td",
                null,
                "100"
              ),
              React.createElement(
                "td",
                null,
                "100"
              )
            ),
            React.createElement(
              "tr",
              null,
              React.createElement(
                "td",
                null,
                "1,001"
              ),
              React.createElement(
                "td",
                null,
                "100"
              ),
              React.createElement(
                "td",
                null,
                "100"
              ),
              React.createElement(
                "td",
                null,
                "100"
              ),
              React.createElement(
                "td",
                null,
                "100"
              )
            ),
            React.createElement(
              "tr",
              null,
              React.createElement(
                "td",
                null,
                "1,001"
              ),
              React.createElement(
                "td",
                null,
                "100"
              ),
              React.createElement(
                "td",
                null,
                "100"
              ),
              React.createElement(
                "td",
                null,
                "100"
              ),
              React.createElement(
                "td",
                null,
                "100"
              )
            ),
            React.createElement(
              "tr",
              null,
              React.createElement(
                "td",
                null,
                "1,001"
              ),
              React.createElement(
                "td",
                null,
                "100"
              ),
              React.createElement(
                "td",
                null,
                "100"
              ),
              React.createElement(
                "td",
                null,
                "100"
              ),
              React.createElement(
                "td",
                null,
                "100"
              )
            ),
            React.createElement(
              "tr",
              null,
              React.createElement(
                "td",
                null,
                "1,001"
              ),
              React.createElement(
                "td",
                null,
                "100"
              ),
              React.createElement(
                "td",
                null,
                "100"
              ),
              React.createElement(
                "td",
                null,
                "100"
              ),
              React.createElement(
                "td",
                null,
                "100"
              )
            ),
            React.createElement(
              "tr",
              null,
              React.createElement(
                "td",
                null,
                "1,001"
              ),
              React.createElement(
                "td",
                null,
                "100"
              ),
              React.createElement(
                "td",
                null,
                "100"
              ),
              React.createElement(
                "td",
                null,
                "100"
              ),
              React.createElement(
                "td",
                null,
                "100"
              )
            ),
            React.createElement(
              "tr",
              null,
              React.createElement(
                "td",
                null,
                "1,001"
              ),
              React.createElement(
                "td",
                null,
                "100"
              ),
              React.createElement(
                "td",
                null,
                "100"
              ),
              React.createElement(
                "td",
                null,
                "100"
              ),
              React.createElement(
                "td",
                null,
                "100"
              )
            ),
            React.createElement(
              "tr",
              null,
              React.createElement(
                "td",
                null,
                "1,001"
              ),
              React.createElement(
                "td",
                null,
                "100"
              ),
              React.createElement(
                "td",
                null,
                "100"
              ),
              React.createElement(
                "td",
                null,
                "100"
              ),
              React.createElement(
                "td",
                null,
                "100"
              )
            ),
            React.createElement(
              "tr",
              null,
              React.createElement(
                "td",
                null,
                "1,001"
              ),
              React.createElement(
                "td",
                null,
                "100"
              ),
              React.createElement(
                "td",
                null,
                "100"
              ),
              React.createElement(
                "td",
                null,
                "100"
              ),
              React.createElement(
                "td",
                null,
                "100"
              )
            ),
            React.createElement(
              "tr",
              null,
              React.createElement(
                "td",
                null,
                "1,001"
              ),
              React.createElement(
                "td",
                null,
                "100"
              ),
              React.createElement(
                "td",
                null,
                "100"
              ),
              React.createElement(
                "td",
                null,
                "100"
              ),
              React.createElement(
                "td",
                null,
                "100"
              )
            )
          )
        )
      )
    );
  }
});

4、然后在下面的view Home/Index上我们添加如下的代码

@{
    ViewBag.Title = "欢迎使用";
      ViewBag.WhichPage="Home";
    Layout = "~/Views/Shared/_Layout.cshtml";
 }


  @section Scripts {
    <script type="text/babel">
      ReactDOM.render(
    <CPUWatch/>,
      document.getElementById('divCPU')
    );

      ReactDOM.render(
        <YingPanWatch/>,
        document.getElementById('divYingpan')
      );

  </script>
  }

   <div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main" >
          <div id="divCPU"></div>
          <div id="divYingpan"></div>
          </div>

在Report的Index上添加如下代码

@{
    ViewBag.Title = "欢迎使用";
    Layout = "~/Views/Shared/_Layout.cshtml";
    ViewBag.WhichPage="Report";
 }


  @section Scripts {
    <script type="text/babel">
      ReactDOM.render(
    <CPUWatch/>,
      document.getElementById('divCPU')
    );

      ReactDOM.render(
        <YingPanWatch/>,
        document.getElementById('divYingpan')
      );

  </script>
  }

   <div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main" >

          <div id="divYingpan"></div>
           <div id="divCPU"></div>
          </div>

运行结果如图:

这里写图片描述

这里写图片描述

这里写图片描述

收录于
ASP.NET MVC4|MVC5

当前文章被收录于：

ASP.NET MVC4|MVC5
123 篇文章 12 人学习
订阅专栏 查看详情
React.js+ReactNative

当前文章被收录于：

React.js+ReactNative
31 篇文章 1 人学习
订阅专栏 查看详情
标签
#bootstrap #asp.net #mvc #react
ASP.NET MVC与WebAPI混合架构实战：路由、控制器与依赖注入的解决方案 在.NET企业级应用开发中，ASP.NET MVC和WebAPI是构建Web服务的两大核心框架。MVC遵循模型-视图-控制器的设计模式，专注于服务端渲染动态页面；而WebAPI基于RESTful原则，专为构建HTTP数据接口而生。两者的核心差异在于路由机制、控制器基类与请求处理管道。在技术价值层面，混合使用二者能复用代码库并快速交付全功能Web应用，但不当的融合会引发路由冲突、依赖注入混乱等架构问题。典型的应用场景包括历史项目现代化改造、内部管理系统以及需要同时支持网页与API接口的中后台应用。本文聚焦于混 阅读详情

相关推荐

Asp.Net中MVC使用bootstrap模态框+Ajax实现增改操作

1.控制器代码 using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.Mvc; using Com.Fengsl.Lz.Models; namespace Com.Fengsl.Lz.Controllers { public class RoleController : Controller { RbacDBEntities

axyj6666的博客 1368

C# + MVC + BootStrap Table 简单封装

前言： 1、Bootstrap本身是一个非常优秀的前端框架，bootstrap table 是其配套风格的表格插件，功能强大。 2、网上有非常多的 bootstrap table 的说明和教程，中文官网地址：       http://bootstrap-table.wenzhixin.net.cn/zh-cn/ 3、其配置参数非常的丰富，基本可以满足平时开发的一般需求，下面是文档地址...

Tomato2313的博客 6128

ASP网上报修系统源码解析：从经典三层架构到安全加固实战

Web应用开发的核心在于理解数据流、状态管理与安全机制。经典的三层架构通过分离表示层、业务逻辑层和数据访问层，实现了代码的模块化与可维护性，其原理至今仍是现代框架的设计基础。在工程实践中，数据库操作与用户输入处理是安全的关键环节，不当的实现会引发严重漏洞。以工单系统为例，其业务流程天然涉及用户提交、数据处理与状态流转，是学习Web开发的典型场景。本文聚焦于一个基于ASP和Access的网上报修系统源码，针对其存在的SQL注入风险，详细阐述了如何使用参数化查询进行安全加固，并探讨了在用户会话管理中实施权限控制

weixin_30756499的博客 370

[ASP.NET MVC] 使用Bootstrap套件

[ASP.NET MVC] 使用Bootstrap套件 前言 在开发Web项目的时候，除了一些天赋异禀的开发人员之外，大多数的开发人员应该都跟我一样，对于如何建构出「美观」的用户接口而感到困扰。这时除了，加入美术人员这个选项之外，开发人员也可以自立自强，为Web项目内加入Bootstrap套件。透过使用Bootstrap套件中各种设计精美的样式、组件，来让Web项目的用户接口更加的美观大气...

weixin_30532987的博客 171

如何写毕业设计（论文）的开题报告？（论坛类系统为例）

本文以论坛类系统为例，详细介绍软件工程类毕业设计开题报告的撰写方法。主要内容包括：课题题目应采用"基于【技术名称】的【系统名称】的研究与实现"的格式；课题背景需从社会需求、技术可行性、开发条件和应用场景四个维度论证；研究内容应包含系统架构、前后端功能模块和数据库设计；研究方法应分阶段描述开发流程；预期结果需说明系统功能、技术架构和性能指标等。文章还提供了文献查找方法、参考文献引用技巧等实用建议，并附有完整的开题报告样例供参考。

worldmelon的博客 366

基于ASP.NET MVC + Bootstrap的仓库管理系统

基于ASP.NET MVC + Bootstrap的仓库管理系统。源码亲测可用，含有简单的说明文档。适合单仓库，基本的仓库入库管理，出库管理，盘点，报损，移库，库位等管理，有着可视化图表。系统采用Bootstrap 开发，UI 相对比较简单，业务功能不复杂，适合广大开发者。主要包含功能如下:系统管理----员工管理----角色管理----部门管理----菜单管理----权限分配----标识符管理基本资料----供应商管理----库位管理----客户管理。

JData_Engineer的博客 1296

ASP.NET MVC+Sqlserver+Bootstrap-table+三层架构

一 技术方案介绍 1.软件架构 三层架构，即UI+BLL+DAL+Model+Common 2.技术选型 ASP.NET MVC+Sqlserver+Bootstrap-table 3.开发环境 Visual Studio 2017,Sql Server 2012+,Win10 4.解决方案 二 业务介绍 1.增删该查 2.父子表 3.分页功能 4.导入导出 三...

Alan_beijing 1464

ASP.NET MVC4+EF6+Bootstrap3 通用后台管理系统(含权限)

框架使用场景：OA、ERP、BPM、CRM、WMS、TMS、MIS等业务管理系统及后台系统

ASP.NET MVC三层架构项目深度解析：从经典实现到现代化重构

三层架构是构建企业级Web应用的核心设计模式，通过分离表示层、业务逻辑层和数据访问层，实现了高内聚低耦合的代码组织。其原理在于明确各层职责：表示层处理用户交互，业务层封装核心规则，数据层负责持久化操作。这种分层设计的技术价值在于提升系统的可维护性、可测试性和团队协作效率，尤其适用于业务逻辑复杂的管理系统。在应用场景上，三层架构广泛应用于ERP、CRM、供应链管理等传统行业信息化系统，为业务稳定运行提供坚实基础。本文以ASP.NET MVC项目为例，深入剖析其控制器（Controller）如何作为请求调度中枢

weixin_30736301的博客 345

C#MVC 三层架构 ，清晰明了 bootsrap

适合公司运用，及个学习，如果有bug ,可以相互学习，值的学习

MAX SHOP网络购物商城（MVC）

ASP.NET Mvc应用程序（源码、数据库等），使用技术ASP.NET MVC、layui、jquery、HTML+CSS、cookie、SQL、JavaScript、EF等等技术， 功能模块主要为登录注册、首页商品查看、加入购物车、购物车结算等等，后台有商品展示查询、修改商品、新增商品、删除商品 、用户管理等等，其他功能可根据源码进行查看，每个功能模块的功能都已经实现，并数据和数据库实 现同步，数据的附加使用脚本形式，将附加脚本用SQL server打开修改保存路径执行即可。

ASP.NET MVC与Web API核心配置实战：路由、依赖注入与部署避坑指南

在Web应用开发中，框架配置是连接底层原理与上层应用的关键环节，它决定了请求处理、组件协作和系统部署的稳定性。其核心原理在于通过声明式或代码式配置，引导框架在运行时正确加载程序集、解析依赖关系并映射HTTP请求到对应的处理逻辑。深入理解配置机制的技术价值在于，它能将开发从“盲目试错”提升至“精准设计”，显著提升应用的可靠性、可维护性和跨环境部署的一致性。尤其在构建企业级服务或维护遗留系统时，合理的配置策略能有效应对路由冲突、依赖注入和程序集绑定等常见挑战。本文聚焦于ASP.NET MVC与Web API框架

weixin_30824479的博客 388

HLM（多层线性模型）在stata中语句

在阅读CEPS中发现有些研究采用的是HLM模型，HLM简单来说用一个方程跑两个回归。举例，对学习成绩影响因素，不同层有不同的影响，如在个体层面上个体特征会对成绩产生影响，在学校层面学校排名等因素会对成绩产生影响，两种因素不在一个层面，每层造成的差异都不相同。 在找相关语句时候发现操作这个语句的软件大多是SPSS和HLM，对于stata操作者并不友好。因此，在有限资料中总结了HLM在stata中的语句，后面会附上学习视频和链接。 先放语句，后面对方程式一个大致解析。由于针对HLM有一本书的介绍，可能一篇文章无

weixin_44652251的博客 1万+

月薪5万，全靠这款高质量Web前端开发框架！

文章转自：独家记忆0408   一个前端开发框架其实就是一系列产品化的HTML/CSS/JavaScript组件的集合，我们可以在设计中使用它们。前端开发框架有很多，其中有一些写得很棒。为了大家的使用便利，下文列举了目前最强大应用最广泛的几款前端开发框架。记住，这些框架并不仅仅是CSS 栅格之类的一些东西，它们包括的是整套的前端开发框架。 1.vue vue如今可谓是一匹黑马,gith...

优快云学习 1588

PX4代码解析(1)

前言 做pixhawk飞控有一段时间了，但在学习过程中遇到许多困难，目前网上找不到比较完整的PX4学习笔记，我打算结合自己理解，写写自己对PX4源码的理解，不一定对，只是希望与各位大佬交流交流，同时梳理一下无人机知识。 目前打算分享以下几个内容：代码架构；通信协议；姿态解算算法，控制算法。先这样，后面想到再加。本章先来聊聊px4代码结构 一、代码整体结构 既然要聊px4代码结构，那就先把px4代码结构图放出来,因为px4源码仍然在不断更新迭代，因此老版本与新版本目录结构可能有些不同，我的代码解析参考版本为V

qq_36903625的博客 1万+

【解决方案】使用transformer指定显卡后，模型依然加载到默认第1张显卡上

按理说指定了环境变量为后面几张显卡，模型会自动加载到我们指定的显卡上。可是查看gpu使用情况，发现还是加载在了第一张显卡上，这是为啥呢？

m0_56745306的博客 2439

ASP.NET MVC登陆界面(结合bootstrap)

一、index.cshtml ~/home/index.cshtml:新建一个HomeController(由~/App_Start/RouteConfig.cs文件可知‘home’是默认路由)，为Index函数建立一个视图‘index.cshtml’ 1. code@{ Layout = null; }<!DOCTYPE html><html> <head> <meta name="v

FantDing的博客 5558

数据库系统概论课后习题答案（第五版 王珊、萨师煊）

第1章 绪论 1 ．试述数据、数据库、数据库系统、数据库管理系统的概念。 答： ( l ）数据（ Data ) ：描述事物的符号记录称为数据。数据的种类有数字、文字、图形、图像、声音、正文等。数据与其语义是不可分的。解析在现代计算机系统中数据的概念是广义的。早期的计算机系统主要用于科学计算，处理的数据是整数、实数、浮点数等传统数学中的数据。现代计算机能存储和处理的对象十分广泛，表

早知晓的博客 11万+

ASP.NET MVC程序实现真分页(案例详细,值得收藏)

MVC中使用LINQ的查询语法结合BootStarp框架实现MVC分页功能的实现

code_xu的博客 1718

【python股票价格预测】基于LSTM（长短期记忆网络）的股票价格预测（附python代码）

【python股票价格预测】基于LSTM（长短期记忆网络）的股票价格预测（附python代码）

k8291121的博客 1011

从零开始学 AUTOSAR：深入浅出 SAE J1939 诊断通信管理器（J1939Dcm）深度完整版

SAE J1939 是美国汽车工程师学会制定的重型车辆 CAN 总线通信标准，覆盖卡车、客车、工程机械、农机、船舶等，是商用车领域的 “通用语言”。基于CAN 2.0B 扩展帧（29 位 ID）（车规主流）PGN（参数组号）+ SPN（可疑参数号）核心标准：J1939-21：数据链路层（CAN 帧格式、地址声明）J1939-71：应用层（普通信号、报文）诊断层（核心！J1939Dcm 依据）J1939-81：网络管理（地址管理、节点检测）

getusushu的博客 110

ASP.NET MVC+Bootstrap 实现短信验证

短信验证大家都已经非常熟悉了，基本上每天都在接触手机短信的验证码，比方某宝，某东购物。站点注冊，网上银行等等，都要验证我们的手机号码真实性。这样做有什么优点呢。 曾经咱们在做站点的时候。为了提高用户注冊的质量，防止用户恶意注冊。都会设置一些小阻碍，如网页验证码、邮件认证等等。可是道高一尺魔高一丈。非常快站点的这些设置都被一些网络黑客利用注冊机逐一攻破，这些功能也就随之变成了...

weixin_33700350的博客 238

在 SAP SD 模块里，销售订单号既可以由系统“自动”产生，也可以由用户“手工”输入，核心取决于“号码段（Number Range）”与“订单类型（Sales Document Type）”这两处配

SAP销售订单编号配置指南：系统提供内部自动编号和外部手工编号两种方式，通过VN01定义号码段（内部/外部），VOV8分配给订单类型并设置"ExtNo.Rq"选项即可切换。高阶应用支持灵活编号（如加前缀）或通过增强出口完全自定义编号规则。配置时需注意号码段创建、分配及传输问题，常见故障包括号码范围不存在或配置错误。核心是"号码段+订单类型"的组合控制编号生成方式，满足从简单到复杂的业务需求。

金牌架构师 531

C# 从登陆开始 MVC4+BOOTSTRAP

2019-01 1.web登陆 基于bootstrap 开发一个注册及登陆页面。后端调用webapi实现 icheck 选择框控件 jquery.validate 进行表单字段认证,参考网站 http://www.runoob.com/jquery/jquery-plugin-validate.html $.extend($.validator.messages, { r...

weixin_30519071的博客 1940

BPC坏点矫正

whatis the Bad Pixel? 坏点为死点，也就是基本不随照度变化呈现光电线性转换的关系。表现为暗态常亮，亮态常暗。 坏点分类：静态坏点：亮坏点，暗坏点。 动态坏点：在一定像素范围内，该点表现正常，而超过这一范围，该点表现的比周围像素要亮。与sensor ...

camerall 1万+

精雕软件(JDpaint) 5.5 绿色版

精雕软件(JDpaint) 5.5 绿色版精雕软件(JDpaint) 5.5 绿色版精雕软件(JDpaint) 5.5 绿色版

ASP.NET MVC 5 (三) VS使用NuGet安装Bootstrap与使用Bootstrap

加载bootstrap 设置Index视图加载bootstrap在Visual Studio中Tools（工具）菜单中找到NuGet程序包管理器中打开包管理器控制台，在其中输入以下命令并按回车键：PM> Install-Package -version 3.0.0 bootstrap 该命令会下载bootstrap中的jQuery、js和css文件，CSS文件会被存储在Content文件夹中，会自动

DoongBo的博客 8124

VC中sqlite的使用

在VC中对sqlite的使用，实现数据库大批数据的快速插入，读取数据库中的数据在ListCtrl中显示
上一篇： MVC4中使用React.js入门
下一篇： vue_resource 使用说明
点赞 0
评论 0
书签 书签 6
.NET跨平台
.NET跨平台
博客等级 码龄15年 6066粉丝 738原创
+ 关注 专栏目录 订阅专栏
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值