Blazor前后端框架Known-V1.2.8
V1.2.8
Known是基于C#和Blazor开发的前后端分离快速开发框架,开箱即用,跨平台,一处代码,多处运行。
- Gitee: https://gitee.com/known/Known
- Github:https://github.com/known/Known
概述
- 基于C#和Blazor实现的快速开发框架,前后端分离,开箱即用。
- 跨平台,单页应用,混合桌面应用,Web和桌面共享一处代码。
- 包含模块、字典、组织、角色、用户、日志、消息、工作流、定时任务等功能。
- 代码简洁、易扩展,让开发更简单、更快捷!
如果对您有帮助,点击Star关注 ,感谢支持开源!
更新日期
- 2023-07-15
更新内容
- 修复VS启动调试打不开Web页面问题
- 优化框架版本号显示
- 表单输入行改成flex布局
- 关于系统页面支持更改版权信息和软件许可
- Host类名变更为AppHost
- 新增Tag组件
- 新增Badge组件
- 优化Progress,增加样式类型
- 修复无查询条件页面样式问题
- ️删除LogService类,改用Logger添加数据库日志
- ️删除Company,File,Flow,Setting服务类,改用PlatformHelper
- 新增后台任务查询模块
- 新增系统附件查询模块
详细内容
1. 关于系统
- 框架版本号格式变更
- 支持更改版权信息和软件许可

2. Host类名变更为AppHost类
//在Main方法中添加
AppHost.RunWebApiAsync<App>(Url);
3. Badge/Tag/Progress组件
3.1. Badge
- 新增Badge组件,支持不同样式
- 使用
builder.Badge(style, text);构建
BuildBadge(builder, StyleType.Default, "10");
BuildBadge(builder, StyleType.Primary, "10");
BuildBadge(builder, StyleType.Success, "10");
BuildBadge(builder, StyleType.Info, "10");
BuildBadge(builder, StyleType.Warning, "10");
BuildBadge(builder, StyleType.Danger, "10");
private static void BuildBadge(RenderTreeBuilder builder, StyleType style, string text)
{
builder.Div("demo-badge", attr =>
{
builder.Text("消息中心");
builder.Badge(style, text);
});
}
3.2. Tag
- 新增Tag组件,支持不同样式
- 支持自定义模板
- 使用
builder.Tag(style, text);构建
BuildTag(builder, StyleType.Default, "测试");
BuildTag(builder, StyleType.Primary, "完成");
BuildTag(builder, StyleType.Success, "通过");
BuildTag(builder, StyleType.Info, "进行中");
BuildTag(builder, StyleType.Warning, "警告");
BuildTag(builder, StyleType.Danger, "失败");
//自定义模板
BuildTag(builder, StyleType.Success, b => b.IconName("fa fa-user", "模板"));
private static void BuildTag(RenderTreeBuilder builder, StyleType style, string text)
{
builder.Div("demo-tag", attr => builder.Tag(style, text));
}
private static void BuildTag(RenderTreeBuilder builder, StyleType style, Action<RenderTreeBuilder> content)
{
builder.Div("demo-tag", attr => builder.Tag(style, content));
}
3.3. Progress
- Progress支持不同样式
- 使用
builder.Progress(style, width, value);构建
BuildProgress(builder, StyleType.Default, 0.5M);
BuildProgress(builder, StyleType.Primary, 0.35M);
BuildProgress(builder, StyleType.Success, 1);
BuildProgress(builder, StyleType.Info, 0.6M);
BuildProgress(builder, StyleType.Warning, 0.55M);
BuildProgress(builder, StyleType.Danger, 0.8M);
private static void BuildProgress(RenderTreeBuilder builder, StyleType style, decimal value)
{
builder.Progress(style, 100, value);
}

4. 后台任务
- 查询系统所有定时任务运行情况

5. 系统附件
- 查询系统所有附件信息

