使用RESTful API, JSON和JavaScript创建基于web的工具- MATLAB和Simulink金宝app

使用RESTful API、JSON和创建基于web的工具JavaScript

这个例子展示了如何创建一个web应用程序，从一个简单的公式计算债券的价格。它使用MATLAB^®生产服务器™RESTful API而且MATLAB数据类型的JSON表示描述一个端到端的使用工作流MATLAB制作服务器．通过在web界面中输入以下已知值来运行这个示例:

面值(或债券到期价值)-米
券息支付-C
付款次数-N
〇利率我

应用程序计算价格(P)，根据以下公式:

P = C * ((1 - (1 + i)^- n) / i) + M * (1 + i)^- n

使用web应用程序中的滑块为不同的债券定价。

第一步:写作MATLAB代码

在MATLAB中编写以下代码为债券定价。使用文件名保存代码pricecalc.m．

函数Price = pricecalc(face_value, coupon_payment，.．.M = face_value;C =优惠券支付;N = num_payments;I =利率;价格= C * ((1 - (1 + i) ^ - n) / i) + M * (1 + i) ^ - n;

步骤2:使用生产服务器编译器应用程序创建一个可部署的存档

为这个例子创建可部署的存档:

在应用程序选项卡，选择生产服务器编译器应用程序。
在应用程序类型列表中,选择可部署的存档．
在导出功能字段,添加pricecalc.m．
下档案信息,改变pricecalc来BondTools．
点击包．

生成的可部署存档，BondTools.ctf位于for_redistribution项目文件夹。

步骤3:将可部署归档文件放在服务器上

下载MATLAB运行时，如有需要，在//www.tatmou.com/下载188bet金宝搏products/compiler/mcr．看到金宝app支持MATLAB运行时版本的MATLAB生产服务器获取更多信息。
使用以下命令创建服务器mps-new．看到使用命令行创建服务器实例获取更多信息。如果尚未设置服务器环境，请参见mps-setup获取更多信息。
属性的位置，如果还没有这样做，请指定MATLAB运行时通过编辑服务器配置文件main_config并指定路径——mcr-root．看到使用配置文件配置服务器获取详细信息。
使用以下命令启动服务器mps-start，并验证它正在运行mps-status．
复制BondTools.ctf文件到auto_deploy服务器上用于托管的文件夹。

步骤4:开启服务器端的CORS (Cross-Origin Resource Sharing

通过编辑服务器配置文件开启CORS，main_config并指定可以向服务器发出请求的域源列表。例如，设置cors-allowed-origins选项——cors-allowed-origins *允许来自任何域的请求访问服务器。看到cors-allowed-origins而且使用配置文件配置服务器获取详细信息。

第五步:写作JavaScript使用RESTful API和JSON编写代码

编写以下JavaScript^®使用RESTful API而且MATLAB数据类型的JSON表示作为向导。将此代码保存为一个名为calculatePrice.js．

代码:

calculatePrice.js

//calculatePrice.js:计算债券价格的JavaScript代码function calculatePrice() {var cp = parseFloat(document.getElementById('coupon_payment_value').value);var np = parseFloat(document.getElementById('num_payments_value').value);var ir = parseFloat(document.getElementById('interest_rate_value').value);var vm = parseFloat(document.getElementById('facevalue_value').value);//一个新的XMLHttpRequest对象var request = new XMLHttpRequest();//使用MPS RESTful API指定URL var URL = "http://localhost:9910/BondTools/pricecalc";//使用MPS RESTful API指定参数，使用JSON var params = {"nargout":1， "rhs": [vm, cp, ir, np]};. getelementbyid(“请求”)。我nnerHTML = "URL: " + url + "
" + "Method: POST 
" + "Data:" + JSON.stringify(params); request.open("POST", url); //Use MPS RESTful API to set Content-Type request.setRequestHeader("Content-Type", "application/json"); request.onload = function() { //Use MPS RESTful API to check HTTP Status if (request.status == 200) { // Deserialization: Converting text back into JSON object // Response from server is deserialized var result = JSON.parse(request.responseText); //Use MPS RESTful API to retrieve response in "lhs" if('lhs' in result) { document.getElementById("error").innerHTML = "" ; document.getElementById("price_of_bond_value").innerHTML = "Bond Price: " + result.lhs[0].mwdata; } else { document.getElementById("error").innerHTML = "Error: " + result.error.message; } } else { document.getElementById("error").innerHTML = "Error:" + request.statusText; } document.getElementById("response").innerHTML = "Status: " + request.status + "
" + "Status message: " + request.statusText + "
" + "Response text: " + request.responseText; } //Serialization: Converting JSON object to text prior to sending request request.send(JSON.stringify(params)); } //Get value from slider element of "document" using its ID and update the value field //The "document" interface represent any web page loaded in the browser and //serves as an entry point into the web page's content. function printValue(sliderID, valueID) { var x = document.getElementById(valueID); var y = document.getElementById(sliderID); x.value = y.value; } //Execute JavaScript and calculate price of bond when slider is moved function updatePrice(sliderID, valueID) { printValue(sliderID, valueID); calculatePrice(); }