前端组件的问题 如何在一个组件组件添加form

看到一个十分炫酷的前端组件 打算作为网页登入页面背景
组件链接为:http://www.yyyweb.com/demo/webgl-clouds/
想在这个中间加一个form 悬浮中间 但是不会加~~~请大神解惑
图片说明

2个回答

absolute定位的div浮动到canvas上就行了,div里面放form表单

 <!DOCTYPE html>
<html lang="zh-cn">
<head>
    <title>HTML5 云朵效果</title>
    <meta charset="utf-8">
    <link rel="stylesheet" href="http://www.yyyweb.com/demo/common/init.css">
    <style type="text/css">
        body {
            background-color: #326696;
            margin: 0px;
            overflow: hidden;
            font-family: Monospace;
            font-size: 13px;
            text-align: center;
            font-weight: bold;
            text-align: center;
        }

        a {
            color: #0078ff;
        }
        #loginForm{width:300px;height:200px;border:solid 1px #000;position:absolute;left:50%;top:50%;margin-left:-150px;margin-top:-100px}
    </style>
</head>
<body>
    <form id="loginForm"><input type="text" />,,,其他输入项目</form>
    <script type="text/javascript" src="http://www.yyyweb.com/demo/webgl-clouds/assets/three.min.js"></script>
    <script type="text/javascript" src="http://www.yyyweb.com/demo/webgl-clouds/assets/Detector.js"></script>
    <script id="vs" type="x-shader/x-vertex">

        varying vec2 vUv;

        void main() {

        vUv = uv;
        gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );

        }

    </script>

    <script id="fs" type="x-shader/x-fragment">

        uniform sampler2D map;

        uniform vec3 fogColor;
        uniform float fogNear;
        uniform float fogFar;

        varying vec2 vUv;

        void main() {

        float depth = gl_FragCoord.z / gl_FragCoord.w;
        float fogFactor = smoothstep( fogNear, fogFar, depth );

        gl_FragColor = texture2D( map, vUv );
        gl_FragColor.w *= pow( gl_FragCoord.z, 20.0 );
        gl_FragColor = mix( gl_FragColor, vec4( fogColor, gl_FragColor.w ), fogFactor );

        }

    </script>

    <script type="text/javascript">

        if (!Detector.webgl) Detector.addGetWebGLMessage();

        var container;
        var camera, scene, renderer;
        var mesh, geometry, material;

        var mouseX = 0, mouseY = 0;
        var start_time = Date.now();

        var windowHalfX = window.innerWidth / 2;
        var windowHalfY = window.innerHeight / 2;

        init();

        function init() {

            container = document.createElement('div');
            document.body.appendChild(container);

            // Bg gradient

            var canvas = document.createElement('canvas');
            canvas.width = 32;
            canvas.height = window.innerHeight;

            var context = canvas.getContext('2d');

            var gradient = context.createLinearGradient(0, 0, 0, canvas.height);
            gradient.addColorStop(0, "#1e4877");
            gradient.addColorStop(0.5, "#4584b4");

            context.fillStyle = gradient;
            context.fillRect(0, 0, canvas.width, canvas.height);

            container.style.background = 'url(' + canvas.toDataURL('image/png') + ')';
            container.style.backgroundSize = '32px 100%';

            //

            camera = new THREE.PerspectiveCamera(30, window.innerWidth / window.innerHeight, 1, 3000);
            camera.position.z = 6000;

            scene = new THREE.Scene();

            geometry = new THREE.Geometry();

            var texture = THREE.ImageUtils.loadTexture('cloud10.png', null, animate);
            texture.magFilter = THREE.LinearMipMapLinearFilter;
            texture.minFilter = THREE.LinearMipMapLinearFilter;

            var fog = new THREE.Fog(0x4584b4, -100, 3000);

            material = new THREE.ShaderMaterial({

                uniforms: {

                    "map": { type: "t", value: texture },
                    "fogColor": { type: "c", value: fog.color },
                    "fogNear": { type: "f", value: fog.near },
                    "fogFar": { type: "f", value: fog.far },

                },
                vertexShader: document.getElementById('vs').textContent,
                fragmentShader: document.getElementById('fs').textContent,
                depthWrite: false,
                depthTest: false,
                transparent: true

            });

            var plane = new THREE.Mesh(new THREE.PlaneGeometry(64, 64));

            for (var i = 0; i < 8000; i++) {

                plane.position.x = Math.random() * 1000 - 500;
                plane.position.y = -Math.random() * Math.random() * 200 - 15;
                plane.position.z = i;
                plane.rotation.z = Math.random() * Math.PI;
                plane.scale.x = plane.scale.y = Math.random() * Math.random() * 1.5 + 0.5;

                THREE.GeometryUtils.merge(geometry, plane);

            }

            mesh = new THREE.Mesh(geometry, material);
            scene.add(mesh);

            mesh = new THREE.Mesh(geometry, material);
            mesh.position.z = -8000;
            scene.add(mesh);

            renderer = new THREE.WebGLRenderer({ antialias: false });
            renderer.setSize(window.innerWidth, window.innerHeight);
            container.appendChild(renderer.domElement);

            document.addEventListener('mousemove', onDocumentMouseMove, false);
            window.addEventListener('resize', onWindowResize, false);

        }

        function onDocumentMouseMove(event) {

            mouseX = (event.clientX - windowHalfX) * 0.25;
            mouseY = (event.clientY - windowHalfY) * 0.15;

        }

        function onWindowResize(event) {

            camera.aspect = window.innerWidth / window.innerHeight;
            camera.updateProjectionMatrix();

            renderer.setSize(window.innerWidth, window.innerHeight);

        }

        function animate() {

            requestAnimationFrame(animate);

            position = ((Date.now() - start_time) * 0.03) % 8000;

            camera.position.x += (mouseX - camera.position.x) * 0.01;
            camera.position.y += (-mouseY - camera.position.y) * 0.01;
            camera.position.z = -position + 8000;

            renderer.render(scene, camera);

        }

    </script>
    <script src="http://www.yyyweb.com/demo/common/jquery.min.js"></script>
