jsp调用flex的基本写法

AS与JS通信实践
最新推荐文章于 2023-06-16 14:25:52 发布
原创 最新推荐文章于 2023-06-16 14:25:52 发布 · 384 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍了一种ActionScript(AS)与JavaScript(JS)之间通信的方法，并提供了具体的实现案例。通过Flash与网页之间的交互演示了如何在不同运行环境的脚本间进行数据交换。
<body style="overflow: hidden" onunload="closeConn()" onmousedown="fixedIeFlashBugs()">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="100%" height="100%" id="LegoTopo">
<param name="movie" value= "<s:url value="/pages/module/topo/topo.swf" includeParams="none"/>" />
<param name='flashVars' value='clientIP=<%=clientIP %>'/>
<param name="allowFullScreen" value="true" />
<param name="wmode" value="transparent">
<embed src= "<s:url value="/pages/module/topo/topo.swf" includeParams="none"/>"
width="100%" height="100%" allowFullScreen="true" wmode="transparent"/>
</object>
<input type="text" id="LegoTopoHidden" style="position: absolute;left: -10000px;"/>
<form id="redrectForm" name="redrectForm" target="_blank">
<s:hidden name="id" id="id"></s:hidden>
<s:hidden name="token" id="token"></s:hidden>
</form>
</body>

as和js通信说明连接一个：
http://www.blogjava.net/Alpha/archive/2009/06/27/284373.html
在JSP中嵌入Flex程序
编程语言小筑
11-21 165
当Flex项目开发差不多了，可以往J2EE平台上迁移 了，因此，就需要在JSP中嵌入Flex程序了。 开始以为会很难，试了一下，没想到非常简单。如下： 1. java代码就老样子，写在src里。 2. 将lib包拷贝到lib文件夹下，将flex文件夹拷贝在web-inf文件夹，修改里面的remoting-config.xml 3. 修改web.xml，加入节点 &lt;!--s...
直接在jsp页面上使用flex标签
lipeng的博客
06-21 206
  1:去ADOBE下载FLEX的TAGLIB for JSP.   http://download.macromedia.com/pub/labs/flex2_tag_library_jsp/flex2_tag_library_for_jsp.zip 2:将下载下来的文件解压,里面有2个JAR文件.       将flex-bootstrap-jsp.jar拷贝到WEB-INF/li...
Java与Flex学习笔记（20）---将flex页面嵌入到jsp页面中
weixin_33912453的博客
12-18 156
 如果我们只需要用到Flex的一部分功能，例如播放器功能，我们可以单独把Flex页面嵌入到Jsp页面中。要想实现此功能，需要下载一个工程，将其覆盖在服务器根目录下即可。你可以在次下载：FlexModule_j2ee.zip。         在eclipse下新建一个web工程，将刚才下载的工程解压缩，然后将webtier文件夹下的内容覆盖服务器根目录下，如本人的：        ...
