套页面示例

最新推荐文章于 2022-07-10 15:14:46 发布
最新推荐文章于 2022-07-10 15:14:46 发布
阅读量485 收藏
点赞数
分类专栏： weike
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/gdn_wolf/article/details/47053119
版权

jsp:

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<jsp:include page="/page/allhead.jsp"/>
<!DOCTYPE html>
<html>

    <head>
        <meta charset="utf-8" />
        <title></title>
        <%--共用样式--%>
        <jsp:include page="/page/stylepc/comm/accessHead.jsp"/>
        <%--页面样式--%>
        <link href="${B}page/stylepc/css/testDesignList.css" rel="stylesheet" />
        <!--@config@{"${B}":"/"}-->
        <script type="text/javascript" src="${B}page/stylepc/js/DatePicker/WdatePicker.js"></script>


    </head>

    <body>
        <%--共用头部--%>
        <jsp:include page="/page/stylepc/comm/head.jsp"/>

        <div class="main-container container-fluid">
             <div class="page-content">
                <div class="row-fluid">
                    <div class="span12">
                        <div class="row-fluid" id="row[1]">
                          <div class="span12" id="col[1][0]">

                            <div class="FWApp">
                              <!--@testdesignModify@
                              {
                              "viewId":"designModify"
                              }
                              -->
                              <div id="designModify">
                              <div>
                                <form > 

                                  <fieldset>

                                  <!--$if(data){ var list = data[0]; var design = data[1][0];-->
                                  <!--$if(design){--> 
                                  <table border="0" align="center">
                                    <tr>
                                        <td style="width:150px;"><label class="label_text">相关需求</label></td>
                                        <td>
                                            <select name="projectCid" >
                                                <!--$for(var i in list){-->
                                                    <!--$if(list[i].cid == data[1][0].cid){-->
                                                        <option value="${_}{list[i].cid}" selected="selected" >${_}{list[i].name}</option> 
                                                    <!--$}else{-->
                                                        <option value="${_}{list[i].cid}" >${_}{list[i].name}</option> 
                                                    <!--$}-->
                                                <!--$}-->
                                              </select>
                                              <select name="demandCid">
                                                  <option value="${_}{design.demandCid}">${_}{design.demandName}</option> 
                                                </select>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td><label class="label_text">任务名称</label></td>
                                        <td>
                                            <input class="span2" style="width: 220px;" type="text" name="title" value="${_}{design.projectName}">
                                            <input type="hidden" name="projectCid" value="${_}{design.projectCid}"/>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td><label class="label_text">任务说明</label></td>
                                        <td>
                                            <textarea class="span2" style="width: 222px;" name="explain">${_}{design.explain}</textarea>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td><label class="label_text mt10">任务赏金</label></td>
                                        <td>
                                            <input class="span2 " style="width: 220px;"type="text" name="money" value="${_}{design.money}">
                                        </td>
                                    </tr>
                                    <tr>
                                        <td><label class="label_text">手续费</label></td>
                                        <td>
                                            <input class="span2" style="width: 220px;" type="text" readonly="" value="">
                                        </td>
                                    </tr>
                                    <tr>
                                        <td><label class="label_text">任务截止时间</label></td>
                                        <td><input class="span2" style="width: 220px;" type="text" name="taskDeadline" onclick="WdatePicker();" value="${_}{FW.use('DateTime').format(new Date(parseInt(design.taskDeadline)),'yyyy-MM-dd')}"></td>
                                    </tr>
                                    <tr>
                                        <td><label class="label_text">报名截止时间</label></td>
                                        <td><input class="span2" style="width: 220px;" type="text"  name="registrationDeadline" onclick="WdatePicker();" value="${_}{FW.use('DateTime').format(new Date(parseInt(design.registrationDeadline)),'yyyy-MM-dd')}"></td>
                                    </tr>
                                     <tr>
                                        <td></td>
                                        <td><button type="button" onclick="FireEvent.verification();"  class="btn btn-small">Submit</button></td>
                                    </tr>
                                  </table>
                                  <!--$}else{-->
                                    <table border="0" align="center">
                                    <tr>
                                        <td style="width:150px;"><label class="label_text">相关需求</label></td>
                                        <td>
                                            <select name="projectCid" >
                                                <!--$for(var i in list){ -->
                                                    <option value="${_}{list[i].cid}" >${_}{list[i].name}</option> 
                                                <!--$}-->
                                              </select>
                                              <select name="demandCid">
                                                <option value=""></option> 
                                             </select>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td><label class="label_text">任务名称</label></td>
                                        <td>
                                            <input class="span2" style="width: 220px;" type="text" name="title" value="">
                                        </td>
                                    </tr>
                                    <tr>
                                        <td><label class="label_text">任务说明</label></td>
                                        <td>
                                            <textarea class="2" style="width: 222px;" name="explain"></textarea>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td><label class="label_text mt10">任务赏金</label></td>
                                        <td>
                                            <input class="span2" style="width: 220px;" type="text" name="money" value="">
                                        </td>
                                    </tr>
                                    <tr>
                                        <td><label class="label_text">手续费</label></td>
                                        <td>
                                            <input class="span2 " style="width: 220px;" type="text" readonly="" value="">
                                        </td>
                                    </tr>
                                    <tr>
                                        <td><label class="label_text">任务截止时间</label></td>
                                        <td><input class="span2 "style="width: 220px;" type="text" name="taskDeadline" onclick="WdatePicker();"  value=""></td>
                                    </tr>
                                    <tr>
                                        <td><label class="label_text">报名截止时间</label></td>
                                        <td><input class="span2 " style="width: 220px;" type="text"  name="registrationDeadline" onclick="WdatePicker();" value=""></td>
                                    </tr>
                                    <tr>
                                        <td></td>
                                        <td><button type="button" onclick="FireEvent.verification();"  class="btn btn-small">Submit</button></td>
                                    </tr>
                                  </table>
                                 <!--$}-->
                                    <!--$}-->


                                  </fieldset>
                               </form>
                               </div>
                             </div>
                           </div>
                         </div>
                      </div><!--/row-->
                    </div><!--/.span-->
                </div><!--/.row-fluid-->
             </div><!--/.page-content-->
        </div><!--/.main-container-->

        <%--共用脚部--%>
        <jsp:include page="/page/stylepc/comm/footer.jsp"/>
    </body>
    <script >
           seajs.config({
           base: '${B}'
           });
           seajs.use(['page/stylepc/gadget/testdesign/testdesignModify','page/stylepc/gadget/common/headerNav','page/stylepc/gadget/common/topNav','page/stylepc/gadget/common/footerNav'], function(a) {
           a.go('${S}');
           window.FW = a;
           });
        </script>

