首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

ASP.NET Core 入门教程 1、使用ASP.NET Core 构建第一个Web应用

一、前言 1、本文主要内容 Visual Studio Code 开发环境配置 使用 ASP.NET Core 构建Web应用 ASP.NET Core Web 应用启动类说明 ASP.NET Core...通过命令行创建项目 #创建项目目录 mkdir projects #进入项目目录 cd projects #创建项目 dotnet new web -n helloweb 2、VS Code打开项目 菜单...项目的编译和调试配置文件就已经准备好了 3、VS Code启动项目 我们直接按下F5,或者菜单:调试->启动调试启动项目 ASP.NET Core 默认绑定是5001端口,而且ASP.NET Core...2.1之后默认绑定了HTTPS,项目启动成功后,VS Code会帮我们打开默认浏览器并访问:https://localhost:5001 因为我们并没有配置SSL证书,所以浏览器会发出警告⚠️,以Chrome...4、修改绑定协议HTTPS为HTTP 接着我们可以修改配置去掉HTTPS协议绑定 打开Properties/launchSettings.json文件 { "iisSettings": {

1.7K40

Chrome 插件开发-右键菜单开发实战演示,浏览器页面右键菜单选项设置,插件右键菜单点击插件名跳转主页设置

浏览器页面右键菜单选项设置 右键菜单指的是我们在浏览器页面里鼠标弹出来的菜单,我们可以在这个菜单里加入我们插件的功能选项,高端大气上档次,主要是方便我们进行设置哈哈。 ?..."permissions": [ "contextMenus" ], 我在 background.js 里添加了两个菜单。...onclick ( optional function ) 当菜单项被点击时触发的函数。...【参数】 info ( OnClickData ) 右键菜单项被点击时相关的上下文信息。 tab ( Tab ) 右键菜单项被点击时,当前标签的详细信息。...parentId ( optional integer ) 右键菜单项的父菜单项ID。指定父菜单项将会使此菜单项成为父菜单项的子菜单

4.4K10

Blazor 初探

Blazor 初探 目录 一、新建项目 二、ASP.NET Core Blazor 项目结构 三、结合代码讲解 四、改造 五、配置文件的使用 六、发布到 Linux(CentOS) 题外话,期间遇到个问题...程序部署到 Linux 系统)》中提到的 VPS 文件中转下载服务后,如何将下载的文件以 Blazor 的方式传出到浏览器的方法。...一、新建项目 在 VisualStudio 中选择 “Blazor 应用” 项目模板: 填写项目名称: 选择 Blazor Server 应用: 二、ASP.NET Core Blazor 项目结构...,主内容区中又分为放关于按钮的顶栏以及实际内容区: 侧边菜单栏由 NavMenu 组件渲染,菜单项中的导航链接是 NavLink 组件: 网页宽度较小时,菜单栏可收缩,控制收缩和展开的逻辑是使用 C...# 代码,写在 @code {} 块中,如上图,效果如下图: 四、改造 首先我们的主页不需要关于栏,有些边距也要去掉,所以拷贝 MainLayout 布局模板并改名为 NoPaddingLayout.razor

2.1K10

JS-事件之鼠标、键盘都能控制的下拉选框效果

document.addEventListener('click',function(){ //注意区分:attachEvent(ie中添加事件监听器的方法)和addEventListener(通用浏览器中添加事件监听器...divselect"> 请选择分类 ASP...,按下向上方向键,选中上一个选项,按下回车键菜单收起,显示选中项 提示: 1、 声明一个全局的index变量初值为-1 2、 按下向下方向键时index递增,当递增至大于等于菜单选项的总数时恢复为0 3...,index恢复为-1,菜单收起 注意:没有任何选项被选中时,按下回车键不做任何操作 三、鼠标滑过每个选项时高亮显示,离开时去掉背景,点击高亮选项时菜单标题改变 提示: 1.遍历所有a标签,绑定鼠标点击的事件...注意:要考虑到浏览器兼容,使用innerHTML,不要使用innerText 四、点击页面空白处收起菜单 提示: 1.绑定在document对象上 慕课练习题:http://www.imooc.com

3.2K50

使用ASP.NET Core MVC框架构建Web应用

IDE Visual Studio Code 1.27 浏览器 Chrome 69 3、前置知识 你可能需要的前置知识 MVC框架/模式介绍 https://baike.baidu.com/item...2、Solution Explorer菜单介绍 Solution鼠标右键菜单介绍 image.png ASP.NET Core 入门教程 菜单 快捷键 说明 Add existing project...image.png ASP.NET Core 入门教程 菜单 快捷键 说明 Add package / 添加package Add reference / 引用解决方案中的其他项目 Create...environmentVariables": { "ASPNETCORE_ENVIRONMENT": "Development" } 启动项目 按下F5启动项目,项目启动成功后,VS Code会帮我们打开默认浏览器并访问...ViewBag.ServerTime -ken.io 视图渲染时@ViewBag.ServerTime会输出Action中赋值的内容, -ken.io会被作为字符串渲染 3、启动项目测试 按下F5启动项目,项目启动成功后在浏览器中输入

1.3K20

ASP.NET MVC 5 - 开始MVC5之旅

在IDE中还有一个菜单,提供了另一种方式来执行任务。(例如,您可以不从“开始”页面中,选择“新建项目”,您可以使用该菜单,然后选择“ 文件“>“ 新建项目“) ?...然后Visual Studio会启动浏览器并打开应用程序的主页面。请注意,在浏览器的地址栏中会显示localhost:port#而不是像example.com 这样的地址。...这取决于你浏览器窗体的大小,你可通过点击右上角导航图标看到这些链接。 ? ? 同时,默认模板创建的ASP.Net MVC应用程序还提供了注册和登录功能。...接下来的一步是修改此默认应用程序,并了解一些关于ASP.NET MVC的知识。关闭浏览器,让我们修改一些源代码吧。...ASP.NET MVC 5 - 开始MVC 5之旅 2. ASP.NET MVC 5 - 控制器 3. ASP.NET MVC 5 - 视图 4.

2.1K80

ASP.NET Core 入门教程 2、使用ASP.NET Core MVC框架构建Web应用

Core MVC Web应用 ASP.NET Core MVC框架上手 2、本教程环境信息 软件/环境 说明 操作系统 Windows 10 SDK 2.1.401 ASP.NET Core 2.1.3...IDE Visual Studio Code 1.27 浏览器 Chrome 69 3、前置知识 你可能需要的前置知识 MVC框架/模式介绍 https://baike.baidu.com/item...2、Solution Explorer菜单介绍 Solution鼠标右键菜单介绍 菜单 快捷键 说明 Add existing project / 添加已存在的项目(Project) Add new...environmentVariables": { "ASPNETCORE_ENVIRONMENT": "Development" } 启动项目 按下F5启动项目,项目启动成功后,VS Code会帮我们打开默认浏览器并访问...ViewBag.ServerTime -ken.io 视图渲染时@ ViewBag.ServerTime会输出Action中赋值的内容, -ken.io会被作为字符串渲染 3、启动项目测试 按下F5启动项目,项目启动成功后在浏览器中输入

1.4K20
领券