JSP调用Flex程序
walt wang
04-14 6313
 1.在javascript中调用flex中的方法时用document.getElementById("flexObject").flexfunction("param");flexObject是其html模板中的id或者name,即相对应的flex的实例化对象.要在flex中用ExternalInterface.addCallback("flexHelloWorld",flexHelloWorl
贴个Jsp里嵌入Flex的例子
weixin_33979203的博客
12-12 135
Flex是以JSTL形式嵌入Jsp的，Jsp文件里的头一句就是 &lt;%@ taglib uri="FlexTagLib" prefix="mm" %&gt; 下面是运行的效果图   源代码test.jsp 其中对jsp中的输入输出字符进行了编码，我用的是Tomcat5.5，用其他服务器的话可能会不同！ &lt;%@ tagl...
JSP与Flex整合的即插即用解决方案
掌握JSP后端开发和Flex前端开发是基本要求，同时需要了解两者如何协同工作，特别是web.xml文件对于整个整合过程的配置方法。通过实际操作和不断学习，能够熟练整合JSP与Flex，进一步提升Web开发能力。
FLEX基础教程与实战案例详解
标签中的“FLEX”和“flex”分别代表大小写不同的写法，说明资源可能涵盖了 Flex 的不同版本或通用知识；“基础”再次强调了其内容的定位；“教程”则明确其作为教学材料的性质；“案例”再次点出实践性内容的重要性...
<td class="col-md-2 flex align-center"> <div class="form-group row col-md-12"> <label class="col-md-10 col-form-label text-left">Material No.</label> </div> </td> <td class="col-md-4 flex align-center"> <input type="text" class="form-control form-control-sm" id="materialNo" name="materialNo" class="mainData"></input> </td> $("#materialNo").click(function () { function () { layer.open({ type: 2, title: 'Search Material', skin: 'layui-layer-rim', area: ['1160px', '600px'], maxmin: true, content: '${ctx}/partsDetailRequest/toRequestMaterial , end: function () { } }) //按钮可用 unDisableButton(); }); });为什么点击事件不好使
07-26
> ❌ 错误：你在 click 事件里写了一个没有调用的函数，这会导致 `layer.open` 不执行。 ✅ 修复方法：直接在 click 回调中执行 `layer.open` ```js $("#materialNo").click(function () { layer.open({ type: 2...
<?xml version='1.0' encoding='UTF-8'?> <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml" xmlns:cc="http://java.sun.com/jsf/composite" xmlns:lkmcc="http://java.sun.com/jsf/composite/lkmComponent" xmlns:h="http://java.sun.com/jsf/html" xmlns:f="http://java.sun.com/jsf/core" xmlns:p="http://primefaces.org/ui" xmlns:c="http://java.sun.com/jsp/jstl/core"> <cc:interface/> <cc:implementation> <style> .form-block { display: flex; align-items: center; margin-bottom: 10px; } .form-block label { font-weight: bold; flex: 0 0 120px; text-align: right; margin-right: 10px; } .form-block input, .form-block select, .form-block textarea { width: 100%; box-sizing: border-box; } .button-block { display: flex; justify-content: flex-end; } .button-block button { margin-left: 10px; } @media (max-width: 768px) { .form-block { flex-direction: column; align-items: flex-start; } .form-block label { margin-bottom: 5px; } .button-block { flex-direction: column; align-items: flex-end; } .button-block button { margin-left: 0; margin-top: 10px; } } </style> <h:form id="orderForm"> <p:outputPanel> <!-- 表单块 --> <div class="form-block"> <label for="create_orderNo">订单号：</label> <p:inputText id="create_orderNo" value="#{unStdOrderBean.createBoardDm.orderNo}" readonly="#{not empty unStdOrderBean.createBoardDm.orderNo}" style="width:100%;" /> </div> <div class="form-block"> <label for="create_partCode">零件编码：</label> <p:inputText id="create_partCode" value="#{unStdOrderBean.createBoardDm.partCode}" style="width:100%;" /> </div> <div class="form-block"> <label for="create_partDesc">零件描述：</label> <p:inputText id="create_partDesc" value="#{unStdOrderBean.createBoardDm.partDesc}" style="width:100%;" /> </div> <div class="form-block"> <label for="create_partName">零件名称：</label> <p:inputText id="create_partName" value="#{unStdOrderBean.createBoardDm.partName}" style="width:100%;" > <p:ajax event="change" listener="#{unStdOrderBean.handlePartNameChange}" update="create_steelName" /> </p:inputText> </div> <div class="form-block"> <label for="create_diameter">尺寸：</label> <p:inputText id="create_diameter" value="#{unStdOrderBean.createBoardDm.diameter}" type="number" step="1" style="width: calc(50% - 6px);" placeholder="请输入直径"/> <span style="margin: 0 5px;">X</span> <p:inputText id="create_length" value="#{unStdOrderBean.createBoardDm.length}" type="number" step="1" style="width: calc(50% - 6px);" placeholder="请输入长度"/> </div> <div class="form-block"> <label for="create_qty">零件数量：</label> <p:inputText id="create_qty" value="#{unStdOrderBean.createBoardDm.qty}" type="number" step="1" style="width:100%;" /> </div> <div class="form-block"> <label for="create_steelName">钢种：</label> <p:selectOneMenu id="create_steelName" value="#{unStdOrderBean.createBoardDm.steelName}" style="width:100%;"> <f:selectItems value="#{unStdOrderBean.steelOptions}" /> </p:selectOneMenu> </div> <div class="form-block"> <label for="create_processType">加工类型：</label> <p:selectOneMenu id="create_processType" value="#{unStdOrderBean.createBoardDm.processType}" style="width:100%;"> <f:selectItem itemLabel="请选择" itemValue="" noSelectionOption="true" /> <f:selectItem itemLabel="连体" itemValue="连体" /> <f:selectItem itemLabel="单体" itemValue="单体" /> <f:selectItem itemLabel="双体" itemValue="双体" /> </p:selectOneMenu> </div> <div class="form-block"> <label for="create_remark">备注：</label> <p:inputTextarea id="create_remark" value="#{unStdOrderBean.createBoardDm.remark}" rows="6" cols="50" style="width:100%;" /> </div> <!-- 按钮块 --> <div class="button-block"> <p:commandButton value="提交" actionListener="#{unStdOrderBean.createOrder}" update="#{unStdOrderBean.updateTargetComponent}" class="query" ajax="true" process="@form" /> <p:commandButton value="关闭" onclick="PF('createOrder').hide(); return false;" /> </div> </p:outputPanel> </h:form> </cc:implementation> </html> 为什么我这个页面订单号没输入直接提交没问题会返回不能为空，然后再次输入值，他也判断没问题有值了，但是第三次修改后为什么就出问题了，提交后值还是第二次输入的值
最新发布
08-21
// 确保 setter 方法被调用 this.createBoardDm.setOrderNo(nonStdPart.getOrderNo()); // 其他字段赋值... } ``` 也可以尝试加上 `@PostConstruct` 初始化： ```java @PostConstruct public void init() { ...
<%@ page import="java.sql.*" %> <%@ page contentType="text/html;charset=UTF-8" language="java" %> <% // 数据库连接配置 String dbUrl = "jdbc:sqlserver://localhost:1433;databaseName=Lanqiu;" + "encrypt=true;trustServerCertificate=true"; String dbUser = "sa"; String dbPass = "hfy123456"; Connection conn = null; PreparedStatement ps = null; ResultSet rs = null; try { Class.forName("com.microsoft.sqlserver.jdbc.SQLServerDriver"); conn = DriverManager.getConnection(dbUrl, dbUser, dbPass); String sql = "SELECT court_id, court_name, location, court_type, status FROM basketball_courts"; ps = conn.prepareStatement(sql); rs = ps.executeQuery(); %> <!DOCTYPE html> <html> <head> <title>场地预约情况</title> <style> body { font-family: Arial, sans-serif; padding: 20px; } .court-card { border: 1px solid #ccc; margin: 15px 0; padding: 15px; display: flex; justify-content: space-between; align-items: center; } .btn { padding: 8px 12px; border: none; cursor: pointer; color: white; border-radius: 4px; } .available { background-color: green; } .unavailable { background-color: red; } </style> </head> <body> <h2>篮球场地预约情况</h2> <% while (rs.next()) { int courtId = rs.getInt("court_id"); String courtName = rs.getString("court_name"); String location = rs.getString("location"); String courtType = rs.getString("court_type"); String status = rs.getString("status"); boolean isAvailable = status.equals("可用"); if (isAvailable) { String checkSql = "SELECT * FROM reservations WHERE court_id = ? AND start_time <= GETDATE() AND end_time >= GETDATE()"; PreparedStatement checkPs = conn.prepareStatement(checkSql); checkPs.setInt(1, courtId); ResultSet checkRs = checkPs.executeQuery(); if (checkRs.next()) { isAvailable = false; } checkRs.close(); checkPs.close(); } %> <div class="court-card"> <div> <strong><%= courtName %></strong><br/> 地点：<%= location %><br/> 类型：<%= courtType %><br/> 状态：<%= status %> </div> <div> <% if (isAvailable) { %> <button class="btn available" onclick="reserve(<%= courtId %>)">预约</button> <% } else { %> <button class="btn unavailable" disabled>不可预约</button> <% } %> </div> </div> <% } } catch (Exception e) { System.out.println("错误：" + e.getMessage()); } finally { if (rs != null) rs.close(); if (ps != null) ps.close(); if (conn != null) conn.close(); } %> <script> function reserve(courtId) { fetch('reserveCourt.jsp?court_id=' + courtId) .then(res => res.text()) .then(data => alert(data)) .catch(err => alert('预约失败')); } </script> </body> </html> 这是我的一个1jsp文件里的代码，<%@ page import="java.sql.*" %> <%@ page contentType="text/html;charset=UTF-8"%> <html> <head> <title>篮球场预约</title> <style> body { font-family: Arial, sans-serif; padding: 20px; background-color: #f5f5f5; } h2 { text-align: center; color: #333; } form { max-width: 400px; margin: auto; background: white; padding: 20px; border-radius: 8px; box-shadow: 0 0 10px rgba(0,0,0,0.1); } label { display: block; margin-top: 10px; } input, select { width: 100%; padding: 8px; margin-top: 5px; } button { margin-top: 15px; width: 100%; padding: 10px; background-color: #4CAF50; color: white; border: none; border-radius: 4px; cursor: pointer; } .message { text-align: center; margin-top: 20px; color: red; } </style> </head> <body> <h2>篮球场预约系统</h2> <form action="doReserve.jsp" method="post"> <label for="userId">用户ID：</label> <input type="number" id="userId" name="userId" required> <label for="courtId">选择篮球场：</label> <select id="courtId" name="courtId" required> <option value="">请选择篮球场</option> <% Connection conn = null; PreparedStatement ps = null; ResultSet rs = null; try { // 加载 JDBC 驱动 Class.forName("com.microsoft.sqlserver.jdbc.SQLServerDriver"); // 数据库连接信息 String dbUrl = "jdbc:sqlserver://localhost:1433;databaseName=Lanqiu;encrypt=true;trustServerCertificate=true;"; String dbUser = "sa"; String dbPass = "hfy123456"; // 建立连接 conn = DriverManager.getConnection(dbUrl, dbUser, dbPass); // 查询所有状态为“可用”的篮球场 String sql = "SELECT court_id, court_name FROM basketball_courts WHERE status = '可用'"; ps = conn.prepareStatement(sql); rs = ps.executeQuery(); while (rs.next()) { %> <option value="<%= rs.getInt("court_id") %>"><%= rs.getString("court_name") %></option> <% } } catch (Exception e) { System.out.println("<option disabled>加载场地失败</option>"); e.printStackTrace(); } finally { if (rs != null) rs.close(); if (ps != null) ps.close(); if (conn != null) conn.close(); } %> </select> <label for="startTime">开始时间：</label> <input type="datetime-local" id="startTime" name="startTime" required> <label for="endTime">结束时间：</label> <input type="datetime-local" id="endTime" name="endTime" required> <button type="submit">提交预约</button> </form> <% String error = request.getParameter("error"); if (error != null && error.equals("true")) { %> <div class="message">预约失败，请检查输入内容或场地是否已被占用。</div> <% } %> </body> </html> 这是上面代码最后跳转的页面，两个页面都能独立显示，为什么点击预约后就显示报错
06-26
2. 如果某场地当前没有被占用，则会显示“预约”按钮，点击后调用 JavaScript 的 `fetch()` 方法跳转到 `reserveCourt.jsp`。 3. `reserveCourt.jsp` 是一个表单提交页面，允许用户填写信息并 POST 到 `doReserve....
Flex在jsp中的应用
bannamoon的专栏
08-18 217
此文仅在IE中试验。谷歌浏览器也支持。其他浏览器未做测试。 flex可以嵌入jsp页面中，从而利用flex的一些图形组件出图。 1.首先上[url]http://opensource.adobe.com/wiki/display/flexsdk/Downloads[/url]下载FlexModule_j2ee.zip([url]http://flexorg.wip3.adobe.com/mod...
在Flex中访问JSP的session、application属性值
程序员的天堂
07-15 151
      在开发web程序的过程中，我们经常要从session、application等JSP内置对象中获取变量值，在jsp页面、servlet中我们很容易就能办到，但是在Flex中就比较麻烦。不过，通过变通的方法我们还是可以从session、application对象中获取变量值的，其思路就是：通过HttpService组件访问一个通用的HttpServlet类，在HttpServlet类中根...
Flex与jsp的联系
blueflex
08-07 183
Flex与jsp的联系 由于目前好多网友问关于flex与jsp的联系,现在我把有关它们联系的代码贴出来供大家参考.其实只要把jsp代码转换成XML开式就行,flex读取的是xml,下面是关于flex把值传给JSP和JSP把值传给FLEX. 文件FlexJsp.mxml &lt;mx:application xmlns:mx="http://www.adobe.com/2006/mxml" app...
让Flex在Jsp中秀起来
iteye_17314的博客
01-05 140
将Flex嵌入到Jsp,其实是通过Jsp的taglib实现的. 要做到以下工作： 1.去ADOBE下载FLEX的TAGLIB for JSP 2.将flex-webtier-jsp.jar 拷贝到WEB-INF/flex/jars 文件夹 3.在WEB.XML中添加 FlexTagLib /WEB-INF/lib/flex-bootstrap-jsp.jar 4:如果...
Flex与Javascript互相通信
lu_cy的专栏
06-16 1503
相关文章:   Flex程序与html通信方法大全 Flex 和JavaScript 交互（带参） ActionScript与JavaScript之间的交互疑问推荐圈子: EXT 更多相关推荐 Flex与Javascript互相通信。（1）：在Flex中有这么一个类：ExternalInterface.在这个类中它给我们：call和addCallbackFlex中As调用Js的方法是：1、
Flex和jsp整合实践
kmyhy的专栏
12-28 1万+
  一、前言  时下 RIA （ Rich Internet Applications ）非常时髦 , 而部门中已有很多项目开始使用 flex 框架进行开发。为了追上其他项目组新技术应用的步伐，因此我想在所负责的项目中尝试进行 flex 与 jsp 的整合，从而为下一步升级改造提供可借鉴的经验和基础。 二、简单介绍 测试地址： http://10.180.4.50/flex
Jsp中嵌入Flex,通过js传植
beicuinan的专栏
10-19 180
新工作的第一个任务,实现jsp向flex传值.都是从网上参考,实现的,例子如下: JSP代码: [code="java"] My JSP 'MyJsp.jsp' starting page This is my JSP page. ...
Jsp中嵌入Flex
lehsyh的专栏
07-25 136
Flex是以JSTL形式嵌入Jsp的，Jsp文件里的头一句就是 以下是引用片段： &lt;%@ taglib uri="FlexTagLib" prefix="mm" %&gt; 源代码test.jsp 其中对jsp中的输入输出字符进行了编码，我用的是Tomcat5.5，用其他服务器的话可能会不同！ 以下是引用片段：&lt;%@ taglib uri="FlexTagLib" prefix=...
弹性盒子（display: flex）布局超全讲解|Flex 布局教程
热门推荐
肥晨开发的学习之路
06-16 17万+
弹性布局（Flex布局）是一种现代的CSS布局方式，通过使用display: flex属性来创建一个弹性容器，并在其中使用灵活的盒子模型来进行元素的排列和定位。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值