razor

我的『MVP.Blazor』快速创建与部署

天涯浪子 提交于 2020-08-06 02:50:54
‍ 最近一直在录 Blog.Core 相关的操作视频,也没有研究过什么新的东西,公司也各种项目迭代,特别是从Fwk迁移到NetCore,真的是不是一个容易的事,闲的时候,为了歇歇脑子,就抽出时间简单看了看又有哪些新技术,最近聊的挺多的就是Blazor了吧,所以我也看了看,这里声明一点,我并 不 打算出一个完整的Blazor系列教程(最近老有人让我出系列教程????),只是走马观花的过一遍,看看这个到底是一个什么东西,感兴趣的自己可以去深入学习下,毕竟现在的资料还不是最多的,可以锻炼下自己,而且也算是一个吃螃蟹的人,毕竟有历史价值,好啦,废话不多说,直接开整。 1、这个项目的立项初衷 可能还有一部分小伙伴不太了解,我年初申请上了微软的MVP,我也没有过多的宣传,毕竟这只是一个鼓励而已,平时该解答的我还是会解答。MVP呢,每次只有一年的有效期,所以每个新的一年都还需要风雨兼程的往前走,还是需要传递知识,那就少不了将自己做过的,写过的,分享过的东西给列出来( 注意:这里可能有转载别人的文章 ),作为一个展示,所以呢,我就想着自己写个小的Portal吧,把 自己整理的东西给放出来,多半是微信公众号的 ,也可以给大家做一个方便查找和学习的列表。 但是在项目选型的时候,我犹豫了好几天,用什么呢,ASP.NET Core MVC么,其实我已经写了好多个了,公司的小项目也一直在使用,所以不想写了

基于 Blazor 开发五子棋⚫⚪小游戏

自作多情 提交于 2020-08-06 00:39:17
今天是农历五月初五,端午节。在此,祝大家端午安康! 端午节是中华民族古老的传统节日之一。端午也称端五,端阳。此外,端午节还有许多别称,如:午日节、重五节、五月节、浴兰节、女儿节、天中节、地腊、诗人节、龙日等。 不好意思,跑题了,就此打住。 事情的经过是这样的,今年端午节公司给每位员工都准备了一个粽子礼盒,本以来就几个粽子而已,没想到今年的粽子礼盒内暗藏玄关,内附一个棋盘和五子棋子。 粽子什么的都不重要,主要是这个五子棋我还挺喜欢的,哈哈哈。😎 正好这段时间用 Blazor 将之前的博客重构了一遍,于是就想着能否用 Blazor 写一个五子棋⚫⚪小游戏呢? 说干就干,本篇主要是分享基于 Blazor 开发的五子棋小游戏,先放试玩地址: https://blazor.meowv.com/gobang 。 大家可以先打开链接让他先加载一会(挂在GitHub,有点慢~🤪),再继续回来看文章哈。 刚开始本来我是自己写的,发现越写越复杂,遂放弃就在Github上寻找有没有实现过类似的需求,别说还真有一位大神用 Blazor 实现了,地址: https://github.com/ut32/gobang/ ,所以我的代码逻辑基本上都参考这位大神的代码。👍👍👍 接下来看看实现过程,新建一个 Gobang.razor razor组件,设置路由: @page "/gobang" 。 我这里直接放在之前

FreeSql.Generator命令行代码生成器是如何实现的

一个人想着一个人 提交于 2020-08-05 08:34:01
目录 FreeSql介绍 FreeSql.Generator RazorEngine.NetCore 源码解析 FreeSql.Tools FreeSql FreeSql 是功能强大的对象关系映射技术(O/RM),支持 .NETCore 2.1+ 或 .NETFramework 4.0+ 或 Xamarin。 有一个强大的ORM,也方便我们开发一个代码生成器。 一般情况下,我们开发数据库相关的应用,主要分为三种code first、db first、model first 我只用过前二种, code first,代码优先,数据库都是根据实体类生成,所有的关系,可以是逻辑关联,也可以是物理关联。 DB First: 数据库优先,直接设计表结构,用设计工具生成表,设计主键,外键、索引,关联关系等。 当我们使用DB First时,设计好的数据库,我们怎么生成一些实体类、通用的代码、控制器、服务层、Dto呢。今天我来给大家介绍一下FreeSql项目中的一些工具。当然,不使用此ORM的小伙伴也能使用此工具,因为他是通用。 FreeSql.Generator 命令行方式 通过几行命令,就可实现生成项目中通用的代码结构,不需要复制一段代码后修改,加快开发速度,减少重复劳动,少用一根头发。 由于每个人的项目结构,代码位置各不相同,对于ORM来说,不同的业务逻辑各不相同,所以该项目没有相应的模板

