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

制作手机软件的软件北京网站优化实战

制作手机软件的软件,北京网站优化实战,网站怎么做定位功能,湛江建站程序目录 一、背景 二、操作方法 2.1修改前 2.2修改后 三、总结 附:参考文章: 一、背景 最近在以前的asp.net网页中,每次点击确定都弹窗,然后还要弹窗点击确认,太麻烦了,这次想升级一下,实现…

目录

一、背景

二、操作方法

2.1修改前

2.2修改后

三、总结

附:参考文章:


一、背景

最近在以前的asp.net网页中,每次点击确定都弹窗,然后还要弹窗点击确认,太麻烦了,这次想升级一下,实现类似安卓toast的弹窗提示方式。于是百度了一下,目前看到有两种,sweetalert和toastr。

这里讲一下我使用sweetalert(SweetAlert2 - a beautiful, responsive, customizable and accessible (WAI-ARIA) replacement for JavaScript's popup boxes)的操作。

二、操作方法

2.1修改前

原来的代码:

var title = '报警确认';
$.messager.confirm('Confirm', '是否确认报警?  <br/>报警类别:' + FAlertID + ' <br/> 报警内容:' + FAlarmInfo, function (r) {if (r) {$.ajax({url: '/AlertConf',data: {FID:FID},type: 'POST',success: function (data) {if (data == 0) {$.messager.alert("错误提示", '登录信息出现变化,请重新登录');} else if (data == 2){$.messager.alert("错误提示", title + '失败!');} else {$.messager.alert("提示", title + '成功');}$('#dg').datagrid('reload');}});}});

效果:

2.2修改后

第一步:在_Layout.cshtml中,合适的地方添加代码:

    <script src="~/Scripts/sweetalert2/sweetalert2.min.js" type="text/javascript"></script><link rel="stylesheet" href="~/Scripts/sweetalert2/sweetalert2.min.css" type="text/css" />

第二步:修改后的网页代码:

$.ajax({url: '/AlertConf',data: {FID:FID},type: 'POST',success: function (data) {if (data == 0) {$.messager.alert("错误提示", '登录信息出现变化,请重新登录');} else if (data == 2){$.messager.alert("错误提示", title + '失败!');} else {// 弹出一个消息提示框Swal.fire({icon: 'success', // 消息提示框的图标,可以设置为'success'、'error'、'warning'等title: '提示',text: title + '成功', // 要显示的消息文本timer: 1000, // 消息框自动关闭的时间(毫秒)showConfirmButton: false, // 不显示确认按钮position: 'top',toast: true,showClass: {popup: 'animate__animated animate__fadeIn'  //直接显示,没有动画//icon: 'animate__animated animate__fadeIn'}});}$('#dg').datagrid('reload');}
});

效果,直接在页面div的中间添加toast弹窗:

三、总结

后来查看了,其实不只asp可以用,vue等其实网页都可以用。而且这次还发现了,还可以在更多动画(Animate.css | A cross-browser library of CSS animations.)

附:参考文章:

Asp.Net Core MVC 里使用 sweetalert 和 toastr 和 bootboxjs 提示样式-CSDN博客

附:本文使用到的组件官网

 1)弹窗消息sweetalert:SweetAlert2 - a beautiful, responsive, customizable and accessible (WAI-ARIA) replacement for JavaScript's popup boxes

2)动画Animate:Animate.css | A cross-browser library of CSS animations.

http://www.ritt.cn/news/18557.html

相关文章:

  • 学会网站开发有什么好处百度搜索榜单
  • 云南省城乡和住房建设厅网站网站建站设计
  • 绿色建筑网站方象科技的企业愿景
  • wordpress小工具制作seo搜索铺文章
  • 用dede做的网站电商seo是指
  • wordpress 音乐 插件怎么用seo是什么专业的课程
  • 网站的广告语应该怎么做百度关键词刷搜索量
  • 百度做网站吗百度广告公司
  • 东莞公司网站设计友情链接qq群
  • wordpress user_idseo网络推广技术
  • 网站建设公司广州增城关键词调价工具哪个好
  • 秦皇岛做网站优化公司太原百度推广排名优化
  • 网站设计沟通58同城如何发广告
  • 怎么建设自己收费网站新网站 seo
  • 网站风格包括什么百度官网认证多少钱
  • 襄阳市做网站的公司指数计算器
  • 做淘宝主要看哪些网站百度品牌广告多少钱
  • 做系统的网站网络营销的特点包括
  • 南京做网站咨询南京乐识上海网站建设方案
  • 杭州江干建设局网站附近哪里有计算机培训班
  • 云网站开发推广普通话手抄报内容怎么写
  • 织梦cms wordpress常用的seo工具的是有哪些
  • 不使用域名做网站今日百度小说排行榜风云榜
  • 如何做自己的网站链接竞价
  • 北京学做网站网站没有友情链接
  • h5响应式音乐网站模板友情链接有哪些展现形式
  • 跨境电商独立站是什么意思免费站推广网站2022
  • 做电子商务网站需要办理什么证营销方案案例
  • 网页制作图片显示不出来win10系统优化软件
  • 做网站域名不备案会怎么样网站开发