Bootstrap 4 正式发布，却可能生不逢时
准备从V3版本升级的开发人员需要先做测试，可能还要解决一些问题。新版整体上和旧版接近，但多了一些突破性的变化。一份迁移指南列出了变化内容的详情。Bootstrap的优势之一是其网格系统。这一系统为网页提供了一种可声明的方式来渲染网格系统中的内容，不需要额外的步骤就能使流式内容兼容桌面端和移动端。Bootstrap4的网格系统使用的是几乎所有的现代浏览器都支持的flexbox。因为引入了这一更新等原因，新版只支持IE10以上和iOS7以上。如果项目仍需兼容旧式浏览器，开发人员就要继续使用Bootstrap3。但是，Bootstrap3的维护已经在2016年结束了。Bootstrap最初于2011年发布，当初是作为Twitter的一个产品诞生的，号称是“世界上最流行的HTML、CSS和JS库”，但其增长趋势如今似乎已经到头了。DanTao等人曾批评Boostrap的紧耦合和缺乏语义的缺陷：最早看来很棒的一堆开发组件，如今演变成了堆积如山的技术债务。开发者的HTML充斥着带有B
Laravel整合Bootstrap 4的完整方案
npminstallbootstrap@4.0.0-betapopper.js--save-dev将bootstrap-sass从package.json中删除，然后再执行npminstall（二）在你的app.scss文件中引入新的bootstrap的sass文件//替换掉之前bootstrap-sass的引入//如果你是laravel5.5及以后的版本，这里的node_modules换成~符号@import"node_modules/bootstrap/scss/bootstrap";（三）编译bootstrap的js文件在这一步可能你会想直接复制一份你的bootstrap.min.js文件到public目录，然后引用，但实际上这样是不行的，因为bootstrap4的js组件还依赖jquery和Popper.js,默认的bootstrap.min.js文件并没有编译进去。方法一使用bootstrap.min.js来编译这个时候
浅谈表格组件的实现：固定表头和固定列
首发于饿了么前端写文章登录浅谈表格组件的实现：固定表头和固定列Furybean8daysago在前端开发中，表格组件相对来讲是比较复杂的组件之一，主要原因在于大家对表格组件的需求不同，笔者没看到过一个表格组件可以覆盖所有人的需求。从业务场景来讲，可以把表格组件分成三种类型：Bootstrap类：CSS就可实现的表格，主要用在信息展现类的页面上。中后台类：着重在展现，编辑通过按钮来操作，主要用在中后台系统中。与Bootstrap类表格比较大的一个分界点就是有固定表格头、固定列等功能。Excel类：着重在编辑上，主要在线数据编辑的场景，这类场景相对来讲比较小众。这类表格组件对性能要求较高，和前面两种相比，有一些独有的特性：比如双击行内编辑、固定行等功能。对于适用于Bootstrap类表格的需求，建议直接使用Bootstrap提供的方式来使用。对于中后台类的表格组件，比较常见的有这么几个需求：固定表格头固定列展开行表格头排序、表格头过滤、多级表格头单选、多选这些特性里面最有趣的应该属于固定表格头、固定列的实现，本篇文章
[译]如何将初始化代码从 AppDelegate 中移除
翻译自：https://christiantietze.de/posts/2015/10/bootstrapping-appdelegate/我为WordCounter开发了一个简单的框架，用来在启动时管理和初始组件的引导代码。通过使用这种方法，优化掉了AppDelegate中60行初始化代码。组件对它自己进行初始化。已经初始化过的组件为一个队列，当有新的组件初始化成功，它会被放进这个队列中。通过这种方式，你可以构建一系列需要初始化的组件的列表，然后依次初始化他们。这个框架非常简单：enumBootstrappingError:ErrorType{caseExpectedComponentNotFound(String)}protocolBootstrapping{funcbootstrap(bootstrapped:Bootstrapped)throws}structBootstrapped{privateletbootstrappedComponents:[Bootstrapp
Web加速器：Loder v1.0 发布
Loder是一个轻量级加载器，通过合理地声明资源任务依赖关系，以最高效形式执行Web加载，提供强大的性能追踪，持续优化性能瓶颈。目前线性粗放式的Web资源加载模式，尤其在条件有限的移动端，很大程度限制了页面加载体验。费很大劲把脚本体积降下来，却得到极其有限的性能收益。使用微核启动器Loder，快速启动应用，利用在Bundle加载执行同时，展示Loading交互、发起鉴权、初始数据请求等，最大化利用设备能力提高页面渲染性能。Loder具备以下特性：DeadSimpleAPI声明式依赖，极简的资源任务管理极致加载，所有资源任务都以最适合时刻加载轻量体积(1.4kbGziped),极速启动应用几乎无需修改逻辑，简单几步即可加速应用至极致！应用示例举个栗子，应用会在运行前先把所需脚本准备妥当，之后会顺序执行鉴权、授权、获取数据、渲染。大多数的Web都会通过类似的模式去加载渲染。流程大致如下：看似一种很直观的方式却很粗放，性能优化非常考验我们对资源任务加载的业务逻辑、依赖、顺序的理解，精细化运营这些过程，Web性能可以得
前端特效14：Bootstrap3的弹出式悬浮登录框效果设计
今天，小编将与大家分享web前端特效荟萃系列第十四期，喜欢把玩儿炫酷效果的小伙伴快快看过来^_^，希望大家喜欢呦～第14期，给大家分享一个使用Bootstrap3生成的弹出式悬浮登录框效果设计效果，相关代码如下：
如何上传免费网站模板到OnceAir顽石云盘，搭建个人网站管理系统
OnceAir自身就是一个微型服务器，因此可以使用OnceAir建立网站，建立方法也很简单，分成以下几个步骤：下载网站模板目前基于Bootstrap有非常多的免费网站模板。Bootstrap是一个用于快速开发Web应用程序和网站的前端框架，一直是GitHub上的热门开源项目，包括NASA的MSNBC（微软全国广播公司）的BreakingNews都使用了该项目。我们这里从下面两个网站下载网站模板。免费https://startbootstrap.com/收费https://wrapbootstrap.com/各类Bootstrap模板：这里先下载一个免费的网站模板，将下载的压缩包解压，如下图所示，选择用浏览器打开这些文件，如果能正常打开查看就说明这个网站模板没有问题。将网站文件上传至OnceAir现在我们需要将这些静态网页上传到网页服务器上。OnceAir的文档管理模块OnceDoc，是可以作为静态网站服务器使用的，OnceDoc针对静态网页作了缓存优化，在低功耗ARM芯片上也能发挥出很好的性能。
一步一步创建ASP.NET MVC5程序[Repository+Autofac+Automapper+SqlSugar](六)
前言大家好，我是Rector又是星期五，很兴奋，很高兴，很high...啦啦啦。。。Rector在图享网又和大家见面啦！！！上一篇《一步一步创建ASP.NETMVC5程序[Repository+Autofac+Automapper+SqlSugar](五)》,我们完成了：AutoMapper是什么简述安装AutoMapperAutoMapper的配置AutoMapper的应用通过前面几篇文章的学习，本系列【一步一步创建ASP.NETMVC5程序[Repository+Autofac+Automapper+SqlSugar]】中主要涉及到的技术和组件已基本介绍到位了。接下来的系列文章主要会以知识技术整合，提升，重构等为中心来展开，通过解决项目实战遇到的各种问题来帮助大家有目，有方向性地学习，以达到提升大家的ASP.NENTMVC5开发技能的效果。本文知识要点今天要给大家分享的是本系列[一步一步创建ASP.NETMVC5程序]的进阶知识：泛型仓储为什么使用泛型仓储说到为什么使用泛型仓储，我们不得不回到我们的项目，以项目
Centos 7.2 jenkins 构建 asp.net MVC项目
最近试了下在centos环境下安装jenkins并尝试构建asp.netMVC项目，这里记下过程和发生的问题：1，更新centos包，yum-yupdate2,安装java环境(jenkins需要)，yum-yinstalljava3,jenkins安装：官网安装教程地址1，附加jenkins软件库sudowget-O/etc/yum.repos.d/jenkins.repohttps://pkg.jenkins.io/redhat-stable/jenkins.reposudorpm--importhttps://pkg.jenkins.io/redhat-stable/jenkins.io.key2，安装jenkins：yuminstalljenkins-y4,提升jenkins权限，这一步如果构建的项目不报错可以不做1，gpasswd-arootjenkins2，v
ASP.NET网络爬虫小研究 HtmlAgilityPack基础，爬取数据保存在数据库中再显示再自己的网页中
ASP.NET网络爬虫小研究HtmlAgilityPack基础，爬取数据保存在数据库中再显示再自己的网页中1、什么是网络爬虫关于爬虫百度百科这样定义的：网络爬虫（又被称为网页蜘蛛，网络机器人，在FOAF社区中间，更经常的称为网页追逐者），是一种按照一定的规则，自动地抓取万维网信息的程序或者脚本。另外一些不常使用的名字还有蚂蚁、自动索引、模拟程序或者蠕虫。从搜索引擎开始，爬虫应该就出现了，爬虫所做的事情就是分析URL、下载WebServer返回的HTML、分析HTML内容、构建HTTP请求的模拟、在爬虫过程中存储有用的信息等等。简单点说，就是把别人网站上的东西爬下来，至于爬做什么用就看你自己了。写网络爬虫很多语言都可以写，比如众所周知的Python以及、PHP、C、Java等等。今天我就基于.Net中的HtmlAgilityPack类写一个简单的爬虫。2、HtmlAgilityPack类HtmlAgilityPack是.NET下的一个HTML解析类库。支持用XPath来解析HTML。命名空间：Html
【Asp.net Core】在 Linux 子系统中安装 nginx 并配置反向代理
【Asp.netCore】在Linux子系统中安装nginx并配置反向代理上一篇鸟文中，老周已经介绍过在Ubuntu子系统中安装dotnet-sdk的方法，本文老周给大伙伴们说说安装nginx服务，并配置反向代理。同样，老周假设你从来没有用过Linux，所以老周会讲得很细。可能因为这样，博客园每次都把老周的文章撤下首页。不管他，他撤他的，我推我的，Who怕Who。其实，你可以选择nginx或Apache，不过老周更喜欢nginx一些，总觉得Apache有些别扭。当然了，asp.netcore应用是可以独立运行，所以，你确实可以直接公开指向应用程序的url，而不使用反向代理。不过，官方推荐使用服务器组件来反向代理。所谓反向代理，说白了就是这样的：客户端发送HTTP请求，首先由nginx服务收到请求，然后把HTTP请求转发给ASP.NETCore应用程序，请求处理完后，回应消息也是沿原路返回，从.net程序发回nginx，再由nginx服务发回客户端。好，少说P
Asp.net mvc 中View的呈现(一)
[toc]我们知道针对客户端的请求，最终都会转换为对Controller中的一个Action方法的调用，指定的Action方法会返回一个ActionResult类型的实例来响应该请求，但ActionResult类型的实例是如何转换为请求终端最终呈现的页面的呢？这就是我们这里要介绍的。ActionResult每个标准的Action方法总会返回一个ActionResult类型的对象，该类型是一个抽象类，该类的定义如下：publicabstractclassActionResult{publicabstractvoidExecuteResult(ControllerContextcontext);}可以看出，该类中仅定义了一个voidExecuteResult(ControllerContextcontext)方法，该方法的作用就是将当前的ActionResult处理为能够直接响应给请求终端的内容。ActionResult类型的子类ContentResultContentResul
在ASP.NET Core中通过EF Core实现一个简单的全局过滤查询
前言不知道大家是否和我有同样的问题：一般在数据库的设计阶段，会制定一些默认的规则，其中有一条硬性规定就是一定不要对任何表中的数据执行delete硬删除操作，因为每条数据对我们来说都是有用的，并且是值得分析的。所以我们一般会在每张表中加一个“是否删除IsDeleted”或者“是否有效IsValid”的字段，来标识这条数据的状态是否可用！那么疑问来了，在写SQL或者Linq的时候我们到底是要加上这个条件还是忽略这个条件呢？答案当然是根据实际业务需求和情况来决定。比如一个商品，在货架上的时候，它肯定是有效的并且是供顾客进行选购的；但是有一天被通知下架了（删除了），那么在顾客的已订单列表中你也同样要显示出来供顾客查看！不过话说回来，我觉得大多时候查询的时候我们都会将这些无效的数据给过滤掉，所以每个SQL或者Linq中都有随处可见的IsDeleted=0类似这样的条件，而且有时候我们还会一不小心就把这个条件忘记在了脑后。那么有没有一种一劳永逸的或者更加便捷的方法来解决这个问题呢？这时主角EFCore就上场了！1、使用EFCore自带
一步一步创建ASP.NET MVC5程序[Repository+Autofac+Automapper+SqlSugar](七)
前言大家好，我依旧是你们的老朋友Rector，很高兴又在周五的时候准时和大家见面。Rector的系列文章【一步一步创建ASP.NETMVC5程序[Repository+Autofac+Automapper+SqlSugar]】从写作以来，已经出了六期了，其中受到了很多朋友的喜欢，在此非常感谢大家对Rector的支持，也希望Rector的文章可以帮助大家（特别是才接触或者是对.NET/C#高级编程比较薄弱的朋友们）在.NET/C#的开发之旅中更快地提升自己的开发技巧和经验。上一篇《一步一步创建ASP.NETMVC5程序[Repository+Autofac+Automapper+SqlSugar](六)》我们对TsBlog应用程序的仓储层进行了一次重大的重构，即：使用泛型仓储将通用的数据库操作进行了封装，让我们在创建仓储层接口和实现的时候能精简重复的代码，今天要给大家分享的是对服务层的泛型封装和重构，实现原理大致与仓储层相似。本文知识要点泛型服务层的封装与重构重构服务层提取泛型服务基类打开项目【TsBlog.Services】，创建
ASP.NET Core 一步步搭建个人网站（6）_单页模式和优化
ASP.NETCore一步步搭建个人网站（6）_单页模式和优化前言HI，有段时间没有更新了，主要因为第一年前事情比较多，有些事得忙着张罗下；第二呢，对个人网站进行了一次大范围的优化，主要是申请的云服务器资源有限，1m的网络带宽，带上图片展示的话，打开网站的平均速度会达到20s以上，用户的体验不是很好；经过这次优化，已将访问速度控制在1s左右，整体感觉速度和用户体验提升了不少。当然，最主要的是，把网站的模式改成了单页应用模式，算得上是比较大的重构了，所以耽搁的时间比较久，请大家见谅。那今天主要来说一下我是怎么重构之前的网站代码，更新为单页模式吧，顺便分享下个人性能优化的经验。重构出发点和目标之前.NetCore自动帮我们生成的网站代码，主要是多页的应用，我们定义页面的时候，引入了_layout文件，相当视图区域的模板页，那通过控制器调整页面的同时，会将整个页面包括模板页都会再次加载一遍。所以，之前的多页应用，对应我的个人应用来说，有以下问题：页面导航跳转时，需要重新加载整个页面包含的css、js和html元素，云服务器带宽有限，
ASP.NET没有魔法——ASP.NET MVC 模型绑定
ASP.NET没有魔法——ASP.NETMVC模型绑定在MyBlog中已经有了文章管理功能，可以发布和修改文章，但是对于文章内容来说，这里缺少最重要的排版功能，如果没有排版的博客很大程度上是无法阅读的，由于文章是通过浏览器查看的，所以文章的排版其实与网页的排版一致，是通过HTML+CSS实现的，但是在一个输入框中写文章内容还有HTML+CSS是不现实的，所以本文将使用ueditor编辑器来实现排版功能，并通过该功能为引介绍ASP.NETMVC中的模型绑定。本章主要内容有：●ueditor的下载与安装●在页面上使用ueditor●ASP.NETMVC模型绑定简介●ASP.NETMVC不同数据类型的模型绑定○基本类型○自定义类型○数组○简单对象数组○自定义类型字典○包含数组的自定义类型○多种数据源的数
ASP.NET Core Razor页面禁用防伪令牌验证
在这篇短文中，我将向您介绍如何ASP.NETCoreRazor页面中禁用防伪令牌验证。Razor页面是ASP.NETCore2.0中增加的一个页面控制器框架，用于构建动态的、数据驱动的网站；支持跨平台开发，可以部署到Windows，Unix和Mac操作系统。跨站点请求伪造（也称为XSRF或CSRF）是对Web托管应用程序的攻击，因为恶意网站可能会影响客户端浏览器和浏览器信任网站之间的交互。这种攻击是完全有可能的，因为Web浏览器会自动在每一个请求中发送某些身份验证令牌到请求网站。这种攻击形式也被称为一键式攻击或会话控制，因为攻击利用了用户以前认证的会话。关于这个话题可以看我的另一篇博客：ASP.NETCore防止跨站请求伪造（XSRF/CSRF）攻击。Razor页面被设计为默认启动防跨站请求伪造攻击的，防伪令牌生成和验证被自动包含在Razor页面中。但是，在某些情况下，您可能想禁用它。全局禁用要在Razor页面中全局禁用防伪令牌验证，可以在Startup类的ConfigureServices方法中禁用：pub
Asp.Net MVC 路由
Asp.NetMVC路由当用户通过URL访问网站时，要把用户请求的URL映射到正确的应用程序的操作上。那么如何实现这个映射--Routing（路由）。路由并不专属于Asp.NetMVC,而是建立在Asp.NetFramework之上的一个组件，所以所有依赖Asp.NetFramework的都可以使用路由。如WebForms,API等,但是Asp.NetMVC和路由密切相关。图：路由关系图路由工作流程Asp.Net是一个管道模型，一个Http请求先经过HttpModule，再通过HttpHandlerFactory，创建一个对应的HttpHandler处理对应的请求。所以对Asp.Net的所有的扩展也是通过注册这些管道事件来实现的。因为路由是建立在Asp.NetFramework之上的，所以路由也是注册实现了管道事件。但是是通过注册HttpModule的PostResolveRequestCache事件来实现的。为什么不注册HttpHandler来实现呢？因为：如果把请求的管道模型比作一个运行的火车的话，
Asp.net Core 入门实战
持续更新,也可以通过我的网站访问,欢迎探讨交流快速入门安装下载安装.NETSDK查看dotnetsdk版本$dotnet--version`2.1.4创建项目目录$mkdirstudy$cdstudy使用dotnetnew命令创建项目$dotnetnewconsole-nDemo$cdDemo在VSCode中打开Demo文件夹一个最小的应用打开Program.csusingSystem;usingMicrosoft.AspNetCore.Builder;usingMicrosoft.AspNetCore.Hosting;usingMicrosoft.AspNetCore.Http;namespaceDemo{classProgram{staticvoidMain(string[]args){varhost=newWebHostBuilder().UseKestrel().UseStartup
Asp.net core 2.0.1 Razor 的使用学习笔记（一）
环境：vs2017版本：15.5.6这里说明下，Razor页面模式跟mvc出现了严重的不同。正如微软官方说的一样“Razor页面是ASP.NETCoreMVC的一个新功能，它可以使基于页面的编码方式更简单高效。”但就代码说没有什么不同几乎完全一样，但是存放的位置却有了根本的区别。个人研究分析的结果是：Razor页面模式其实是把mvc中的控制器化整为零了，即原来控制器中的操作代码被分布放到了各个页面的.cshtml.cs文件中了。这样一来由原来mvc中文件按类型分类变成了按功能分类，这样的好处就是每个页面形成了模块化，这个页面涉及的数据都在这里，便于维护，不用控制器、模型、视图来回切换了，给我的感觉多少有些像原来的web窗体的页面结构，当然化整为零后每个页面的操作不用全部去读取控制器，可能在性能有提升。同时，这种变化使代码功能单一，易于维护，更不易出现错误，所以还是值得一学的。另外就是，因为本人经常开发一些小的项目，基本用不到sql服务，加之经常切换服务器，所以为了管理方便，数据库文件基本采用离线数据库文件（即服务器