</body>
</html>

var texture = THREE.ImageUtils.loadTexture('cloud10.png', null, animate);
注意替换这个地址为你网站的

qq_27836205
Jordan裔 万分感谢
大约 3 年之前 回复

这是利用html5的webgl/canvas画出来的,核心代码是

            if ( ! Detector.webgl ) Detector.addGetWebGLMessage();

            var container;
            var camera, scene, renderer;
            var mesh, geometry, material;

            var mouseX = 0, mouseY = 0;
            var start_time = Date.now();

            var windowHalfX = window.innerWidth / 2;
            var windowHalfY = window.innerHeight / 2;

            init();

            function init() {

                container = document.createElement( 'div' );
                document.body.appendChild( container );

                // Bg gradient

                var canvas = document.createElement( 'canvas' );
                canvas.width = 32;
                canvas.height = window.innerHeight;

                var context = canvas.getContext( '2d' );

                var gradient = context.createLinearGradient( 0, 0, 0, canvas.height );
                gradient.addColorStop(0, "#1e4877");
                gradient.addColorStop(0.5, "#4584b4");

                context.fillStyle = gradient;
                context.fillRect(0, 0, canvas.width, canvas.height);

                container.style.background = 'url(' + canvas.toDataURL('image/png') + ')';
                container.style.backgroundSize = '32px 100%';

                //

                camera = new THREE.PerspectiveCamera( 30, window.innerWidth / window.innerHeight, 1, 3000 );
                camera.position.z = 6000;

                scene = new THREE.Scene();

                geometry = new THREE.Geometry();

                var texture = THREE.ImageUtils.loadTexture( 'cloud10.png', null, animate );
                texture.magFilter = THREE.LinearMipMapLinearFilter;
                texture.minFilter = THREE.LinearMipMapLinearFilter;

                var fog = new THREE.Fog( 0x4584b4, - 100, 3000 );

                material = new THREE.ShaderMaterial( {

                    uniforms: {

                        "map": { type: "t", value: texture },
                        "fogColor" : { type: "c", value: fog.color },
                        "fogNear" : { type: "f", value: fog.near },
                        "fogFar" : { type: "f", value: fog.far },

                    },
                    vertexShader: document.getElementById( 'vs' ).textContent,
                    fragmentShader: document.getElementById( 'fs' ).textContent,
                    depthWrite: false,
                    depthTest: false,
                    transparent: true

                } );

                var plane = new THREE.Mesh( new THREE.PlaneGeometry( 64, 64 ) );

                for ( var i = 0; i < 8000; i++ ) {

                    plane.position.x = Math.random() * 1000 - 500;
                    plane.position.y = - Math.random() * Math.random() * 200 - 15;
                    plane.position.z = i;
                    plane.rotation.z = Math.random() * Math.PI;
                    plane.scale.x = plane.scale.y = Math.random() * Math.random() * 1.5 + 0.5;

                    THREE.GeometryUtils.merge( geometry, plane );

                }

                mesh = new THREE.Mesh( geometry, material );
                scene.add( mesh );

                mesh = new THREE.Mesh( geometry, material );
                mesh.position.z = - 8000;
                scene.add( mesh );

                renderer = new THREE.WebGLRenderer( { antialias: false } );
                renderer.setSize( window.innerWidth, window.innerHeight );
                container.appendChild( renderer.domElement );

                document.addEventListener( 'mousemove', onDocumentMouseMove, false );
                window.addEventListener( 'resize', onWindowResize, false );

            }

            function onDocumentMouseMove( event ) {

                mouseX = ( event.clientX - windowHalfX ) * 0.25;
                mouseY = ( event.clientY - windowHalfY ) * 0.15;

            }

            function onWindowResize( event ) {

                camera.aspect = window.innerWidth / window.innerHeight;
                camera.updateProjectionMatrix();

                renderer.setSize( window.innerWidth, window.innerHeight );

            }

            function animate() {

                requestAnimationFrame( animate );

                position = ( ( Date.now() - start_time ) * 0.03 ) % 8000;

                camera.position.x += ( mouseX - camera.position.x ) * 0.01;
                camera.position.y += ( - mouseY - camera.position.y ) * 0.01;
                camera.position.z = - position + 8000;

                renderer.render( scene, camera );

            }

qq_27836205
Jordan裔 这个源码有 但是我想在这个中间加上我写的form页面 作为登入页面 怎么加进去啊
大约 3 年之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
vue技术问题。后台返回一个数组,根据数组的顺序,动态显示子组件的先后顺序,请问怎么解决?

后台每次返回的数组里面的数据顺序都是不一样的,我每次渲染数组对应的 子组件顺序也是跟着变化的,请教大神们解决方法。以下是返回的数据格式, 我要根据clmuCode字段的不同值,显示不同的表单组件,如果值 123在前面, 那么对应123的表单就显示前面,而456在后面;如果456在前面,那么对应456的表单就显示在前面,而123在后面。 { "errcode": 0, "data": [ { "clmuCode": "123", "formContext": "{\"form1\":\"111\"}", }, { "clmuCode": "456", "formContext": "{\"form1\":\"111\"}", } ] }

如何在Joomla 3中禁用前端登录组件?

