基于C#开发web网页管理系统模板流程-主界面管理员入库和出库功能完善

前言

紧接上篇->基于C#开发web网页管理系统模板流程-主界面管理员录入和编辑功能完善-CSDN博客

本篇将完善主界面的管理员入库和出库功能,同样的,管理员入库和出库的设计套路适用于动态表的录入和编辑

首先还是介绍一下本项目将要实现的功能

(一)入库界面

根据时间自动生成入库单号、根据入库数量和入库单价自动生成入库总价

完成基本的入库、查询、重置功能,能够通过勾选CheckBox控件进行指定字段的条件查询

(二)出库界面

下拉选择货品后自动产生库存(下图出库数量之后的红色数字),根据时间自动生成出库单号、根据出库数量和销售单价自动生成销售总价,输入出库数量时能判断库存是否足够

完成基本的入库、查询、重置功能,能够通过勾选CheckBox控件进行指定字段的条件查询

(注:本篇开始不再会像前两篇那样事无巨细地介绍操作流程和配图,出现过的类似操作都会一笔带过)


一,新建crkgl文件夹

(crkgl,即“出入库管理”的缩写)

在admin文件下再新建一个crkgl文件夹以方便脚本管理,我们将把实现出入库功能的脚本放在这个文件夹下,以此类推,当你实现菜单的其它选项的功能时,也应采用这个思路


二,设计入库界面

(一)添加设计工作台

创建一个【包含母版页的Web窗体】,将其命名为rkgl.aspx

点击添加后再弹出的【选择母版页】窗口中选择唯一一个母版页Site.Master

(二)插入与调整表格

在刚刚新建的文件中点击右下角的【设计】,在紫色窗口中键入几个回车方便操作

入库界面的表格的列数固定为3,行数需要根据你自己管理系统需要查询的字段数来决定

行数=入库表中的字段数+2

例如:在我的入库表中有7个字段,因此设置该表为9(7+2)行

(三)对表格进行自己喜欢的修饰并并添加相关提示信息

参考设计如图

(四)添加控件并配置控件

如下图,共添加:6个【TextBox】,3个【Button】,1个【DropDownList】(这两类控件都在【工具箱】->【标准】中找到),1个【GridView】(这个控件在【工具箱】->【数据】中)

DropDownList】控件能够实现下拉直接选择数据库中已存在的货品号,可以根据自己的具体需要使用此控件

(1)控件修饰

添加控件后对表格再次修饰,将3个按钮依次改为入库、查询、重置

(2)控件属性配置

需要对一些控件的属性进行配置

①一些固定的、用户已经输入的、在数据库中已存在的信息预期能够自动生成,减少用户的二次输入,因此直接将这类信息的文本框禁用。通过脚本自动导入,例如:入库单号(通过时间自动生成)、管理员号(数据库中导入)、入库总价(通过入库数量*入库单价直接生成)

②对相关文本框能够接收的数据类型进行限制,例如:入库数量和入库单价(设置为Number类型),入库时间(设置为Date类型)

③将入库数量和入库单价的【AutoPostBack】属性设置为True,目的是为了能够“一旦入库数量或入库单价的信息被输入,就自动调用该控件的相关脚本,自动生成入库总价的信息”

(五)配置GridVeiw

(1)GridView数据源配置

详细教程见上篇标题【三.(六)】处内容->基于C#开发web网页管理系统模板流程-主界面管理员录入和编辑功能完善-CSDN博客

流程和之前的基本一致,主要是以下两处注意修改——

①配置Select语句处注意修改成入库表

②编写自定义SQL语句

入库表通常不编写Update修改语句(实际使用中店员不应具备修改已入库记录的权限,容易做假账,即便能修改,也涉及到修改日志、修改原因等信息的记录,十分棘手,因此只编写查询和删除语句)

(2)配置删除功能

①启用分页和删除功能

将删除功能移至右端

将【CommandField】列设置为TemplateField(模板列)是必须进行的操作!这关系到下文设置删除提示的操作!

②给删除功能添加确认删除提示

为避免用户误删记录,必须给删除功能添加对应的确认提示