Blazor前后端框架Known-V1.2.8的更多相关文章
- 快速web开发中的前后端框架选型最佳实践
这个最佳实践是我目前人在做的一个站点,主要功能: oauth登录 发布文章(我称为"片段"),片段可以自定义一些和内容有关的指标,如“文中人物:12”.支持自定义排版.插图.建立相 ...
- com.panie 项目开发随笔_前后端框架考虑(2016.12.8)
(一) 近日和一同学联系,说了我想要做一个网站的打算.她很感兴趣.于是我们协商了下,便觉得一起合作.她写前端,我写后台.因为我对于前端样式设计并不怎么熟悉. (二) 我们决定先做一个 个人博客. 网上 ...
- VSCode 完美整合前后端框架(angular2+.NET core)
首先打开命令行查看本地.NET版本. 通过命令行安装模板. dotnet new --install Microsoft.AspNetCore.SpaTemplates::* 创建demo目录,并用v ...
- web前后端框架整理
nodejs <——> Express <———> bootstrap <———> angularJS <————> jquery <—————& ...
- Vue2+Koa2+Typescript前后端框架教程--03后端路由和三层模式配置
昨天将Koa2的基础框架和自动编译调试重启服务完成,今天开始配置路由和搭建基础的三层架构模式. 路由中间件:koa-router,即路由导航,就是我们平时使用最广泛的get/post方法执行的URL路 ...
- Vue2+Koa2+Typescript前后端框架教程--05Sequelize的使用(ORM)
本篇开始分享Node.js后端服务开发中对于数据结构ORM的实现,主要使用的技术栈是:Sequelize. 上一篇文章中讲到班级管理的数据结构:ID,班级名称,班级编码,班主任ID,使用的数据库是My ...
- Vue2+Koa2+Typescript前后端框架教程--04班级管理示例(路由调用控制器)
上篇文章分享了简单的三层模式和基础文件夹的创建,本篇将以示例的形式详细具体的展示Router.Controller.Service.Model之间业务处理和数据传输. 1. 班级管理数据模型创建.数据 ...
- 从壹开始前后端分离 [ Vue2.0+.NET Core2.1] 十四 ║ VUE 计划书 & 我的前后端开发简史
---新内容开始--- 番外 大家周一好呀,又是元气满满的一个周一呀!感谢大家在周一这个着急改Bug的黄金时期,抽出时间来看我的博文哈哈哈,时间真快,已经到第十四篇博文了,也很顺顺(跌跌)利利 (撞撞 ...
- ASP.NET WebApi+Vue前后端分离之允许启用跨域请求
前言: 这段时间接手了一个新需求,将一个ASP.NET MVC项目改成前后端分离项目.前端使用Vue,后端则是使用ASP.NET WebApi.在搭建完成前后端框架后,进行接口测试时发现了一个前后端分 ...
- 从壹开始前后端分离【 .NET Core2.0 +Vue2.0 】框架之二 || 后端项目搭建
前言 至于为什么要搭建.Net Core 平台,这个网上的解释以及铺天盖地,想了想,还是感觉重要的一点,跨平台,嗯!没错,而且比.Net 更容易搭建,速度也更快,所有的包均有Nuget提供,不再像以前 ...
随机推荐
- ts中抽象类、继承、多态
ts中类抽象类.多态: 抽象类: abstract 修饰, 里面可以没有抽象方法.但有抽象方法(abstract method)的类必须声明为抽象类(abstract class) 多态:父类定义一个 ...
- 高性能、快响应!火山引擎 ByteHouse 物化视图功能及入门介绍
更多技术交流.求职机会,欢迎关注字节跳动数据平台微信公众号,回复[1]进入官方交流群 物化视图是指将视图的计算结果存储在数据库中的一种技术.当用户执行查询时,数据库会直接从已经预计算好的结果中获取数据 ...
- pyhton内置函数
内置函数 1.type(变量名)-> class 查看变量的数据类型 2.print(self, *args, sep=' ', end='\n', file=None) sep:指定多个参数以 ...
- 没想到还有这种骚操作~如何使用Golang实现无头浏览器截图?
前言 在Web开发中,有时需要对网页进行截图,以便进行页面预览.测试等操作. 而使用无头浏览器来实现截图功能,可以避免手动操作的繁琐和不稳定性. 这篇文章将介绍:使用Golang进行无头浏览器的截图, ...
- Transformer 估算 101
本文主要介绍用于估算 transformer 类模型计算量需求和内存需求的相关数学方法. 引言 其实,很多有关 transformer 语言模型的一些基本且重要的信息都可以用很简单的方法估算出来.不幸 ...
- centos linux系统安装详解
打开vmware,版本差异区别不大 选择创建新的虚拟机 选择典型,是默认选项不用改,点击下一步 选择稍后安装操作系统(默认选项不用改),点击下一步 选择linux,并且版本改为centos 64位,点 ...
- 把vue组件发布到npm
一直以来项目都使用他人开发的组件,于是乎自己也想倒腾着做一个,发布到npm 在其他项目里直接使用,这个组件上传和纯js 还是有一定区别的,在这个过程中也遇到了一些小问题,网上找了许多案例,都不是太全面 ...
- 基于Expression Lambda表达式树的通用复杂动态查询构建器——《构思篇一》
在上一篇中构思了把查询子句描述出来的数据结构,那么能否用代码将其表达出来,如何表达呢? 再次回顾考察,看下面的查询子句: Id>1 and Id<10 如上所示,有两个独立的条件分别为Id ...
- 利用APIFOX对ABAP函数进行调用
1.安装APIFOX,当然也可以使用在线版,无需下载 官网地址:https://apifox.com/ 2.新建项目 3.为项目起一个名称,为相关开发测试人员授权 4.在根目录新增子目录 5.编辑开发 ...
- App性能测试之iTest
本文主要介绍下App性能测试工具iTest_V4.7的使用. 功能简介 1.监控Andorid系统(支持手机,平板,电视,车机等智能终端设备)以及应用app的cpu.内存.流量.电池.帧率.页面耗时等 ...