前端easyui的简化调用

easyui近期一直都比较流行,虽然它在效果上被extjs爆了,它的使用难度低,在IE6下表现不错,的确受到了广泛企业程序员的好评. 但是他的API说明还是比较简陋的,刚上手可能还需要摸索一下,为什么这样做不会来? 我做了一些封装尽量地封装,隐藏它的API,保持简单调用. 不要担心看不懂,最后还提供Demo下载. 工作开始 Tabs 先贴一张简陋的图,与官方的Demo差不多,但是在Tabs中只加入一个模仿VS的右键菜单,并且设置了选项卡最大个数,打开选项卡时超出最大个数会关闭一个. 另外做了写…

【tornado】系列项目（二）基于领域驱动模型的区域后台管理+前端easyui实现

本项目是一个系列项目,最终的目的是开发出一个类似京东商城的网站.本文主要介绍后台管理中的区域管理,以及前端基于easyui插件的使用.本次增删改查因数据量少,因此采用模态对话框方式进行,关于数据量大采用跳转方式修改,详见博主后续博文. 后台界面展示: 地区管理包含省市县的管理.详见下文. 一.数据库设计 class Province(Base): """ 省 """ __tablename__ = 'province' nid = Column(…

[WPF自定义控件库]使用TextBlockHighlightSource强化高亮的功能，以及使用TypeConverter简化调用

1. 强化高亮的功能上一篇文章介绍了使用附加属性实现TextBlock的高亮功能,但也留下了问题:不能定义高亮(或者低亮)的颜色.为了解决这个问题,我创建了TextBlockHighlightSource这个类,比单纯的字符串存储更多的信息,这个类的定义如下: 相应地,附加属性的类型也改变为这个类,并且属性值改变事件改成这样: private static void OnHighlightTextChanged(DependencyObject obj, DependencyPropertyC…

2-5 利用RestTemplateCore简化调用Consul中的服务

1.必须要安装RestTemplateCore包 2.请求服务,必须要知道 a Consul服务器的地址:b 请求的服务名 ;c 具体请求的api接口利用RestTemplateCore简化调用Consul中的服务代码如下: 实现对Product服务的查询…

Jquery EasyUI封装简化操作

//confirm function Confirm(msg, control) { $.messager.confirm('确认', msg, function (r) { if (r) { eval(control.toString().slice(11)); } }); return false; } //load function Load() { $("<div class=\"datagrid-mask\"></div>").cs…

前端使用d3.js调用地图api 进行数据可视化

前段时间自己研究了demo就是把某个区域的某个位置通过经纬度在地图上可视化.其实就是使用了第三方插件,比现在比较火的可视化插件d3.js echart.js.大致思路就是,把要用到的位置的geojson数据报错,然后本地调用这些数据,通过d3.js或者echart.js通过地图中的api把他显示到页面上,这样可以更直观更方便的进行预览,也就是现在比较火的数据可视化,也是未来前端发展的一个不错的方向.由于第一次做所以有些需要优化的地方自己可以根据需求优化.代码如下: html: <!DOCTYPE…

【Axios】前端页面使用axios调用后台接口

项目基本情况前端项目是用vue.js做的,前端起的服务URL:http://localhost:8080/ 后端项目是用Node.js做的,后端起的服务URL:http://localhost:3000/ 现在前端要调用后端服务其中一个接口,URL:http://localhost:3000/goods,这个接口需要3个参数(page,pageSize,sort) 有如下两种方式来调用后端接口: 1)直接调用axios请求后端服务如果你直接在界面上使用axos调用后端接口,你需要在axios…

java web前端easyui（layout+tree+双tabs）布局+树+2个选项卡tabs

1.列出要实现的样式: 2.实现的代码: 分三大部分: 1):页面主体部分:mian.vm <html> <head> <title>Ks UI</title> #parse("ui:include") <style> body{padding:0;margin:0} </style> <script> $(document).ready(function(){ var tabs_content = $…

EasyUI相同的Tab只打开一个（即EasyUI方法的调用方法）

function addTabA(title){ if ($('#tt').tabs('exists', title)){ $('#tt').tabs('select', title); } else { $('#tt').tabs('add',{ title:title, content:'Tab Body ' , iconCls:'icon-save', closable:true }); } } jQuery EasyUI的其他方法调用方式相似例如:layout 默认收起 $('#lay…

搭建nginx代理，为前端页面跨域调用接口

前端同学因开发需要,本地搭建的服务需要调用其它域名的接口,在帮助正确配置后,已能正常使用. 这里写一篇博客,记录一下. 前端页面地址为127.0.0.1:9813/a.html 接口地址http://test.cas.com/news/auth 让前端在他自己电脑安装好nginx后,在nginx.conf文件加入下面配置: server{ #任意一不在使用中的端口都行 listen 3389; server_name www.l.com; #/表示所有请求www.l.com都会进入如下处理 lo…

网站常用的一些javascript封装简化调用

//用于网页地址参数 //参数中包含出了英文中文数字之外的其他符号时进行编码并在前面加"=="进行标识,否则直接返回 //解码时根据是否含有"=="标识来决定是否要解码 var base64EncodeChars = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/"; var base64Encode = new Array( -1, -1, -1, -1, -1…

简化调用Web Service

年前在客户那里做POC,因为成型的OTMCS暴露Web Service的Schema太长,导致ICS无法支持和映射,讨论过后决定对Web Service调用进行封装,因OTMCS WebService订单生成的调用参数太多,决定化繁为简,直接将所有的报文作为一个参数传入. 代码如下: package hwpoc; import javax.jws.*;import javax.jws.WebMethod;import javax.jws.WebParam;import javax.jws.Web…

ABP前端-关于不同按钮调用同一事件传入的参数变为相同的数据

现象: 在一个含有的Tab标签的页面,两个标签页的新增按钮调用同一个新增事件并传入不同的参数,但实际在调用的的时候传入的参数都变成了最后一个按钮传入的值,即,不论点击哪个Tab按钮的新增事件,最终传入的参数都是最后一个Tab中按钮传入的参数猜测原因: 可能是按钮在同个文件中写的,按钮未做id唯一区分. 测试发现,两个按钮虽然都写了id区分,但页面显现出来两个按钮的id都变成了最后按钮的id 猜测,可能不是按钮没有唯一标识,而是它更高一层的没有唯一标识,最终检查代码发现是Tab标签没有唯一标识.…

前端js调用七牛制作评价页面案例

一.需求公司所有的上传页面都用七牛,前端不免要直接调用七牛的代码进行上传,以下是一个实现七牛上传的案例,制作一个常见的商品评价页面,页面需求很常见当上传到第五章图片的时候,上传按钮消失,上传需要显示当前进度,上传完毕以后可以删除图片,如图1所示. 二.过程七牛官网的比较多比较乱,直接给大家一个配置好可以用的,如需其他定制,只能自己去啃文档了,整个demo的js核心代码如下 var progress1; var waikuang; var img; var span; var flag = 0…

不使用SpringBoot如何将原生Feign集成到Spring中来简化http调用

在微服务架构中,如果使用得是SpringCloud,那么只需要集成SpringFeign就可以了,SpringFeign可以很友好的帮我们进行服务请求,对象解析等工作. 然而SpingCloud是依赖于SpringBoot的.在老的Spring项目中通常是没有集成SpringBoot,那么我们又该如何使用Feign组件进行调用呢? 这种情况下就只能使用原生Feign了,Feign使用手册:https://www.cnblogs.com/chenkeyu/p/9017996.html 使用原生Fe…

C#调用Activex中串口电子秤的数据,并将电子秤的数据显示到前端页面

大二的一个项目需要用到Activex技术将读取到串口中的数据在后台获取到,并将串口的数据写入数据库,这个过程需要在后台使用C#调用Activex控件已经使用的方法,然后在前端通过JavaScript进行调用串口的数据进行赋值 <script type="text/javascript"> function method1() { var obj = document.getElementById("obj1"); var retVal = obj.Get…

前端 JS/TS 调用 ASP.NET Core gRPC-Web

前言在上两篇文章中,介绍了ASP.NET Core 中的 gRPC-Web 实现和在 Blazor WebAssembly 中使用 gRPC-Web,实现了 Blazor WebAssembly 调用 ASP.NET Core gRPC-Web.虽然 ASP.NET Core 中的 gRPC-Web 实现目前还是试验性项目,但是鉴于它在生态上的重大意义,说不定我们很快就能在正式版本中使用. 虽然 Blazor WebAssembly 现在已经是 .NET 进军前端的大热门,但有同学说,只介…

easyui源码翻译1.32--EasyLoader（简单加载）

前言扩展自$.fn.datebox.defaults,使用$.fn.datetimebox.defaults重写默认值对象.下载该插件翻译源码源码 /** * jQuery EasyUI 1.3.2 * *翻译; qq 1364386878 */ (function () { //预定义模块 //将所有的插件,和插件资源和依赖文件放进modules对象中. var modules = { draggable: { js: "jquery.draggable.js" }, dropp…

EasyUi之datagird解读

1.其json格式需要为: JSON Code 1234567891011121314151617181920212223 { , "rows": [ { "birth": "1996-10-12", , "stuClass": { "className": &qu…

easyui框架--基础篇（一）-->数据表格datagrid（php与mysql交互）

前言 php easyui框架--本篇学习主要是 easyui中的datagrid(数据表格)框架. 本篇学习主要通过讲解一段代码加GIF图片学习datagrid(数据表格)中的一些常用属性,还有与之相关的dialog(对话窗)和texbobox(文本框)的一些常用属性,希望对读者有帮助. 本篇主要分为两个部分讲解: ① 前端PHP代码编写--框架搭建与数据调用 ② 数据库的数据内容与后台数据连接,后台数据传输到前台以下所有代码HBuider中建立PHP文件实施.(前提php文件可…

Web前端开发推荐阅读书籍、学习课程下载

转自http://www.xuanfengge.com/fe-books.html 前言学校里没有前端的课程,那如何学习JavaScript,又如何使自己成为一个合格的前端工程师呢? 除了在项目中学习和跟着有经验的同事学习,读书也是必不可少的.书中有着相对完整的知识体系,每读一本好书都会带来一次全面的提高. 而如果深一脚浅一脚的学习,写出代码的质量会参差不齐.初学者的首要任务是成为靠谱的熟练开发者,能够稳定的输出有一定质量的代码. 前端技术发展速度特别快,总是涌现出很多新的东西,需要不断的学习…

(一)jQuery EasyUI 的EasyLoader载入原理

1.第一次看了官网的demo.引用的是EasyLoader.js文件,而不是引用jquery.easyui.min.js文件,我就有疑问了,百度一下. jQuery EasyUI是一款基于JQuery的UI高速搭建组件. EasyLoader是能够动态载入脚本和CSS文件.也能够动态载入EasyUI已有组件.须要引用EasyLoader.js文件,注意:这里就不须要引用jquery.easyui.min.js文件了. 比方须要载入linkbutton组件.则能够用以下的两种方式来载入: 第一种通…

easyUI datagrid 时间格式化

从后台传过来的数据,其中含有日期字段,那么在前端的easyUI这里显示的话,会显得比较怪异,一大串,中间是个T,后面一大堆零,不知道是什么意思. 看来要进行格式化. 问题是,在哪里格式化? 如果在后端,转换成想要的字符串,易如反掌.但细想,逻辑上比较合适在前端处理:时间数据从后台过来,然后如何显示,是前端的事. 那么在前端这里,如何处理? 1.扩展Date的功能 Date.prototype.format = function (format) { var o = { "M+": th…

EasyUI入门配置

EasyUI是一款基于jQuery的前端插件,简化了开发,免去编写复杂的js和css即可实现不错的显示效果. 基本配置: index.html <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>EasyUI测试</title> </head>  <script type=&q…

前端——Vue CLI 3.x搭建Vue项目

一.Node安装 windows 1. Node.js (>=8.9, 推荐8.11.0+) Node官网下载 .msi 文件,按步骤下载安装即可. 安装完之后在cmd中输入 node -v,若显示版本号,则说明安装成功. 2. Git(命令行终端) Git官网下载安装即可. Linux apt-get install nodejs node -v apt-get install npm npm -v npm命令1.得到原本的镜像地址 npm get registry 2.设置成淘宝 npm c…

Azure AD（二）调用受Microsoft 标识平台保护的 ASP.NET Core Web API 上

一,引言上一节讲到Azure AD的一些基础概念,以及Azure AD究竟可以用来做什么?本节就接着讲如何在我们的项目中集成Azure AD 包含我们的API资源(其实这里还可以在 SPA单页面应用,Web项目,移动/桌面应用程序集成Azure AD),号了,废话不多说,开始今天的内容. 二,正文上一篇介绍到 Azure AD 其实是微软基于云的表示和授权访问管理服务,它可以帮助我们在Azure中登录和访问资源.我们可以通过Azure的标识平台生成应用程序,采用微软表示登录,以及获取令牌来调…

循序渐进VUE+Element 前端应用开发(19）--- 后端查询接口和Vue前端的整合

循序渐进VUE+Element 前端应用开发的系列文章中,前面介绍了系统各个功能的处理实现,本篇随笔从一个主线上介绍前后端开发的整合,让我们从ABP框架后端的查询接口的处理,前端API接口调用的封装,以及前端Element界面的整个调用过程进行一个完整的介绍. 我们前面介绍了Vue+Element前端的接口是调用后端的ABP框架发布的API接口服务,API接口服务通过Swagger公布对应的接口信息供我们前端开发使用,提供非常好的便利:而我们使用Vue+Element的前端框架,也是需要对后端接…

循序渐进VUE+Element 前端应用开发(25）--- 各种界面组件的使用（1）

在我们使用Vue+Element开发前端的时候,往往涉及到很多界面组件的使用,其中很多直接采用Element官方的案例即可,有些则是在这个基础上封装更好利用.更少代码的组件:另外有些则是直接采用第三方开发好的组件,目的就是实现所需功能外,尽量简化界面使用代码.本篇随笔介绍在我的项目中经常用到的各种界面组件和它的界面效果,以便在实际开发中进行相应的参考,提高开发效率. 我们以几个常规界面来介绍相关控件的使用,如列表界面,包括查询.表格.分页等信息,查询框中包含一些关键字段的信息查询,而表格中则包含…

C#执行存储过程的简化

下面的方法是我在实际开发中摸索出来的,可以在很大程度上简化调用存储过程的代码. 首先来看一下C#调用存储过程的一般过程:1.打开数据库连接SqlConnection:2.生成一个SqlCommand:3.向命令对象填充参数:4.执行存储过程:5.关闭连接:6.其他操作. 我这里讲的主要是简化第3步操作,最终在调用存储过程的时候只需要传递存储过程的名字和相应的参数值.调用示例如下: dbAccess.run("p_am_deleteFile", new object[]{L…

JQuery EasyUI框架学习

前言新项目的开发前端技术打算採用EasyUI框架(基于EasyUI较为丰富的UI组件库),项目组长将前端EasyUI这块的任务分配给了我.在进行开发之前,须要我这菜鸟对EasyUI框架进行一些基础的入门学习.之后会在学习的过程中将自己遇到的问题和实用的东西记录下来. 关于EasyUI EasyUI框架式基于JQuery的,使用它帮助我们快捷的构建web网页.EasyUI框架是一个简单.易用.强大的轻量级web前端javascript框架.现阶段来说,在开发web项目时,前端的开发我们更喜欢使用…

【前端easyui的简化调用】的更多相关文章