如何安装控制器JavaScript生成插件详解


Posted in Javascript onOctober 21, 2018

前言

既然组件不提供view服务引擎,那在编写应用网站的时候只能由javascript调用接口进行UI整合,这样编写javascript来访问接口就变得一件非常麻烦。为了解决这一繁琐问题组件提供了一上自定义工具插件来自动生成控制器对应的访问脚本(插件暂只支持VS2017);一旦插件安装完成那就可以对控制器文件设置相应的自定义工具名称,设置完成后只要控制器类一被保存就会马上生成对应的调用脚本。

下面话不多说了,来一起看看详细的介绍吧

下载安装插件

下载插件

如何安装控制器JavaScript生成插件详解

双击安装插件,安装完成后只需要在控制器类->文件属性- 自定义工具 (设置成JSAPI即可)

生成内容

通过插件生成的javascript文件只是api的二次封装,其基础功能是依赖于FastHttpApi.js;所以在引用控制器Api调用脚本的时候要先引用FastHttpApi.js. 插件会对每个控制器的方法生成对应的调用脚本,每个方法会生成一个url属性,一个异步调用方法和一个支持await调用的方法。

var $Hello$url='/hello';
function $Hello(name,useHttp)
{
 return api($Hello$url,{name:name},useHttp).sync();
}
function $Hello$async(name,useHttp)
{
 return api($Hello$url,{name:name},useHttp);
}

使用方式

await $Hello('test');
$Hello$async().execute(function(result){});

调用机制

脚本支持两种方式调用,当Websocket连接处于激活状态下默认是走websocket通道。如果只想基于http调用则指定useHttp参数为true

await $Hello('test',true);
$Hello$async(true).execute(function(result){});

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,如果有疑问大家可以留言交流,谢谢大家对三水点靠木的支持。

Javascript 相关文章推荐
Javascript 篱式条件判断
Aug 22 Javascript
jQuery AJAX回调函数this指向问题
Feb 08 Javascript
google 搜索框添加关键字实现代码
Apr 24 Javascript
JQuery基础语法小结
Feb 27 Javascript
jquery中ajax跨域方法实例分析
Dec 18 Javascript
AngularJS实用开发技巧(推荐)
Jul 13 Javascript
详解Vue爬坑之vuex初识
Jun 14 Javascript
在vue-cli中组件通信的方法
Dec 16 Javascript
Vue引入jquery实现平滑滚动到指定位置
May 09 jQuery
javascript随机变色实例代码
Oct 15 Javascript
在elementui中Notification组件添加点击事件实例
Nov 11 Javascript
微信小程序实现多行文字滚动
Nov 18 Javascript
Node.js中的不安全跳转如何防御详解
Oct 21 #Javascript
详解Axios 如何取消已发送的请求
Oct 20 #Javascript
使用Vue做一个简单的todo应用的三种方式的示例代码
Oct 20 #Javascript
Iview Table组件中各种组件扩展的使用
Oct 20 #Javascript
详解webpack打包第三方类库的正确姿势
Oct 20 #Javascript
详解ES6 Promise对象then方法链式调用
Oct 20 #Javascript
Intellij IDEA搭建vue-cli项目的方法步骤
Oct 20 #Javascript
You might like
详解 PHP加密解密字符串函数附源码下载
2015/12/18 PHP
Laravel5.5+ 使用API Resources快速输出自定义JSON方法详解
2020/04/06 PHP
JavaScript Eval 函数使用
2010/03/23 Javascript
js的压缩及jquery压缩探讨(提高页面加载性能/保护劳动成果)
2013/01/29 Javascript
用js提交表单解决一个页面有多个提交按钮的问题
2014/09/01 Javascript
javascript实现youku的视频代码自适应宽度
2015/05/25 Javascript
微信小程序  Mustache语法详细介绍
2016/10/27 Javascript
jQuery ajax的功能实现方法详解
2017/01/06 Javascript
JS实现DIV高度自适应窗口示例
2017/02/16 Javascript
bootstrap弹出层的多种触发方式
2017/05/10 Javascript
js字符串与Unicode编码互相转换
2017/05/17 Javascript
jquery+css实现侧边导航栏效果
2017/06/12 jQuery
网页中的图片查看器viewjs使用方法
2017/07/11 Javascript
Angular通过angular-cli来搭建web前端项目的方法
2017/07/27 Javascript
jQuery 实时保存页面动态添加的数据的示例
2017/08/14 jQuery
js实现手机web图片左右滑动效果
2017/12/29 Javascript
JS编写兼容IE6,7,8浏览器无缝自动轮播
2018/10/12 Javascript
vue-quill-editor+plupload富文本编辑器实例详解
2018/10/19 Javascript
JS左右无缝轮播功能完整实例
2019/05/16 Javascript
vue实现的上拉加载更多数据/分页功能示例
2019/05/25 Javascript
微信小程序如何利用getCurrentPages进行页面传值
2019/07/01 Javascript
python 循环while和for in简单实例
2016/08/16 Python
PyQt5 pyqt多线程操作入门
2018/05/05 Python
把csv文件转化为数组及数组的切片方法
2018/07/04 Python
python实现远程控制电脑
2019/05/23 Python
Django实现列表页商品数据返回教程
2020/04/03 Python
深入解析HTML5的IndexedDB索引数据库
2015/09/14 HTML / CSS
html5跳转小程序wx-open-launch-weapp踩坑
2020/12/02 HTML / CSS
Emma Bridgewater官网:英国餐具制造商
2019/11/24 全球购物
环境工程大学生个人的自我评价
2013/10/08 职场文书
2014年自我评价
2014/01/04 职场文书
单位委托书范本
2014/04/04 职场文书
公司承诺书范文
2014/05/19 职场文书
2016年大学生社会实践心得体会
2015/10/09 职场文书
教师个人教学反思
2016/02/23 职场文书
Android基于Fresco实现圆角和圆形图片
2022/04/01 Java/Android