<div class="post-text" itemprop="text"> <p>How to disable front-end login component in Joomla 3?</p> <p>I have managed to disable front-end user registration by disallowing registration as below.</p> <p><img src="https://i.stack.imgur.com/2FEah.png" alt="enter image description here"></p> <p>But still the login form is accessible via below url</p> <pre><code>index.php?option=com_users&amp;view=login </code></pre> <p><strong>How can I disable front-end login component without editing the core files?</strong></p> <p><em>Given that I have gone through below. I don't want to use a RewriteRule to get it done. I want to show a msg to user that it's disabled.</em> </p> <p><a href="https://stackoverflow.com/questions/16537707/joomla-3-how-to-disable-front-end-login-component">joomla 3 - how to disable front end login component?</a></p> </div>

一个Ext继承例子(下拉tree、grid、panel、form等组件的基类)

&nbsp;&nbsp;&nbsp;&nbsp; 最近为了新项目的开发,针对后台和实际需要对前端框架进行了2次封装。什么都是从零开始,开始一点不会,但经过研究还是做了几个基类,封装了一些常用的方法。 <br /> <br />  2次封装带来了不少好处,如代码复用,效率提高了,为框架积累了不少,最重要是把Ctrl+C+V的习惯给改了,日产上千行代码到现在的上百行,现在除了新鲜的用户体验吸引我外还有继承、封装基类和组件。 <br /> <br />  现在,拿其中一个基类进行图解,希望对大家有帮助,如果发现有bug,请联系我,谢谢。 <br /> <br /> <br /><div style="text-align: center"><img src="http://dl.iteye.com/upload/attachment/200924/274a8edd-46c4-3c16-b67d-0bc835d9269e.jpg" /> <br />图1:基类代码</div> <br /> <br /> <br /><div style="text-align: center"><img src="http://dl.iteye.com/upload/attachment/200926/9ff7e1b0-02c6-3174-8663-5a9377a2d32c.jpg" /> <br />图2:运行子类</div><br/><strong>问题补充</strong><br/><div class="quote_title">joehe 写道</div><div class="quote_div">还有待加强,这个基本不能满足现实需要</div> <br /> <br />这只是一个基类,你可以按照实际情况去继承创建<br/><strong>问题补充</strong><br/>这个主要意图在于说明封装的重要性<br/><strong>问题补充</strong><br/>[quote=&amp;quot;shangtang004&amp;quot;] <br />我写的这个在IE下无法显示,但在firefox下可以 <br />帮看看 <br /> <br />this.on('expand',function(){ <br />this.tree.render(this.treeId); <br />this.tree.root.reload(); <br />}); <br />&nbsp;&nbsp;&nbsp; }, <br /> <br /> <br /> <br />这里最后一个 ‘}’,&nbsp; 多了一个逗号 ‘,’ <br /> <br /> <br /> <br />

关于file控件文件上传添加事件的问题

我想做一个文件上传后就把文件名回调回前端,这个有了思路,在文件上传时添加一个点击事件, 可是我现在不知道在file控件上添加点击事件,然后用ajaxForm(data)回调,各位 大神帮我看看,这个点击事件该怎么加?

前端ligerui框架的grid控件, 后端springmvc获取分页问题

前端ligerui框架 的grid控件 添加参数 contentType:'application/json', 后端springmvc就获取分页page有问题? 如果前端不加contentType及parms参数, 后端不加@RequestBody参数,能获取到page、pagesize。 如果前端加contentType及parms参数, 后端加@RequestBody参数,报错:java.lang.NullPointerException 如果前端不加contentType,加parms参数, 后端加@RequestBody参数,报错:Content type 'application/x-www-form-urlencoded;charset=UTF-8' not supported。 ---------------------------------------附:---------------------------------------- 前端liger ui代码: ``` function getTpOneCxjgAjax_Load() { tpone_grid = $("#grid_tpone_cxjg").ligerGrid({ columns: tpone_column2, //dataType: 'server', dataAction: 'server', usePager: true, checkbox: true, type:"POST", contentType:'application/json', //此行注释掉,报错Content type 'application/x-www-form-urlencoded;charset=UTF-8' not supported。 dataType: 'json', url:"tpone_getTpOneCxtjTest", parms: { "zz": $("#zz").val(), "sp": $("#sp").val(), "pp": $("#pp").val(), "nf": $("#nf").val() }, pagesizeParmName:"pagesize", pageParmName: "page", width: '100%', height: '99.8%', pageSizeOptions: [20, 100, 200, 500,1000] }); //tpone_grid.loadServerData(); //从后台数据库刷新数据 } ``` 后端java springmvc代码: ``` @RequestMapping(value = "tpone_getTpOneCxtjTest", method = RequestMethod.POST) public @ResponseBody String getTpOneCxtjTest(@RequestBody TpOneCxtj2Vo tpOneCxtj2Vo, @RequestParam(value="page",required=false) Integer page, @RequestParam(value="pagesize",required=false) Integer pagesize) throws Exception { //System.out.println(request.getParameter("pagesize") + " 前台获取分页数。。。" +request.getParameter("page")); System.out.println("------------获取分页数@RequestParam: "+page+" --pagesize: "+pagesize); String tpOneCxjgList = tpOneCxjgService.getTpOneCxjg2Service(tpOneCxtj2Vo, page, pagesize); return tpOneCxjgList; } ```

joomla 3 - 如何禁用前端登录组件?

<div class="post-text" itemprop="text"> <p>I have searched and disabled joomla login module which hides login form in sidebar. But if I put </p> <pre><code>index.php/component/users </code></pre> <p>URL in address bar it still displays login form. </p> <p>Is there any way to hide this login form ?</p> </div>

EXT中弹出窗口取父窗口中的变量值