</html>

Gadget.js onCreate():

function() {
    var cid = FW.use().getParameter("cid");

    var displayData = [];
    var _this = this;
    this.queryProjectList(function(code, data) {
        displayData[0] = data;
        if (cid) {
            _this.queryDesignDetail(cid,
            function(code, designData) {
                displayData[1] = designData;

            });
        } else {
            displayData[1] = [''];
        }
        _this.API.show('designModify', displayData);
    });
}

Gadget.js FireEvent.verification():

function() {
    var cid = FW.use().getParameter("cid");
    var projectCid = $(":input[name='projectCid']").val();
    var demandCid = $(":input[name='demandCid']").val();
    var title = $(":input[name='title']").val();
    var explain = $(":input[name='explain']").val();
    var money = $(":input[name='money']").val();
    var registrationDeadline = $(":input[name='registrationDeadline']").val();
    var taskDeadline = $(":input[name='taskDeadline']").val();

    if (!title || !(title.length > 2 && title.length < 20)) {
        FW.alert('任务名称：长度在2－20之间 不可为空');
        return false;
    } else if (!explain || !(explain.length > 20 && explain.length < 200)) {
        FW.alert('任务说明：长度在20-200之间 不可为空');
        return false;
    } else if (!money || !/^[0-9]+([.]\d{1,2})?$/.test(money) || !parseFloat(money) > 0) {
        FW.alert('任务赏金：大于0元的2位小数 不可为空 只可输入数字');
        return false;
    }
    if (registrationDeadline) {
        if (!/^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2})$/.test(registrationDeadline)) {
            FW.alert('报名截止时间日期不正确,如:2015-01-01');
            return false;
        }
    } else {
        FW.alert('报名截止时间不可为空');
        return false;
    }

    if (taskDeadline) {
        if (!/^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2})$/.test(taskDeadline)) {
            FW.alert('任务截止时间日期不正确,如:2015-01-01');
            return false;
        }
    } else {
        FW.alert('任务截止时间不可为空');
        return false;
    }

    var registrationDate = registrationDeadline.replace(/\-/gi, "/");
    var registrationTime = new Date(registrationDate).getTime();
    var taskDate = taskDeadline.replace(/\-/gi, "/");
    var taskTime = new Date(taskDate).getTime();

    var nowDate = new Date();
    var nowDateStr = nowDate.getFullYear() + "/" + (nowDate.getMonth() + 1) + "/" + nowDate.getDate();
    var nowTime = new Date(nowDateStr).getTime();
    if (registrationTime <= nowTime) {
        FW.alert('报名截止时间必须大于今天');
        return false;
    }
    if (taskTime <= registrationTime) {
        FW.alert('任务截止时间必须大于报名截止时间');
        return false;
    }

    if (cid) {
        this.updateTestDesignDetail(cid, title, explain, money, registrationDeadline, taskDeadline,
        function(code, data) {
            if (code == 0) {
                FW.alert('操作成功');
            };
        });
    } else {
        this.insertTestDesignDetail(projectCid, demandCid, title, explain, money, registrationDeadline, taskDeadline,
        function(code, data) {
            if (code == 0) {
                FW.alert('操作成功');
            } else if (code == 21) {
                FW.alert('项目标识为空');
            } else if (code == 22) {
                FW.alert('需求标识为空');
            }
        });
    }
}
gdn_wolf
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
页面示例页面示例页面示例
08-01
页面示例页面示例页面示例页面示例页面示例页面示例页面示例
全套EasyUI示例源码
08-28
"全套EasyUI示例源码"是一个包含三十多个组件的完整示例集合，可以帮助开发者深入理解和使用EasyUI。 1. **EasyUI组件介绍** - **布局组件**：如面板（panel）、窗口（window）、对话框（dialog）、分页...
套页面
学而不思则罔 思而不学则殆
05-30 1840
当原型还没做好时，随便先做个页面，
示例页面
chengzhen3076的博客
10-26 155
欢迎！我白天是个邮递员，晚上就是个有抱负的演员。这是我的博客。我住在天朝的帝都，有条叫做 Jack 的狗。 ... 或这个： XYZ Doohickey 公司成立于 1971 年，自从建立以来，我们一直向社会贡献着优秀 doohickies。我们的公司总部位于天朝魔都，有着超...
Web前端静态页面示例
anaigeng8186的博客
08-19 1409
目录结构： Web25\ |—css\ reset.css、common.css、index.css、login.css、reg.css |—js\ jquery-3.3.1.js、index.js、login.js、reg.js |—index.html、course.html、pay.html、search.html、login.html、reg.html 源码： H...
7、嵌套页面
十分钟学会写博客
07-01 228
嵌套页面 frameset iframe 一、frameset 1.1、背景 ​ frameset曾经是HTML标签中的王者，但是到了现在都很少用了。为什么呢？归根结底还是因为它不支持body标签的原因吧！个人感觉这个frameset还是挺强大的，下面简单介绍下frameset的作用吧~~ 1.2、作用 ​ 相信你肯定不止一次看到过这样的页面：页面顶部和页面左侧的部分永远都不刷新，尽管他们有不少的功能按钮和链接，页面永远都只有右下的部分在刷新内容。这就是frameset的作用。 ​ 用来做图书管
Bootstrap页面示例
04-24
这个"Bootstrap页面示例"很可能是包含了一些使用Bootstrap框架创建的网页模板或者组件的代码实例。让我们详细了解一下Bootstrap及其相关知识。 Bootstrap由Twitter开发并开源，它提供了一套完整的网格系统、预定义...
套接字示例
02-16
通过学习这个示例，你可以理解如何在实际项目中实现套接字通信，为你的HTML页面添加实时交互功能。 此外，了解套接字编程还涉及到网络编程的基础知识，如IP地址、端口号、协议族（IPv4/IPv6）、套接字选项以及错误...
uniapp主页面示例.rar
最新发布
05-21
【标题】"uniapp主页面示例.rar" 是一个压缩包，其中包含了关于使用uniapp框架构建主页面的示例项目。uniapp是一款跨平台的前端开发框架，它允许开发者用一套代码实现多端（包括iOS、Android、H5、小程序等）的应用...
Laravel5.1自定义500错误页面示例
10-21
以上是Laravel5.1自定义500错误页面的基本步骤和代码示例。开发者在实际操作中还需要考虑具体的项目结构和需求，来设计更加完善的错误页面。 此外，如果希望深入了解Laravel框架，可以参考相关的专题教程，例如...
iframe框架一个页面中嵌套到另外一个页面
we
07-10 1万+
在一个页面中嵌套另外一个页面，就要使用到框架 标签。 标签规定一个内联框架。一个内联框架被用来在当前 HTML 文档中嵌入另一个文档。基本语法： 举例： 运行浏览器后得到的效果如图 以上例子展示了的用法，在浏览器执行后，有个默认的高宽，让整个页面看起来不自然，还需要调整，所以接下来我们还要了解更多关于的属性。1、 标签的 frameborder 属性frameborder 属性规定是否显示 iframe...
页面间嵌套的3种方法总结
qq_45682379的博客
07-08 1万+
1.为什么要复用页面 在很多的网站页面的header，footer都是复用的。 随便哪个网站：如哔哩哔哩官网 B站前面的导航栏（footer） 便是复用的，这块区域在整个网站的某些页面中是重复出现的，没使用复用前，最原始的方法就是把相同的代码复制粘贴到网站的每个页面，这样会使得我们整个网站占用代码的空间很大，而且出现大量出现冗余代码。 2.介绍三个页面嵌套的方法 1.通过iframe标签来为网页嵌套页面（JSP和HTML均适用）： 代码如下： <!DOCTYPE html> <html&
如何将一个HTML页面嵌套在另一个页面中
十方地藏
04-23 1万+
这个在做网页中常要用到，有些通用的内容可集中放在一个页面文件中，其它要用到这些内容的页面只需要包含（引用）这个通用文件即可。这样便于维护，如果有很多网页，当通用内容需要修改时，只改一个文件就可以了，不需要每个文件单独修改。最典型的应用比如页脚的版权信息等内容可以放在一个叫做footer.html文件里， 然后其他页面文件在页面内容的最后包含这个文件就可以了，具体例子下面有。要html文
如何嵌套页面
weixin_44546855的博客
05-28 803
作者：HZY 嵌套页面是我们在学习MVC，搭建页面是经常需要用到的。 首先来说下嵌套页面的作用，嵌套页面就是在一个页面中，点击某个事件，然后改变一部分页面， 例如在主页面中，点击导航栏，部分页面改变，嵌套页面的作用就是改变局部，把页面套入到一个大页面中，嵌套页面可以嵌套多个，当你想要在页面中放置另一个页面时就需要用到嵌套页面。 下面来说怎么嵌套页面，嵌套页面。 这个标签就是用来嵌套页面的，下面是...
html页面嵌套其他网站页面的方法
热门推荐
weixin_44073315的博客
05-09 1万+
直接上代码：html页面嵌套其他网站页面的方法 <div> <!--第一种：使用object标签--> <object type="text/html" data="https://www.baidu.com" style="width:1000px; height:1000px"> <p>backup content</p> </object> <!--第二种：使用iframe 标签--&
html5页面示例
weixin_30566111的博客
07-22 398
<htmlxmlns="http://www.w3.org/1999/xhtml"> <head> <metacharset="utf-8"/> <title>标题</title> <metaname="keywords"content="HTML5"/> &l...
我的第一个ssm项目
wxswxswxsww的博客
05-18 294
第一步（建一个数据库表） 数据库文件 /* Navicat MySQL Data Transfer Source Server : MySQL Source Server Version : 80019 Source Host : localhost:3306 Source Database : ssmbuild Target Server Type : MYSQL Target Server Version : 80019 File Encodin
iframe 套vue页面
08-30
要在iframe中嵌套Vue页面，你可以按照以下步骤进行操作： 1. 在你的Vue项目中创建一个包含Vue组件的HTML文件，例如test.html。 2. 在test.html中引入Vue.js文件，并创建一个包含input框和搜索按钮的区域。当按钮被点击时，通过加载iframe来嵌套Vue页面。 3. 在Vue的methods中创建一个函数，比如getExamReport()。在这个函数中，设置iframe的src属性为你要嵌套的Vue页面的地址，并设置iframe的高度和宽度。 4. 最后，在Vue组件的模板中添加一个div容器，用来显示嵌套的iframe。 以下是示例代码，演示了如何在Vue项目中通过iframe嵌套Vue页面： ``` <template> <div> <!-- 条件搜索区 --> <div> <el-input v-model="CourseId" clearable placeholder="请输入条件"></el-input> <el-button type="primary" @click="getExamReport">搜索</el-button> </div> <!-- 内容展示区 --> <div class="main-content"> <iframe id="refFrame" width="0" height="0"></iframe> </div> </div> </template> <script> export default { data() { return { CourseId: '', }; }, methods: { getExamReport() { const url = `http://xxx.html?CourseId=${this.CourseId}`; document.getElementById("refFrame").src = url; document.getElementById("refFrame").height = 640; document.getElementById("refFrame").width = 360; }, }, }; </script> ``` 请注意，上述示例代码中的url需要更改为你要嵌套的Vue页面的实际地址。同时，你也可以根据需要自定义iframe的高度和宽度。 希望以上信息对你有所帮助！<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [在vue中实现嵌套页面(iframe)](https://download.csdn.net/download/weixin_38608378/12924634)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *2* *3* [HTML页面通过iframe嵌套Vue项目](https://blog.csdn.net/m0_37508531/article/details/109966709)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值