当前位置: 首页 > news >正文

响应式网站不加载图片常用的网络推广方式有哪些

响应式网站不加载图片,常用的网络推广方式有哪些,jsp电商网站开发流程,网站建设最新技术及发展趋势文章目录 前言基本文件配置引入Layout组件 语法介绍pagecodeRazor 语法[ 显式表达和隐式表达](https://learn.microsoft.com/zh-cn/aspnet/core/mvc/views/razor?viewaspnetcore-7.0#explicit-razor-expressions) 绑定简单绑定双向绑定带参数的函数绑定 依赖注入 前言 Blazor…

文章目录

  • 前言
  • 基本文件配置
    • 引入Layout组件
  • 语法介绍
    • @page
    • @code
    • Razor 语法
      • [ 显式表达和隐式表达](https://learn.microsoft.com/zh-cn/aspnet/core/mvc/views/razor?view=aspnetcore-7.0#explicit-razor-expressions)
    • 绑定
      • 简单绑定
      • 双向绑定
      • 带参数的函数绑定
    • 依赖注入

前言

Blazor最重要的是Razor组件和cshtml页面。两个最大的区别就是cshtml是完整的html,Razor是不完整的html

微软Razor 语法官方文档

我的Blazor基础语法个人总结

C# Blazor 学习笔记(12):css样式设置

C#小轮子:Visual Studio自动编译Sass文件

基本文件配置

在这里插入图片描述

  • Components:组件
  • Controller:控制器/API
  • Layout:布局
  • Models:实体对象
  • Pages:页面
  • Service:服务/数据库查询
  • Utils:通用工具

引入Layout组件

语法介绍

在这里插入图片描述

在这里插入图片描述

@page

路由路径:可以多路由

@page "/index"
//指向/index路径
<h1 class="title">Hello, world!</h1>

@code

  • @code,声明代码空间
    在这里插入图片描述

  • xxx.razor.cs 对应文件
    在这里插入图片描述
    在这里插入图片描述
    Tips:partial class即部分class,编译的时候会组合成一个完整的class

Razor 语法

显式表达和隐式表达

在这里插入图片描述

绑定

简单绑定

<h1>@Title</h1>
<button  @onclick="TitleBtn">按钮点击</button>
<h1>@RangeValue</h1>
@code{public string Title { get; set; } = "我是@Code Title字符串";/// <summary>/// 按钮事件/// </summary>public void TitleBtn(){Title = "我被函数改变了!";}
}

注意,这里的绑定是单向绑定。不是双向绑定,双向绑定需要用到@Bind语法

双向绑定


<button  @onclick="TitleBtn">按钮点击</button>
<input type="range" min="0" max="10" @bind="RangeValue"/>
<h1>@RangeValue</h1>
@code{public decimal RangeValue { get; set; } = 2;/// <summary>/// 按钮事件/// </summary>public void TitleBtn(){RangeValue++;}
}

带参数的函数绑定

Blazor 事件处理

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

解决方案

@οnclick=“@(e=>你的函数))”


<h1>@Title</h1>
<button @onclick="@(e=>TitleBtn2("函数2带参数按钮点击"))">带参数按钮点击</button>@code{public string Title { get; set; } = "我是@Code Title字符串";public void TitleBtn2(string str){Title = str;}
}

依赖注入

依赖注入有两种,我们这里统一使用cs的注入方式

        [Inject][NotNull]private NavigationManager navigationManager { get; set; }

在这里插入图片描述
Blazor的路由

使用

        public void LoginBtn(){Console.WriteLine("登录");navigationManager.NavigateTo("/index");}
http://www.hrbkazy.com/news/17512.html

相关文章:

  • 自学建百度首页网站seo优化首页
  • 北京网站建设认seo软件下载
  • 网站建设公司名称中国企业500强
  • 长沙做电商网站设计线下宣传渠道和宣传方式
  • 小网站托管费用今日新闻摘抄二十条
  • 设计企业网店推广策略百度推广优化是什么?
  • node怎么做网站怎样在网上推广
  • 在网站里文本链接怎么做长春网站优化咨询
  • ps制作博客网站界面刚刚地震最新消息今天
  • 上海建站模板平台北京seo工程师
  • dw做的网站放文件夹凡科建站下载
  • 徐州网站建设公司百家号东莞百度快速排名
  • 商丘网站制作近日发生的重大新闻
  • 最好的包装设计公司哪家好seo网站优化方法
  • 网站优化需要什么软件百度推广怎么做
  • wordpress分类汉字转拼音网站seo完整seo优化方案
  • 博物馆网站制作今日新闻头条大事
  • 医疗器械为什么做网站大数据营销是什么
  • 网站怎么做微信送红包活动河南做网站的公司
  • 浏阳做网站报价百度最容易收录的网站
  • 北京官网seo河北电子商务seo
  • 河南专业网站建设开发团队信息流优化师需要具备哪些能力
  • 东莞做网站系统有利于seo优化的是
  • 佛山 网址开发 网站制作域名年龄对seo的影响
  • 做网站靠什么挣钱百度sem认证
  • wordpress仿今日爆点关键词排名优化江苏的团队
  • 做编程的 网站有哪些优化一个网站需要多少钱
  • 怎么做免费域名网站百度网盘私人资源链接
  • 博客网站开发报告文库南阳网站seo
  • 宁波哪里可以做网站百度广告代理商