最近自己在做一个东西,前端用的是EXT,也是在自学自用EXT,遇到一个窗口间的参数传递问题,向各位请教一下: 主页面是一个gridpanel(该panel中有一个参数(ID)),点击“新增”弹出一个新窗口(是用EXT.window实现的),新窗口中有一个formpanel,我现在需要的就是在formpanel提交的时候,能够将主页面的gridpanel中的参数ID传到后台,请问我该这么实现?

vuejs+iview ui路由跳转问题

![绑定的路由](https://img-ask.csdn.net/upload/201803/11/1520733824_242400.gif) 如图片所示,表格的路由为 /tableview/10 ,而表单的路由为 /form ,当点击表格时路由替换错误,只是把/10替换为form.求教. 下面是路由的代码 ![路由的代码](https://img-ask.csdn.net/upload/201803/11/1520733873_524442.png) ![html代码](https://img-ask.csdn.net/upload/201803/11/1520733933_307479.png) ![点击菜单对应的事件](https://img-ask.csdn.net/upload/201803/11/1520733970_809114.png)

如何将 div 放置在其容器底部?

<div class="post-text" itemprop="text"> <p>Given the following HTML:</p> <p></p><div class="snippet" data-lang="js" data-hide="false" data-console="false" data-babel="false"> <div class="snippet-code"> <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div id="container"&gt; &lt;!-- Other elements here --&gt; &lt;div id="copyright"&gt; Copyright Foo web designs &lt;/div&gt; &lt;/div&gt;</code></pre> </div> </div> <p>I would like <code>#copyright</code> to stick to the bottom of <code>#container</code>.</p> <p>Can I achieve this without using absolute positioning? If the float property supported a value of 'bottom' it seems that would do the trick, but unfortunately, it doesn't.</p> </div> <p>转载于:https://stackoverflow.com/questions/526035/how-can-i-position-my-div-at-the-bottom-of-its-container</p>

post提交表单,Controller根本进不去

# **jsp:** <form id="itemAddForm" class="itemForm" method="post"> <table cellpadding="8" border="1"> <tr><td>商品类目:</td><td> <a href="javascript:void(0)" class="easyui-linkbutton selectItemCat">选择类目</a> <input type="hidden" name="cid" style="width: 280px;"></input></td></tr><tr> <td>商品标题:</td><td> <input class="easyui-textbox" type="text" id="title" name="title" data-options="required:true" style="width: 280px;"></input> </td></tr><tr><td>购入日期:</td><td> <input class="easyui-datebox" type="text" name="buydate" data-options="required:true"></input> </td></tr><tr><td>商品进价(J):</td><td> <input class="easyui-numberbox" type="text" name="buyprice" data-options="min:1,max:99999999,precision:0,required:true" /> </td></tr><tr><td>日本国内运费(J):</td><td> <input class="easyui-numberbox" type="text" name="japanfareprice" data-options="min:1,max:99999999,precision:0,required:true" /> </td></tr><tr><td>国际运费(J):</td><td> <input class="easyui-numberbox" type="text" name="interfareprice" data-options="min:1,max:99999999,precision:0,required:true" /> </td></tr><tr><td>国内运费(C):</td><td> <input class="easyui-numberbox" type="text" name="chinafareprice" data-options="min:1,max:99999999,precision:0,required:true" /> </td></tr><tr><td>关税(C):</td><td> <input class="easyui-numberbox" type="text" name="taxprice" data-options="min:1,max:99999999,precision:0,required:true" /> </td></tr><tr><td>商品售价(C):</td><td> <input class="easyui-numberbox" type="text" name="sellprice" data-options="min:1,max:99999999,precision:0,required:true" /> </td></tr> </table> <input type="hidden" name="itemParams"/> </form> <div style="padding:5px"> <a href="javascript:void(0)" class="easyui-linkbutton" onclick="submitForm()">提交</a> <a href="javascript:void(0)" class="easyui-linkbutton" onclick="clearForm()">重置</a> </div> </div> ``` <script type="text/javascript"> //ajax的post方式提交表单 function submitForm(){ $.post("/item/save",$("#itemAddForm").serialize(), function(data){ if(data.status == 200){ $.messager.alert('提示','新增商品成功!'); }else{ $.messager.alert('提示','新增商品失败!'); }}); } function clearForm(){ $('#itemAddForm').form('reset'); itemAddEditor.html(''); } ``` </script> ## **Controller:** @Controller @RequestMapping("/item") public class ItemController { @Autowired private ItemService itemService; @RequestMapping(value="/save",method=RequestMethod.POST) @ResponseBody public TaotaoResult createItem(TbItem item) { TaotaoResult result = itemService.createItem(item); return result; }} ## **pojo:** ``` public class TbItem { private Long id; private String title; private Date buydate; private Integer buyprice; private Integer japanfareprice; private Integer interfareprice; private Integer chinafareprice; private Integer taxprice; private Integer sellprice; private Long cid; private Byte status; private Date created; private Date updated; get。。。 set。。。 } ``` 好几天了,提交form表单但是Controller就是进不去,不知道为什么?求大神帮忙看看,谢谢

.cs文件后台设置前台.aspx的元素属性

我现在后台那想通过判断登录用户的id来决定显示哪些控件,显示的将display设置为block。但是在后台怎么获取前台的元素,用后台是C#语言

求一段动态获取下拉列表的html和js代码 ,页面是guns框架生成的

这是页面的html代码,我是后端新手,对于前端很茫然。请大神根据页面情况,在下面的下拉列表处写段动态获取下拉列表的代码,需要有js。网页使用guns框架生成的,可以百度获取guns框架源码,这里不允许上传文件。 ``` @layout("/common/_container.html"){ <div class="ibox float-e-margins"> <div class="ibox-content"> <div class="form-horizontal"> <div class="row"> <div class="col-sm-6 b-r"> <select id="dictKey" name="类别"> <option value="">--请选择类别--</option> <option value="dict_key">china_area</option> </select> <#input id="dictId" name="字典ID" underline="true"/> <#input id="dictValue" name="字典值" underline="true"/> <#input id="summary" name="备注" underline="true"/> </div> <div class="col-sm-10"> <#button btnCss="info" name="提交" id="ensure" icon="fa-check" clickFun="SysDictInfoDlg.addSubmit()"/> <#button btnCss="danger" name="取消" id="cancel" icon="fa-eraser" clickFun="SysDictInfoDlg.close()"/> </div> </div> </div> </div> </div> <script src="${ctxPath}/static/modular/system/sysDict/sysDict_info.js"></script> @} ``` 我的要求很简单,就是写个动态获取下拉列表的代码和js,需要我自己补充的ur请注明,请务必注明各个变量含义,这样也便于我学习。非常感谢 ![这是代码截图具体](https://img-ask.csdn.net/upload/201808/26/1535248043_546801.png) !这是js示例](https://img-ask.csdn.net/upload/201808/26/1535248059_744571.png)

.NET C#winform 与web端交互

前段时间写了一个纯桌面端的程序,因为没有涉及到与web端交互,所以没有用任何框架内,最近呢有个小需求,就是需要请求服务器的接口下载数据(http的请求),暂时没什么思路,以往这种类C/S的东西都是用的框架,现在web交互这一块要自己写。 不知道有没有可以嵌入的东西可以使用或则源生怎么写

POST的乱码处理方法。

response.setContentType("text/html;charset=utf-8") request.setCharacterEncoding("utf-8"); 第二个是处理POST提交乱码,第一个是设置接收和发送编码 想知道这俩区别在哪里

用file上传的服务器,存到数据库中

jsp :代码 ``` <div class="main"> <h2>添加商品</h2> <div class="manage"> <form enctype="multipart/form-data" method="post" action="/emw/XFL.do" > <table class="form"> <tr> <td class="field">商品名称:</td> <td><input type="text" id="spmic" class="text" name="productName" onblur="return check()"/></td> </tr> <tr> <td class="field">所属分类:</td> <td> <select name="parentId"> <% List<XLm> li=new XLmBizimpl().getAll(); for(XLm n:li){ %> <option value="<%=n.getXflid() %>"><%=n.getXflname() %></option> <% } %> </select> </td> </tr> <tr> <td class="field">商品图片:</td> <td><input type="file" id="photo" class="text" name="filepath" /></td> </tr> <tr> <td class="field">商品价格:</td> <td><input type="text" id="jiage" class="text tiny" name="jiage" onblur="return moing()" /> 元</td> </tr> <tr> <td class="field">库存:</td> <td><input type="text" id="kucun" class="text tiny" name="kuchun" onblur="return moing1()" /></td> </tr> <tr> <td class="field">条码号:</td> <td><input type="text" id="tiaoma" class="text" name="tiaoma" onblur="return moing2()"/></td> </tr> <tr> <td></td> <td><label class="ui-blue"><input type="submit" name="submit" value="添加" /></label></td> </tr> </table> </form> ``` sevlre: package com.servlet; import java.io.IOException; import javax.servlet.ServletException; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; import javax.servlet.jsp.JspFactory; import javax.servlet.jsp.PageContext; import com.biz.impl.GoodsBizimpl; import com.biz.impl.XLmBizimpl; import com.entity.Goods; import com.entity.XLm; import com.jspsmart.upload.Files; import com.jspsmart.upload.SmartUpload; public class XFL extends HttpServlet{ @Override protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException { // TODO Auto-generated method stub super.doGet(req, resp); } @Override protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { // TODO Auto-generated method stub request.setCharacterEncoding("UTF-8"); response.setCharacterEncoding("UTF-8"); String productName=request.getParameter("productName"); int parentId=Integer.parseInt(request.getParameter("parentId")); //String filepath=request.getParameter("filepath"); //int jiage=Integer.parseInt( request.getParameter("jiage")); double jiage=Double.parseDouble(request.getParameter("jiage")); int kuchun=Integer.parseInt( request.getParameter("kuchun")); String tiaoma=request.getParameter("tiaoma"); //创建一个上传的组件 SmartUpload su = new SmartUpload(); //初始化SmartUpload对象(重) su.initialize(JspFactory.getDefaultFactory().getPageContext(this, request, response, null, true, 8*1024, true)); //pageContext上下文 -- application com.jspsmart.upload.File file = null; //非IO包下的File类 String filepath = null; com.jspsmart.upload.Request req = null; //定义允许上传类型 String allowed = "gif,jpg,png,txt"; //定义不许上传类型 String denied = "jsp,asp,php,aspx,html,htm,exe,bat"; //文件上传类型,二选一,一般会选择允许上传类型 //定义上传文件大小 int file_size = 5*1024*1024; //不能超过2M String exceptionMsg = null; //异常信息对象 //int i = 0; try { //定义允许上传文件类型 su.setAllowedFilesList(allowed); //不允许上传文件类型 su.setDeniedFilesList(denied); //单个文件最大限制 su.setMaxFileSize(file_size); //设置上传对象的编码 su.setCharset("utf-8"); //GBK GB2312 //执行上传(重) su.upload(); //路径 //得到单个上传文件的信息 //file = su.getFiles().getFile(0); //su.getFiles()获得所有文件对象 //su.getFiles()获得所有文件对象 Files f= su.getFiles(); //循环读取文件对象 for(int i=0; i<f.getCount(); i++){ //取文件对象 file=f.getFile(i); //判断是否有对象 if(!file.isMissing()){ //设置文件在服务器的保存位置 filepath = "upload\\"; //保存到一个upload的文件夹下 //filepath += file.getFileName(); //拼接文件名字 filepath += System.currentTimeMillis()+ file.getFileName().substring( file.getFileName().lastIndexOf(".")); //文件另存为 file.setCharset("utf-8"); //保存(重) file.saveAs(filepath, SmartUpload.SAVE_VIRTUAL); //上传模式 } } } catch (Exception e) { exceptionMsg = e.getMessage(); e.printStackTrace(); } response.getWriter().print(filepath); System.out.println(productName+" "+ parentId+" "+ filepath+" "+ jiage +" "+kuchun +" "+tiaoma); } } 错误:SEVERE: Servlet.service() for servlet [XFL] in context with path [/emw] threw exception java.lang.NumberFormatException: null at java.lang.Integer.parseInt(Unknown Source) at java.lang.Integer.parseInt(Unknown Source) at com.servlet.XFL.doPost(XFL.java:42) at javax.servlet.http.HttpServlet.service(HttpServlet.java:650) at javax.servlet.http.HttpServlet.service(HttpServlet.java:731) at org.apache.catalina.core.ApplicationFilterChain.internalDoFilter(ApplicationFilterChain.java:303) at org.apache.catalina.core.ApplicationFilterChain.doFilter(ApplicationFilterChain.java:208) at org.apache.tomcat.websocket.server.WsFilter.doFilter(WsFilter.java:52) at org.apache.catalina.core.ApplicationFilterChain.internalDoFilter(ApplicationFilterChain.java:241) at org.apache.catalina.core.ApplicationFilterChain.doFilter(ApplicationFilterChain.java:208) at org.apache.catalina.core.StandardWrapperValve.invoke(StandardWrapperValve.java:220) at org.apache.catalina.core.StandardContextValve.invoke(StandardContextValve.java:122) at org.apache.catalina.authenticator.AuthenticatorBase.invoke(AuthenticatorBase.java:505) at org.apache.catalina.core.StandardHostValve.invoke(StandardHostValve.java:169) at org.apache.catalina.valves.ErrorReportValve.invoke(ErrorReportValve.java:103) at org.apache.catalina.valves.AccessLogValve.invoke(AccessLogValve.java:956) at org.apache.catalina.core.StandardEngineValve.invoke(StandardEngineValve.java:116) at org.apache.catalina.connector.CoyoteAdapter.service(CoyoteAdapter.java:423) at org.apache.coyote.http11.AbstractHttp11Processor.process(AbstractHttp11Processor.java:1079) at org.apache.coyote.AbstractProtocol$AbstractConnectionHandler.process(AbstractProtocol.java:625) at org.apache.tomcat.util.net.AprEndpoint$SocketProcessor.doRun(AprEndpoint.java:2517) at org.apache.tomcat.util.net.AprEndpoint$SocketProcessor.run(AprEndpoint.java:2506) at java.util.concurrent.ThreadPoolExecutor.runWorker(Unknown Source) at java.util.concurrent.ThreadPoolExecutor$Worker.run(Unknown Source) at org.apache.tomcat.util.threads.TaskThread$WrappingRunnable.run(TaskThread.java:61) at java.lang.Thread.run(Unknown Source) -- 问题:获取的值是空值

使用orthanc库上传文件夹Dicom

<div class="post-text" itemprop="text"> <p>I want upload file DICOM and index all dcm files with orthanc Library. I write this code:</p> <pre><code>php: if ($_SERVER['REQUEST_METHOD'] == 'POST'){ $url="http://localhost:8042/instances"; $ch = curl_init(); curl_setopt($ch, CURLOPT_URL,$url); curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1 ); curl_setopt($ch, CURLOPT_POST,1 ); curl_setopt($ch, CURLOPT_HTTPHEADER, array('Content-Type: text/plain')); foreach ($_FILES['files']['tmp_name'] as $i =&gt; $name) { curl_setopt($ch, CURLOPT_POSTFIELDS,file_get_contents($name)); $result=curl_exec($ch); print_r($result); } } html: &lt;form method="post" enctype="multipart/form-data" action="#"&gt; &lt;input type="file" name="files[]" id="files" multiple="" directory="" webkitdirectory="" mozdirectory=""&gt; &lt;input class="button" type="submit" value="Upload" /&gt; &lt;/form&gt; </code></pre> <p>this code takes long time so mush.. what is problem ?? I want method to upload directory of dcm files and index its togother with API orthanc and using php, js..</p> <p>thank you..</p> </div>

怎么将请求参数转化为map,并且类型不变

public ResponseMessage selectAskByUserId(WebRequest request, @RequestParam(value = "userId", required = false) Long userId, @RequestParam(value = "type", required = false) int type, @RequestParam(value = "patientName", required = false) String patientName, @RequestParam(value = "uploadDate", required = false) Date uploadDate, @RequestParam(value = "addTime", required = false) Date addTime, @RequestParam(value = "pageNo", required = true) int pageNo, @RequestParam(value = "pageSize", required = true) int pageSize) { 怎么将请求参数转化为map,并且参数为原类型(服务端收到的都是String类型)。还有上面的参数不是对象里面的属性,有自定义参数。

SpringMVC 后台怎么获取前台jsp页面中file中的文件。

把file中的Excel文件提交,后台该如何获取这个Excel文件。

js中怎么获取jsp中隐藏的值

控制类: @RequestMapping(value = "/pageforward") public ModelAndView pageforward(String page, String cdbh, final ModelMap model) { //设置菜单编号 model.addAttribute("CDBH", cdbh); return new ModelAndView(page, model); // page是jsp的路径 } 页面jsp: <input type="hidden" id="recordedCdbh" value="${CDBH}"/> // 可以取的值 js: $.ajax({ type:'post', url:'getExOperateByYhmc.do?cdbh=' + $("#recordedCdbh").val(), async: false, success:function(data){ 。。。。。。。 提问: 怎么可以在页面里不写input,然后再js里可以获得'${CDBH}'的值???

在中国程序员是青春饭吗?

今年,我也32了 ,为了不给大家误导,咨询了猎头、圈内好友,以及年过35岁的几位老程序员……舍了老脸去揭人家伤疤……希望能给大家以帮助,记得帮我点赞哦。 目录: 你以为的人生 一次又一次的伤害 猎头界的真相 如何应对互联网行业的「中年危机」 一、你以为的人生 刚入行时,拿着傲人的工资,想着好好干,以为我们的人生是这样的: 等真到了那一天,你会发现,你的人生很可能是这样的: ...

程序员请照顾好自己,周末病魔差点一套带走我。

程序员在一个周末的时间,得了重病,差点当场去世,还好及时挽救回来了。

和黑客斗争的 6 天!

互联网公司工作,很难避免不和黑客们打交道,我呆过的两家互联网公司,几乎每月每天每分钟都有黑客在公司网站上扫描。有的是寻找 Sql 注入的缺口,有的是寻找线上服务器可能存在的漏洞,大部分都...

搜狗输入法也在挑战国人的智商!

故事总是一个接着一个到来...上周写完《鲁大师已经彻底沦为一款垃圾流氓软件!》这篇文章之后,鲁大师的市场工作人员就找到了我,希望把这篇文章删除掉。经过一番沟通我先把这篇文章从公号中删除了...

总结了 150 余个神奇网站,你不来瞅瞅吗?

原博客再更新,可能就没了,之后将持续更新本篇博客。

副业收入是我做程序媛的3倍,工作外的B面人生是怎样的?

提到“程序员”,多数人脑海里首先想到的大约是:为人木讷、薪水超高、工作枯燥…… 然而,当离开工作岗位,撕去层层标签,脱下“程序员”这身外套,有的人生动又有趣,马上展现出了完全不同的A/B面人生! 不论是简单的爱好,还是正经的副业,他们都干得同样出色。偶尔,还能和程序员的特质结合,产生奇妙的“化学反应”。 @Charlotte:平日素颜示人,周末美妆博主 大家都以为程序媛也个个不修边幅,但我们也许...

MySQL数据库面试题(2020最新版)

文章目录数据库基础知识为什么要使用数据库什么是SQL?什么是MySQL?数据库三大范式是什么mysql有关权限的表都有哪几个MySQL的binlog有有几种录入格式?分别有什么区别?数据类型mysql有哪些数据类型引擎MySQL存储引擎MyISAM与InnoDB区别MyISAM索引与InnoDB索引的区别?InnoDB引擎的4大特性存储引擎选择索引什么是索引?索引有哪些优缺点?索引使用场景(重点)...

如果你是老板,你会不会踢了这样的员工?

有个好朋友ZS,是技术总监,昨天问我:“有一个老下属,跟了我很多年,做事勤勤恳恳,主动性也很好。但随着公司的发展,他的进步速度,跟不上团队的步伐了,有点...

我入职阿里后,才知道原来简历这么写

私下里,有不少读者问我:“二哥,如何才能写出一份专业的技术简历呢?我总感觉自己写的简历太烂了,所以投了无数份,都石沉大海了。”说实话,我自己好多年没有写过简历了,但我认识的一个同行,他在阿里,给我说了一些他当年写简历的方法论,我感觉太牛逼了,实在是忍不住,就分享了出来,希望能够帮助到你。 01、简历的本质 作为简历的撰写者,你必须要搞清楚一点,简历的本质是什么,它就是为了来销售你的价值主张的。往深...

优雅的替换if-else语句

场景 日常开发,if-else语句写的不少吧??当逻辑分支非常多的时候,if-else套了一层又一层,虽然业务功能倒是实现了,但是看起来是真的很不优雅,尤其是对于我这种有强迫症的程序"猿",看到这么多if-else,脑袋瓜子就嗡嗡的,总想着解锁新姿势:干掉过多的if-else!!!本文将介绍三板斧手段: 优先判断条件,条件不满足的,逻辑及时中断返回; 采用策略模式+工厂模式; 结合注解,锦...

离职半年了,老东家又发 offer,回不回?

有小伙伴问松哥这个问题,他在上海某公司,在离职了几个月后,前公司的领导联系到他,希望他能够返聘回去,他很纠结要不要回去? 俗话说好马不吃回头草,但是这个小伙伴既然感到纠结了,我觉得至少说明了两个问题:1.曾经的公司还不错;2.现在的日子也不是很如意。否则应该就不会纠结了。 老实说,松哥之前也有过类似的经历,今天就来和小伙伴们聊聊回头草到底吃不吃。 首先一个基本观点,就是离职了也没必要和老东家弄的苦...

2020阿里全球数学大赛:3万名高手、4道题、2天2夜未交卷

阿里巴巴全球数学竞赛( Alibaba Global Mathematics Competition)由马云发起,由中国科学技术协会、阿里巴巴基金会、阿里巴巴达摩院共同举办。大赛不设报名门槛,全世界爱好数学的人都可参与,不论是否出身数学专业、是否投身数学研究。 2020年阿里巴巴达摩院邀请北京大学、剑桥大学、浙江大学等高校的顶尖数学教师组建了出题组。中科院院士、美国艺术与科学院院士、北京国际数学...

男生更看重女生的身材脸蛋,还是思想?

往往,我们看不进去大段大段的逻辑。深刻的哲理,往往短而精悍,一阵见血。问:产品经理挺漂亮的,有点心动,但不知道合不合得来。男生更看重女生的身材脸蛋,还是...

程序员为什么千万不要瞎努力?

本文作者用对比非常鲜明的两个开发团队的故事,讲解了敏捷开发之道 —— 如果你的团队缺乏统一标准的环境,那么即使勤劳努力,不仅会极其耗时而且成果甚微,使用...

为什么程序员做外包会被瞧不起?

二哥,有个事想询问下您的意见,您觉得应届生值得去外包吗?公司虽然挺大的,中xx,但待遇感觉挺低,马上要报到,挺纠结的。

当HR压你价,说你只值7K,你该怎么回答?

当HR压你价,说你只值7K时,你可以流畅地回答,记住,是流畅,不能犹豫。 礼貌地说:“7K是吗?了解了。嗯~其实我对贵司的面试官印象很好。只不过,现在我的手头上已经有一份11K的offer。来面试,主要也是自己对贵司挺有兴趣的,所以过来看看……”(未完) 这段话主要是陪HR互诈的同时,从公司兴趣,公司职员印象上,都给予对方正面的肯定,既能提升HR的好感度,又能让谈判气氛融洽,为后面的发挥留足空间。...

面试:第十六章:Java中级开发(16k)

HashMap底层实现原理,红黑树,B+树,B树的结构原理 Spring的AOP和IOC是什么?它们常见的使用场景有哪些?Spring事务,事务的属性,传播行为,数据库隔离级别 Spring和SpringMVC,MyBatis以及SpringBoot的注解分别有哪些?SpringMVC的工作原理,SpringBoot框架的优点,MyBatis框架的优点 SpringCould组件有哪些,他们...

面试阿里p7,被按在地上摩擦,鬼知道我经历了什么?

面试阿里p7被问到的问题(当时我只知道第一个):@Conditional是做什么的?@Conditional多个条件是什么逻辑关系?条件判断在什么时候执...

面试了一个 31 岁程序员,让我有所触动,30岁以上的程序员该何去何从?

最近面试了一个31岁8年经验的程序猿,让我有点感慨,大龄程序猿该何去何从。

大三实习生,字节跳动面经分享,已拿Offer

说实话,自己的算法,我一个不会,太难了吧

程序员垃圾简历长什么样?

已经连续五年参加大厂校招、社招的技术面试工作,简历看的不下于万份 这篇文章会用实例告诉你,什么是差的程序员简历! 疫情快要结束了,各个公司也都开始春招了,作为即将红遍大江南北的新晋UP主,那当然要为小伙伴们做点事(手动狗头)。 就在公众号里公开征简历,义务帮大家看,并一一点评。《启舰:春招在即,义务帮大家看看简历吧》 一石激起千层浪,三天收到两百多封简历。 花光了两个星期的所有空闲时...

《Oracle Java SE编程自学与面试指南》最佳学习路线图2020年最新版(进大厂必备)

正确选择比瞎努力更重要!

《Oracle Java SE编程自学与面试指南》最佳学习路线图(2020最新版)

正确选择比瞎努力更重要!

都前后端分离了,咱就别做页面跳转了!统统 JSON 交互

文章目录1. 无状态登录1.1 什么是有状态1.2 什么是无状态1.3 如何实现无状态1.4 各自优缺点2. 登录交互2.1 前后端分离的数据交互2.2 登录成功2.3 登录失败3. 未认证处理方案4. 注销登录 这是本系列的第四篇,有小伙伴找不到之前文章,松哥给大家列一个索引出来: 挖一个大坑,Spring Security 开搞! 松哥手把手带你入门 Spring Security,别再问密...

字节跳动面试官竟然问了我JDBC?

轻松等回家通知

面试官:你连SSO都不懂,就别来面试了

大厂竟然要考我SSO,卧槽。

阿里面试官让我用Zk(Zookeeper)实现分布式锁

他可能没想到,我当场手写出来了

终于,月薪过5万了!

来看几个问题想不想月薪超过5万?想不想进入公司架构组?想不想成为项目组的负责人?想不想成为spring的高手,超越99%的对手?那么本文内容是你必须要掌握的。本文主要详解bean的生命...

自从喜欢上了B站这12个UP主,我越来越觉得自己是个废柴了!

不怕告诉你,我自从喜欢上了这12个UP主,哔哩哔哩成为了我手机上最耗电的软件,几乎每天都会看,可是吧,看的越多,我就越觉得自己是个废柴,唉,老天不公啊,不信你看看…… 间接性踌躇满志,持续性混吃等死,都是因为你们……但是,自己的学习力在慢慢变强,这是不容忽视的,推荐给你们! 都说B站是个宝,可是有人不会挖啊,没事,今天咱挖好的送你一箩筐,首先啊,我在B站上最喜欢看这个家伙的视频了,为啥 ,咱撇...

代码注释如此沙雕,会玩还是你们程序员!

某站后端代码被“开源”,同时刷遍全网的,还有代码里的那些神注释。 我们这才知道,原来程序员个个都是段子手;这么多年来,我们也走过了他们的无数套路… 首先,产品经理,是永远永远吐槽不完的!网友的评论也非常扎心,说看这些代码就像在阅读程序员的日记,每一页都写满了对产品经理的恨。 然后,也要发出直击灵魂的质问:你是尊贵的付费大会员吗? 这不禁让人想起之前某音乐app的穷逼Vip,果然,穷逼在哪里都是...

立即提问
相关内容推荐