《ASP.NET MVC 4 实战》

自作多情 提交于 2020-08-05 05:03:28
**《ASP.NET MVC 4 实战》 ========== ========== ========== [作者] (美) Jeffrey Palermo (美) Jimmy Bogard (美) Eric Hexter (美) Matthew Hinze (英) Jeremy Skinner [译者] (中) 徐燕萍 李萍 林逸 [出版] 人民邮电出版社 [版次] 2014年05月 第1版 [印次] 2014年05月 第1次 印刷 [定价] 69.00元 ========== ========== ========== 【第01章】 (P003) Web 本质上是无状态的。 【第02章】 (P015) 框架是如何知道将 URL 映射到一个特定的控制器动作的?答案就在 Global.asax 文件的 RegisterRoutes 方法中。 Web API 是微软随 ASP.NET MVC 4 一起发布的一个 Web 服务框架。 (P016) ViewBag 本质上是一个字典 —— 它提供了一种存储数据的方式,这些数据随后能够在视图中进行访问。 (P017) @ 前缀表示 HTML 与代码之间的转换。 【第03章】 (P032) 视图的职责看似很简单。它的生存目标是取得一个送给它的模型,并用这个模型来渲染内容。由于控制器及相关服务已经执行了所有业务逻辑,并将结果包装成一个模型对象

Nancy之Forms验证