点击右下角的【源】,在模板列的后台代码(即绿色框起来的部分,如果没有绿框内的代码,说明你为进行上文将【CommandField】列设置为TemplateField(模板列)的操作)中找到如下图红色下划线所在行的删除按钮后台代码,添加如红色下划线所示的代码在【Text="删除"】的后面

OnClientClick="return confirm('真的要删除吗?')"

(六)配置DropDownList

(1)DropDownList数据源配置

为货品号这个字段的下拉式菜单添加一个新的数据源,流程和前面配置数据源时基本一致

到【配置Select语句】这个窗口时注意切换成货品表

自定义语句只需要一条查询语句,此处的查询语句读者根据自己的管理系统来决定想要查询的内容

此处采用一种“货品号和货品名绑定显示”的查询机制,因此使用了如下这条SQL语句

select hno, concat(hno, hname) as hpm from hpb

(2)功能预览

(七)为控件录入脚本以实现功能

(零)补充两个控件

需要为货品号和入库时间添加一组(两个)【CheckBox】控件,以实现选中其中一个字段,就按该字段进行条件查询,不勾选,就进行无条件查询,如下图

控件所在位置如下

在需要勾选的字段之后添加这个控件

此时觉得它的名字有点碍眼,分别去它们的属性中找到【Text】,输入一个空格

这样只有选择框了,顺眼很多!

(一)所有控件脚本

(已经是第三篇了,不知道读者有没有注意到,同一个.aspx文件中的所有控件的脚本是放在同一个.cs文件中的)