坚强是说给别人听的谎言 提交于 2020-08-05 00:03:40
授权几乎是所以系统都不可或缺的部分,在 Nancy 中怎么授权呢 ? 我们这篇博文来说一下 Nancy 的 Forms 授权。 首先在 NuGet 上安装 Nancy.Authentication.Forms Nancy 的 Forms 验证得实现 IUserMapper 接口,用户类实现 IUserIdentity 接口(为了方便,我把 DB 的 User , Model 的 User 全合成一个 User ) User.cs using Nancy.Security; using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.Threading.Tasks; namespace TestSelfHostWeb { public class User : IUserIdentity { public User() { } public User(string userName) { UserName = userName; } /// <summary> /// 实现接口的成员 /// </summary> public string UserName { get; set; } public string Password { get;

《ASP.NET MVC 5 编程实战》

爷,独闯天下 提交于 2020-07-29 09:31:37
《ASP.NET MVC 5 编程实战》 ========== ========== ========== [作者] (美) Dino Esposito [译者] (中) 潘丽臣 [出版] 清华大学出版社 [版次] 2015年03月 第1版 [印次] 2015年03月 第1次 印刷 [定价] 59.80元 ========== ========== ========== 【前言】 Web Forms 的最常见应用场景是,你要开发专注于呈现数据并使用第三方控件套装的应用程序。 ASP.NET MVC 可用于处理其他所有方面,包括客户端单页面应用程序的框架搭建。 ASP.NET MVC 足以成为任何一个需要实体后台的应用程序的理想 Web 平台,对于那些以多设备实用功能为目标的 Web 应用程序来说尤其如此。 【第01章】 (P003) 在 ASP.NET MVC 中,每个请求的结果最终都会执行某个操作 —— 根本上来说也就是特定类上的方法。操作执行的结果会与一个视图模板一起传递给视图子系统。结果和模板随后会用于生成浏览器的最终响应。用户不需要将浏览器指向某个页面,他们只需要放置一个请求即可。 使用 ASP.NET MVC ,可以获得对标记的完全控制,并能随意用你最喜欢的 JavaScript 框架来套用样式和注入脚本代码。 (P004) 在软件中,术语 URI (统一资源标识符)

How to use Bootstrap modal in Blazor client app?

假如想象 提交于 2020-07-29 06:44:18
问题 I am trying to show bootstrap modal then bind its buttons. But I cannot pass the first step showing the modal. I am using Blazor client template of .net core 3.1. I have a page named Modal.razor which contains the bootstrap modal I found from getbootstrap.com. @if (Show) { <div class="modal" tabindex="-1" role="dialog"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title">Modal title</h5> <button type="button" class="close"

Blazor 修仙之旅

雨燕双飞 提交于 2020-07-29 06:18:40
原文: Blazor 修仙之旅 - Ant Design of Blazor 一.前言 这是《Blazor 修仙之旅》的第三篇,前面两分别是《初次尝试》、《组件与数据绑定》,直接到这里上 Ant Design 确实连不起来,跨度比较大,其实我也是在边学边写,看的是官方文档,我觉得中间这部分重复写博客的意义不大,所以我建议去看官方文档,传送门: 点我 。如果看过我的前两篇,我建议您从这里开始看: 点我 。不用每篇都深刻理解,但需要有一个基本概念。好了,下面进入正题。 二. Ant Design of Blazor 介绍 ant-design-blazor 是国内开发者 ElderJames 创建的一个开源项目。在前不久的微软Build大会也见到了它的身影,受到了微软官方推荐,点赞!顾名思义, ant-design-blazor 是 Ant Design 的 Blazor 实现,开发和服务于企业级后台产品。 ✨ 特性 🌈 提炼自企业级中后台产品的交互语言和视觉风格。 📦 开箱即用的高质量 Razor 组件,可在多种托管方式共享。 💕 支持基于 WebAssembly 的客户端和基于 SignalR 的服务端 UI 事件交互。 🎨 支持渐进式 Web 应用(PWA) 🛡 使用 C# 构建,多范式静态语言带来高效的开发体验。 ⚙️ 基于 .NET Standard 2.1,可直接引用丰富的

基于 Blazor 开发五子棋⚫⚪小游戏

孤街浪徒 提交于 2020-07-29 03:10:00
今天是农历五月初五,端午节。在此,祝大家端午安康! 端午节是中华民族古老的传统节日之一。端午也称端五,端阳。此外,端午节还有许多别称,如:午日节、重五节、五月节、浴兰节、女儿节、天中节、地腊、诗人节、龙日等。 不好意思,跑题了,就此打住。 事情的经过是这样的,今年端午节公司给每位员工都准备了一个粽子礼盒,本以来就几个粽子而已,没想到今年的粽子礼盒内暗藏玄关,内附一个棋盘和五子棋子。 粽子什么的都不重要,主要是这个五子棋我还挺喜欢的,哈哈哈。😎 正好这段时间用 Blazor 将之前的博客重构了一遍,于是就想着能否用 Blazor 写一个五子棋⚫⚪小游戏呢? 说干就干,本篇主要是分享基于 Blazor 开发的五子棋小游戏,先放试玩地址: https://blazor.meowv.com/gobang 。 大家可以先打开链接让他先加载一会(挂在GitHub,有点慢~🤪),再继续回来看文章哈。 刚开始本来我是自己写的,发现越写越复杂,遂放弃就在Github上寻找有没有实现过类似的需求,别说还真有一位大神用 Blazor 实现了,地址: https://github.com/ut32/gobang/ ,所以我的代码逻辑基本上都参考这位大神的代码。👍👍👍 接下来看看实现过程,新建一个 Gobang.razor razor组件,设置路由: @page "/gobang" 。 我这里直接放在之前

[Asp.Net Core] Blazor WebAssembly

末鹿安然 提交于 2020-07-28 10:00:14
前言, Blazor Assembly 需要最少 1.9M 的下载量. ( Blazor WebAssembly 船新项目下载量测试 , 仅供参考. ) 随着程序越来越复杂, 引用的东西越来越多, 需要更多的下载量 , 有一些网站的网络可能较差, 加载这些文件需要一定的时间. 对于一些网站而言, 它不是一开始就把wasm页面暴露给游客的. wasm更加适合做的, 是一些需要与服务器进行大量交互的App类程序. 例如网站后台管理界面, 聊天后台界面, 等等. 所以, 大部分场合, 游客是先进了网站, 然后登陆, 最后才到wasm页面. 基于这种情况, 这里提供了一个例子, 关于如何预先加载wasm所需的dll 达到如此效果: 游客进入网站欢迎页 => 欢迎页在背后预先加载dll资源 => 游客进入WASM界面, 加载速度变快. 例子工程 : 首先, 这个例子使用的是 Asp.Net hosted , 加上 PWA 模式. 那么这里就有 Asp.Net Core 的程序在服务器运行着 . 修改WASM首页地址 把 Index.razor 的地址改成 /Home , 因为我们需要网站的首页是欢迎页. 新增网站首页 我们用 Asp.Net Core 的 razor页面来做首页. 没有Controller , 当然你也可以用自己喜欢的方式, 使用 MVC , 甚至是Blazor Server