打开【rkgl.aspx.cs】文件,将下面的代码复制到该文件中,即可实现所有控件的功能,实现思路见代码注释!

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Data.Odbc;        //ODBC命名空间namespace ckgl.admin.crkgl
{public partial class rkgl : System.Web.UI.Page{protected void Page_Load(object sender, EventArgs e){TextBox2.Text = "100001";//测试用,从入库管理脚本运行后直接录入这个管理员号}//TextBox3(入库数量)和TextBox4(入库单价)都不为空,就根据它们的内容刷新TextBox5(入库总价)的内容protected void TextBox3_TextChanged(object sender, EventArgs e){if (TextBox3.Text != "" & TextBox4.Text != ""){TextBox5.Text = (Convert.ToInt32(TextBox3.Text) * Convert.ToInt32(TextBox4.Text)).ToString();}}protected void TextBox4_TextChanged(object sender, EventArgs e){if (TextBox3.Text != "" & TextBox4.Text != ""){TextBox5.Text = (Convert.ToInt32(TextBox3.Text) * Convert.ToInt32(TextBox4.Text)).ToString();}}protected void Button1_Click(object sender, EventArgs e){//录入按钮被点击时,对数据进行合法性检测if (TextBox3.Text == ""){Response.Write("<script language=javascript> alert('对不起,入库数量不得位空!');</script>");return;}if (TextBox4.Text == ""){Response.Write("<script language=javascript> alert('对不起,入库单价不得位空!');</script>");return;}if (TextBox6.Text == ""){Response.Write("<script language=javascript> alert('对不起,入库时间不得位空!');</script>");return;}//根据本地时间(年月日时分秒,建议精确到秒,这样做才会因为输入的先后单号,不会出现相同的单号)自动生成一个入库单号TextBox1.Text = DateTime.Now.Year.ToString();   //取日期年TextBox1.Text += DateTime.Now.Month.ToString();TextBox1.Text += DateTime.Now.Day.ToString();TextBox1.Text += DateTime.Now.Hour.ToString();TextBox1.Text += DateTime.Now.Minute.ToString();TextBox1.Text += DateTime.Now.Second.ToString();//链接数据库,执行SQL语句OdbcConnection con = DB.Lianjie();con.Open();string sql1 = " insert into rkb values('" + TextBox1.Text + "','" + TextBox2.Text + "','" + DropDownList1.Text + "',";sql1 += " " + TextBox3.Text + "," + TextBox4.Text + "," + TextBox5.Text + ",'" + TextBox6.Text + "') ";OdbcCommand mycommand1 = new OdbcCommand(sql1, con);mycommand1.ExecuteNonQuery();Response.Write("<script language=javascript> alert('入库成功!!');</script>");//成功执行即成功录入,给出提示//入库成功后,使用查询语句获取本地数据库新的记录(按入库时间排序)string sql2 = "select * from rkb order by rk_date desc";OdbcCommand mycommand2 = new OdbcCommand(sql2, con);OdbcDataReader sdr = mycommand2.ExecuteReader();if (sdr.Read()){SqlDataSource1.SelectCommand = sql2;//将查询到的新记录显示GridView1.DataBind();}con.Close();}protected void Button2_Click(object sender, EventArgs e){//根据勾选的字段来决定查询结果OdbcConnection con = DB.Lianjie();con.Open();string sql = " select * from rkb where ";if (CheckBox1.Checked == true)sql += " hno='" + DropDownList1.Text + "' and  ";if (CheckBox2.Checked == true)sql += " rk_date='" + TextBox6.Text + "' and ";sql += " '1'='1' ";//用于吞掉末尾的原sql语句的and关键字OdbcCommand mycommand = new OdbcCommand(sql, con);OdbcDataReader sdr = mycommand.ExecuteReader();if (sdr.Read()){SqlDataSource1.SelectCommand = sql;GridView1.DataBind();}else{Response.Write("<script language=javascript> alert('对不起,没有查到数据!');</script>");return;}con.Close();}protected void Button3_Click(object sender, EventArgs e){//将可输入的字段置空,就是重置了TextBox3.Text = "";TextBox4.Text = "";TextBox6.Text = "";}}
}


三,设计出库界面

出库界面的设计和入库界面基本雷同了,碍于篇幅和蒟蒻博主的精力,接下来就不详细说明了,但只要你弄明白了入库界面,出库界面一定不在话下!

(一)添加设计工作台

(二)插入与调整表格

依旧是固定列数3,行数=入库表中的字段数+2,下图是用于参考的出库表

(三)对表格进行自己喜欢的修饰并并添加相关提示信息

(四)添加控件并配置控件

(1)添加控件

控件总览图——

控件清单——

6个TextBox:出库单号、管理员号、出库数量、销售单价、销售总价、出库日期

1个DropDownList:货品号

2个CheckBox:货品号、出库日期

1个GridView:置于表格右方

1个Label:置于出库数量后方

(Label标签的作用是将来通过脚本自动显示剩余的库存,以提示用户不要超库存出库)

(2)控件配置

(未说明的保留默认设置)

出库单号之后的TextBox1、管理员号之后的TextBox2、销售单价之后的TextBox4、销售总价之后的TextBox5

出库日期之后的TextBox6

货品号、出库日期之后的CheckBox1、CheckBox2

(Text属性中输入一个空格)

出库数量之后的Label

(不需要空格,删除默认文本即可)

(改颜色增加区分度)

货品号之后的DropDownList1、出库数量之后的TextBox3

(这个属性的目的是一旦控件的文本被修改就自动响应脚本,使出库数量之后的Label能够实时显示出剩余库存)

对货品号之后的DropDownList以及表格右方的GridView进行数据源配置,在设计入库界面时已经详细讲解过!

1,GridView配置注意点

自定义SQL语句

编辑列,将删除转换为模板列

在【】中添加删除确认代码

OnClientClick="return confirm('真的要删除吗?')"

2,DropDownList配置注意点

自定义SQL语句

显示数据字段设置

(五)为控件录入脚本以实现功能

打开【ckgl.aspx.cs】文件,将下面的代码复制到该文件中,即可实现所有控件的功能,实现思路见代码注释!

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Data.Odbc;        //ODBC命名空间
using System.Collections.Specialized;namespace ckgl.admin.crkgl
{public partial class ckgl : System.Web.UI.Page{protected void Page_Load(object sender, EventArgs e){TextBox2.Text = "100001";//测试用,从入库管理脚本运行后直接录入这个管理员号}protected void DropDownList1_SelectedIndexChanged(object sender, EventArgs e){OdbcConnection con = DB.Lianjie();con.Open();//一大段代码用来计算入库数量和出库数量,库存 = 入库数量 - 出库数量string sql1 = " select IFNULL(price,0) as xsj from hpb where hno='" + DropDownList1.Text + "'";  //查货品销售价string sql2 = " select IFNULL(sum(rk_num),0) as rksl from rkb where  hno='" + DropDownList1.Text + "'";  //查入库数量 "string sql3 = " select IFNULL(sum(ck_num),0) as cksl from ckb where  hno='" + DropDownList1.Text + "'";  //查出库数量 "OdbcCommand mycommand1 = new OdbcCommand(sql1, con);OdbcCommand mycommand2 = new OdbcCommand(sql2, con);OdbcCommand mycommand3 = new OdbcCommand(sql3, con);OdbcDataReader sdr1 = mycommand1.ExecuteReader();OdbcDataReader sdr2 = mycommand2.ExecuteReader();OdbcDataReader sdr3 = mycommand3.ExecuteReader();if (sdr1.Read())TextBox4.Text = sdr1["xsj"].ToString();int rksl = 0, cksl = 0, kcsl;if (sdr2.Read())rksl = Convert.ToInt32(sdr2["rksl"]);if (sdr3.Read())cksl = Convert.ToInt32(sdr3["cksl"]);kcsl = rksl - cksl;Label1.Text = kcsl.ToString();//将剩余库存用Label显示出来}protected void TextBox3_TextChanged(object sender, EventArgs e){if (Label1.Text != "" && (Int32.Parse(TextBox3.Text) > Int32.Parse(Label1.Text)))//检测剩余库存是否满足出库数量{Response.Write("<script language=javascript> alert('对不起,出库数量超过库存数量了!');</script>");return;}if (TextBox3.Text != "" & TextBox4.Text != ""){TextBox5.Text = (Convert.ToInt32(TextBox3.Text) * Convert.ToInt32(TextBox4.Text)).ToString();}}protected void Button1_Click(object sender, EventArgs e)//入库{if (TextBox3.Text == ""){Response.Write("<script language=javascript> alert('对不起,出库数量不得位空!');</script>");return;}if (TextBox6.Text == ""){Response.Write("<script language=javascript> alert('对不起,出库时间不得位空!');</script>");return;}TextBox1.Text = DateTime.Now.Year.ToString();   //取日期年TextBox1.Text += DateTime.Now.Month.ToString();TextBox1.Text += DateTime.Now.Day.ToString();TextBox1.Text += DateTime.Now.Hour.ToString();TextBox1.Text += DateTime.Now.Minute.ToString();TextBox1.Text += DateTime.Now.Second.ToString();OdbcConnection con = DB.Lianjie();con.Open();string sql1 = "insert into ckb values('" + TextBox1.Text + "','" + DropDownList1.Text + "',";sql1 += "'" + TextBox2.Text + "'," + TextBox3.Text + "," + TextBox4.Text + "," + TextBox5.Text + ",'" + TextBox6.Text + "')";OdbcCommand mycommand1 = new OdbcCommand(sql1, con);mycommand1.ExecuteNonQuery();Response.Write("<script language=javascript> alert('出库成功!');</script>");string sql2 = "select * from ckb order by ck_date desc";OdbcCommand mycommand2 = new OdbcCommand(sql2, con);OdbcDataReader sdr = mycommand2.ExecuteReader();if (sdr.Read()){SqlDataSource1.SelectCommand = sql2;GridView1.DataBind();}con.Close();}protected void Button2_Click(object sender, EventArgs e)//查询{OdbcConnection con = DB.Lianjie();con.Open();string sql = "select * from ckb where ";if (CheckBox1.Checked == true)//按货品号查询sql += " hno='" + DropDownList1.Text + "' and ";if (CheckBox2.Checked == true)//按出库日期查询sql += " ck_date='" + TextBox6.Text + "' and ";sql += " '1'='1'";//吞掉一个and保证sql语法正确OdbcCommand mycommand = new OdbcCommand(sql, con);OdbcDataReader sdr = mycommand.ExecuteReader();if (sdr.Read()){SqlDataSource1.SelectCommand = sql;GridView1.DataBind();}else{Response.Write("<script language=javascript> alert('对不起,没有查到数据空!');</script>");return;}con.Close();}protected void Button3_Click(object sender, EventArgs e){TextBox3.Text = "";//将相关控件置空和false即重置TextBox6.Text = "";CheckBox1.Checked = false;CheckBox2.Checked = false;}}
}


四,添加菜单

在母版页【Site.Master】中添加相应的出入库菜单

修改对应的【NavigateUrl】属性,链接到对应的出入库界面

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/web/17745.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

[Android]项目打包APK时报错PKCS12 keystore not in version 3 format

报错&#xff1a; PKCS12 keystore not in version 3 format Execution failed for task :app:packageRelease. > A failure occurred while executing com.android.build.gradle.tasks.PackageAndroidArtifact$IncrementalSplitterRunnable > com.android.ide.commo…

如何为个人网站部署SSL安全证书,以实现网站的 HTTPS 加密协议访问?

哈喽&#xff0c;大家好呀&#xff01;这里是码农后端。完成了域名的备案与解析后&#xff0c;就可以通过域名来访问我们的网站了。本篇将介绍如何为我们的网站部署SSL安全证书&#xff0c;实现网站的 HTTPS 加密协议访问。 1、购买SSL证书 未进行SSL证书部署&#xff0c;访问网…

回答篇二:测试开发高频面试题目

引用之前文章&#xff1a;测试开发高频面试题目 本篇文章是回答篇&#xff08;持续更新中&#xff09; 1. 在测试开发中使用哪些自动化测试工具和框架&#xff1f;介绍一下你对其中一个工具或框架的经验。 a. 测试中经常是用的自动化测试工具和框架有Selenium、Pytest、Postman…

调整表格大小

方法一&#xff1a;使用鼠标拖动表格边框或右下角的调整控点 在Word文档中&#xff0c;选中要缩小的表格&#xff0c;将鼠标指针放在表格的边框线上&#xff0c;直到指针变成双箭头的形状。 按住鼠标左键&#xff0c;拖动边框线&#xff0c;调整表格的宽度或高度。如果同时按住…

AI视频教程下载:使用ChatGPT进行商务写作

你将学到什么&#xff1f; 学习如何将ChatGPT集成到你的写作过程中&#xff0c;并有效地将其用作商务写作的个人写作助手。 学习如何使用ChatGPT生成想法&#xff0c;提高你的书面沟通的结构、清晰度和连贯性。 你将学习使用ChatGPT的最佳实践&#xff0c;包括如何自定义其设…

Win10版本TDengine使用分享

软件介绍 TDengine是一款开源、高性能、可扩展的时间序列数据库&#xff08;TSDB&#xff09;。它由涛思数据公司开发&#xff0c;专为处理大规模时间序列数据而设计。时间序列数据是指按时间顺序排列的数据点序列&#xff0c;广泛应用于物联网、大数据分析、金融等领域。TDen…

Redis解决缓存一致性问题

文章目录 ☃️概述☃️数据库和缓存不一致采用什么方案☃️代码实现☃️其他 ☃️概述 由于我们的 缓存的数据源来自于数据库, 而数据库的 数据是会发生变化的, 因此,如果当数据库中 数据发生变化,而缓存却没有同步, 此时就会有 一致性问题存在, 其后果是: 用户使用缓存中的过…

DSP6657 GPIO中断学习

1 简介 使用创龙板卡的KEY2按键通过中断的方式控制LED3的亮灭 2 中断学习 在C665x设备上&#xff0c;CPU中断是通过C66x CorePac中断控制器进行配置的。该中断控制器允许最多128个系统事件被编程到任意12个CPU可屏蔽中断输入&#xff08;CPUINT4至CPUINT15&#xff09;、CPU…

短剧解说一键生成原创文案的快速方法

如今短剧创作火的一塌糊涂&#xff0c;它们以其简洁明了的剧情、生动有趣的角色和紧凑的节奏&#xff0c;吸引了大量观众的关注。因此&#xff0c;它所带来的流量是非常巨大&#xff0c;不少人将流量的获取瞄准了短剧创作领域以及短剧解说领域。而对于短剧解说人员来讲&#xf…

微服务项目收获和总结---第5天(定时发布)

延迟任务 目录 延迟任务技术对比&#xff1a; Redis实现定时任务&#xff1a;​编辑新增任务&#xff1a;取消任务&#xff1a;拉取任务&#xff1a;Zset定时刷新数据到List中&#xff1a;分布式锁实现定时任务只刷新一次&#xff1a; 技术对比&#xff1a; Redis实现定时任…

香橙派 AIpro 昇腾 Ascend C++ 分类模型适配

香橙派 AIpro 昇腾 Ascend C 分类模型适配 flyfish 文章目录 香橙派 AIpro 昇腾 Ascend C 分类模型适配前言一、PyTorch官网resnet模型处理方式1、PyTorch模型 导出 onnx格式2、完整测试 输出top1结果3、完整测试 输出top5结果 二、YOLOv8官网resnet模型Python处理方式三、昇腾…

云衔科技:为什么推荐使用zoho crm客户管理系统?

在当今快速变化的商业环境中&#xff0c;企业对高效、智能化的客户关系管理&#xff08;CRM&#xff09;系统的需求日益增长。Zoho CRM&#xff0c;作为全球领先的企业级CRM解决方案提供商&#xff0c;凭借其全面的功能、高度的可定制性、以及无缝集成的生态系统&#xff0c;成…

探寻导师:2024年最新研究生导师评价汇总

随着考研热潮的不断升温&#xff0c;对于研究生导师的选择变得愈发重要。导师不仅关系到研究生的学术成长&#xff0c;还直接影响到未来的职业发展。然而&#xff0c;如何找到一位合适的导师成为许多考生头疼的问题。为了帮助广大考生更好地选择导师&#xff0c;整理了最新最全…

Nature 正刊!瑞典于默奥大学研究团队在研究全球河流和溪流的甲烷排放中取得新进展

甲烷(CH4)是一种强有力的温室气体&#xff0c;自工业革命以来&#xff0c;其在大气中的浓度增加了两倍。有证据表明&#xff0c;全球变暖增加了淡水生态系统的 CH4 排放&#xff0c;为全球气候提供了积极的反馈。然而&#xff0c;对于河流和溪流来说&#xff0c;甲烷排放的控制…

区间类贪心,蓝桥云课 打折

目录 一、题目 1、题目描述 2、输入输出 2.1输入 2.2输出 3、原题链接 二、解题报告 1、思路分析 2、复杂度 3、代码详解 一、题目 1、题目描述 2、输入输出 2.1输入 2.2输出 3、原题链接 0打折 - 蓝桥云课 (lanqiao.cn) 二、解题报告 1、思路分析 思路很简单&am…

c++(五)

c&#xff08;五&#xff09; 继承基类和派生类继承的格式继承的方式三种:public、private、protected 继承的规则多层继承多重继承 类与类的关系 继承 一个新类从已有的类那里获得其已有特性(属性、行为)&#xff0c;这种现象称为类的继承 基类和派生类 <1>从已有的类…

WPS PPT学习笔记 2 结构页的制作

制作PPT结构页 制作封面页、目录页、封底页。它们都属于结构页。而时间轴页&#xff0c;流程图页&#xff0c;框架图页这些属于内容页。 做一份PPT 讲一个故事 封面页 开头&#xff0c; 目录页 脉络&#xff0c; 各式内容页 详情&#xff0c; 封底页 结尾。 所有的结构页…

关于Windows中桌面窗口管理器的知识,看这篇文章就可以了

序言 你打开了任务管理器,发现了一个叫做“桌面窗口管理器”的东西,它是恶意软件吗?它应该在任务管理器吗?如果它应该在那里,它的作用什么?以下是你需要了解的所有信息。 什么是桌面窗口管理器 Desktop Window Manager(dwm.exe)是一个合成窗口管理器,可以在Windows…

打印机里失败的任务删不掉的解决办法 斑马打印机更新电脑驱动和升级打印机固件 提示ribbon out 并黄状态亮+黄供应闪

强删打印任务 WinR services.msc 停止服务 Print spooler C:\Windows\System32\spool\PRINTERS 清空文件夹下所有文件 详细 要删除打印机里失败的任务&#xff0c;可以按照以下步骤操作&#xff1a; 停止打印服务&#xff1a;您需要停止Windows系统中的“Print Spooler”服…

VScode代码片段自动转图标

注&#xff1a;在VScode编辑器中&#xff0c;编辑html、vue等文件时&#xff0c;特定代码片段&#xff08;token/xxx’等&#xff09;自动转图标显示&#xff0c;按住“ctrl鼠标左键”还可跳转“https://icones.js.org/collections”&#xff0c;个人感觉干扰代码编写&#xff…