`

掌控上传进度的AJAX Upload

    博客分类:
  • Ajax
阅读更多
动机:

        2006年底Google了一下AJAX Upload实现,结果没有发现很完整的Java实现。硕果仅存的就是TELIO公司的Pierre-Alexandre发表的《AJAX Upload progress monitor for Commons-FileUpload Example》文中提供的ajax-upload-1.0.war。

        虽然上文中完成Upload工作的是Apache的Common-FileUpload组件,但在其代码中所使用的FileUpload1.1版本并没有1.2版本所提供的上传处理Listener功能,这就对检测文件上传情况造成了困难。我想正是这个原因致使Pierre-Alexandre使用了DWR+MonitoredDiskFileItem、MonitoredDiskFileItemFactory类(分别继承DiskFileItem、DiskFileItemFactory)的方式:前者负责在web客户端进行Remote Call;后者在进行文件数据读取时统计数据总量、读取数据量、处理文件总数,并保存于Session中,以供web客户端通过DWR远程调用UploadMonitor类的getUploadInfo方法进行轮询(Poll)。

        从本人观点出发,Pierre-Alexandre实现的不足之处:
        1.没有用户取消上传功能;
        2.完全的DWR实现,没有使用Prototype,对于不会使用DWR的开发者来讲有一定的知识局限性,而且由于DWR的个性而造成不便将此实现集成到项目中。



Prototype+Servlet的实现:



Prototype+Servlet的Example



        所以出于研究Prototype之目的,本人经过仔细思考,尝试实现了一个Prototype+Servlet的简单Example。其工作流程很简单:
1.在Form提交上传文件Field的同时,使用AJAX周期性地从Servlet轮询上传状态信息;
2.然后,根据此信息更新进度条和相关文字,及时反映文件传输状态;
3.如果用户取消上传操作,则进行相应的现场清理工作:删除已经上传的文件,在Form提交页面中显示相关信息;
4.如果上传完毕,在Form提交页面中显示已经上传的文件内容(或链接),也可以与一些AJAX SlideShow应用结合在一起。

服务器端代码:

        Bean序列化/反序列化工作:XmlUnSerializer这个类虽然不能够通吃任何模样的Bean,但应付一般的Bean、具有Collection类型属性的Bean和Bean List来讲还是够用的。
        {XmlUnSerializer类的核心方法serializeBean和serializeBeanList}:

        /**         * 将bean系列化为UTF-8编码的xml         * @param beanObj         * @return         * @throws IOException         */        public static String serializeBean(Object beanObj) throws IOException{        …        }        /**         * 将bean列表序列化为UTF-8编码的xml         * @param beanObj         * @return         * @throws IOException         */        public static String serializeBeanList(Object beanListObj) throws IOException{        …        }


        文件上传状态Bean:使用FileUploadStatus这个类记录文件上传状态,并将其作为服务器端与web客户端之间通信的媒介物:通过对这个类对象进行XML序列化作为服务器回应发送给web客户端,web客户端使用JavaScript对其进行反序列化处理获得JavaScript版本的文件上传状态对象。
        {FileUploadStatus的属性}:

        //上传总量        private long uploadTotalSize=0;        //读取上传总量        private long readTotalSize=0;        //当前上传文件号        private int currentUploadFileNum=0;        //成功读取上传文件数        private int successUploadFileCount=0;        //状态        private String status="";        //处理起始时间        private long processStartTime=0l;        //处理终止时间        private long processEndTime=0l;        //处理执行时间        private long processRunningTime=0l;        //上传文件URL列表        private List uploadFileUrlList=new ArrayList();        //取消上传        private boolean cancel=false;        //上传base目录        private String baseDir="";


        文件上传状态监视工作:使用Common-FileUpload 1.2版本(20070103)。此版本与1.1版的区别在于提供了能够监视文件上传情况的ProcessListener接口,使开发者通过FileUploadBase类对象的setProcessListener方法植入自己的Listener,而且实现这个Listener很简单。
        {FileUploadListener主要方法update}:

/*** 更新状态* @param pBytesRead 读取字节总数* @param pContentLength 数据总长度* @param pItems 当前正在被读取的field号*/public void update(long pBytesRead, long pContentLength, int pItems){FileUploadStatus fuploadStatus=BackGroundService.takeOutFileUploadStatusBean(this.session);logger.debug("当前正在处理第" + pItems+"个文件");fuploadStatus.setUploadTotalSize(pContentLength);    //读取完成if (pContentLength == -1) {   logger.debug("读取完成:读取了 " + pBytesRead + " bytes.");   fuploadStatus.setStatus("完成对" + pItems+"个文件的读取:读取了 " + pBytesRead + " bytes.");   fuploadStatus.setReadTotalSize(pBytesRead);   fuploadStatus.setSuccessUploadFileCount(pItems);   fuploadStatus.setProcessEndTime(System.currentTimeMillis());   fuploadStatus.setProcessRunningTime(fuploadStatus.getProcessEndTime());            //读取中    } else {     logger.debug("读取进行中:已经读取了 " + pBytesRead + " / " + pContentLength+ " bytes.");     fuploadStatus.setStatus("当前正在处理第" + pItems+"个文件:已经读取了 " + pBytesRead + " / " + pContentLength+ " bytes.");     fuploadStatus.setReadTotalSize(pBytesRead);     fuploadStatus.setCurrentUploadFileNum(pItems);     fuploadStatus.setProcessRunningTime(System.currentTimeMillis());            }BackGroundService.storeFileUploadStatusBean(this.session,fuploadStatus);        } 很清楚,我也把FileUploadStatus这个Bean存取于Session中。        Servlet实现:BackGroundService这个Servlet类负责接收Form Post数据、回应状态轮询请求、处理取消文件上传的请求。尽管可以把这些功能相互分离开来(比如构造一个FileUploadManager类),但出于简单明了、便于阅读之目的,还是将它们放到Servlet中,只是由不同的方法进行分割。        {BackGroundService中的processFileUpload方法用于处理文件上传请求}:/*** 处理文件上传* @param request* @param response* @throws IOException * @throws ServletException */private void processFileUpload(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException{      DiskFileItemFactory factory = new DiskFileItemFactory();      //设置内存阀值,超过后写入临时文件      factory.setSizeThreshold(10240000);      //设置临时文件存储位置      factory.setRepository(new File(request.getRealPath("/upload/temp")));      ServletFileUpload upload = new ServletFileUpload(factory);      //设置单个文件的最大上传size      upload.setFileSizeMax(10240000);      //设置整个request的最大size      upload.setSizeMax(10240000);      upload.setProgressListener(new FileUploadListener(request.getSession()));      //保存初始化后的FileUploadStatus Bean        storeFileUploadStatusBean(request.getSession(),initFileUploadStatusBean(request));                        String forwardURL="";        try {             List items = upload.parseRequest(request);             //获得返回url               for(int i=0;i<items.size();i++){                   FileItem item=(FileItem)items.get(i);                   if (item.isFormField()){                      logger.debug("form Field["+item.getFieldName()+"]="+item.getString());                      forwardURL=item.getString();                      break;                                }                        }            //处理文件上传              for(int i=0;i<items.size();i++){                 FileItem item=(FileItem)items.get(i);                   //取消上传                 if (takeOutFileUploadStatusBean(request.getSession()).getCancel()){                     deleteUploadedFile(request);                     break;                    }                   //保存文件                 else if (!item.isFormField() && item.getName().length()>0){                         String fileName=takeOutFileName(item.getName());                         logger.debug("处理文件["+fileName+"]:保存路径为"                         +request.getRealPath(UPLOAD_DIR)+File.separator+fileName);                         File uploadedFile =              new File(request.getRealPath(UPLOAD_DIR)+File.separator+fileName);                         item.write(uploadedFile);                         //更新上传文件列表                         FileUploadStatus fUploadStatus=takeOutFileUploadStatusBean                         (request.getSession());                         fUploadStatus.getUploadFileUrlList().add(fileName);                         storeFileUploadStatusBean(request.getSession(),fUploadStatus);                         Thread.sleep(500);                          }                 }                       } catch (FileUploadException e) {              logger.error("上传文件时发生错误:"+e.getMessage());              e.printStackTrace();              uploadExceptionHandle(request,"上传文件时发生错误:"+e.getMessage());        } catch (Exception e) {               // TODO Auto-generated catch block               logger.error("保存上传文件时发生错误:"+e.getMessage());               e.printStackTrace();               uploadExceptionHandle(request,"保存上传文件时发生错误:"+e.getMessage());         }          if (forwardURL.length()==0){             forwardURL=DEFAULT_UPLOAD_FAILURE_URL;                }        request.getRequestDispatcher(forwardURL).forward(request,response);        }        {BackGroundService中的responseFileUploadStatusPoll方法用于处理对文件上传状态的轮询请求}:/*** 回应上传状态查询* @param request* @param response* @throws IOException*/private void responseFileUploadStatusPoll(HttpServletRequest request,HttpServletResponse response) throws IOException{response.setContentType("text/xml");response.setCharacterEncoding("UTF-8");response.setHeader("Cache-Control", "no-cache");logger.debug("发送上传状态回应");response.getWriter().write(XmlUnSerializer.serializeBean(          request.getSession().getAttribute(UPLOAD_STATUS)));}        {BackGroundService中的processCancelFileUpload方法用于处理取消文件上传的请求}:/*** 处理取消文件上传* @param request* @param response* @throws IOException*/private void processCancelFileUpload(HttpServletRequest request,HttpServletResponse response) throws IOException{FileUploadStatus fUploadStatus=(FileUploadStatus)request.getSession().getAttribute(UPLOAD_STATUS);fUploadStatus.setCancel(true);request.getSession().setAttribute(UPLOAD_STATUS, fUploadStatus);responseFileUploadStatusPoll(request,response); }Web客户端代码:Prototype给开发者更多的自由选择web客户端使用了基于Prototype的AjaxWrapper类和XMLDomForAjax类,前者实现了对Ajax.Request功能的封装,而后者实现了对来自服务器的XML Response的反序列化(反序列化为JavaScript对象)。 为了避免在AjaxWrapper的回调方法中发生this被重写的问题,我使用了ClassUtils类给任何类的每个方法注册一个对类对象自身引用,详见《解开JavaScript生命的达芬奇密码》和《Prototype.AjaxRequest的调用堆栈重写问题》:        {ClassUtils类代码}://类工具var ClassUtils=Class.create();ClassUtils.prototype={        _ClassUtilsName:'ClassUtils',        initialize:function(){        },        /**         * 给类的每个方法注册一个对类对象的自我引用         * @param reference 对类对象的引用         */        registerFuncSelfLink:function(reference){                for (var n in reference) {                var item = reference[n];                                        if (item instanceof Function)                                 item.$ = reference;            }        }}        {将XML反序列化为JavaScript对象的XMLDomForAjax类代码}:var XMLDomForAjax=Class.create();XMLDomForAjax.prototype={        isDebug:false,        //dom节点类型常量        ELEMENT_NODE:1,        ATTRIBUTE_NODE:2,    TEXT_NODE:3,    CDATA_SECTION_NODE:4,    ENTITY_REFERENCE_NODE:5,    ENTITY_NODE:6,    PROCESSING_INSTRUCTION_NODE:7,    COMMENT_NODE:8,    DOCUMENT_NODE:9,    DOCUMENT_TYPE_NODE:10,    DOCUMENT_FRAGMENT_NODE:11,    NOTATION_NODE:12,            initialize:function(isDebug){                new ClassUtils().registerFuncSelfLink(this);                this.isDebug=isDebug;        },        /**         * 建立跨平台的dom解析器         * @param xml xml字符串         * @return dom解析器         */        createDomParser:function(xml){                // code for IE                if (window.ActiveXObject){                  var doc=new ActiveXObject("Microsoft.XMLDOM");                  doc.async="false";                  doc.loadXML(xml);                }                // code for Mozilla, Firefox, Opera, etc.                else{                  var parser=new DOMParser();                  var doc=parser.parseFromString(xml,"text/xml");                }                return doc;        },        /**         * 反向序列化xml到javascript Bean         * @param xml xml字符串         * @return javascript Bean         */        deserializedBeanFromXML:function (xml){                var funcHolder=arguments.callee.$;                var doc=funcHolder.createDomParser(xml);                // documentElement总表示文档的root                var objDomTree=doc.documentElement;                var obj=new Object();            for (var i=0; i<objDomTree.childNodes.length; i++) {                    //获得节点                    var node=objDomTree.childNodes[i];                    //取出其中的field元素进行处理                if ((node.nodeType==funcHolder.ELEMENT_NODE) && (node.tagName == 'field')) {                        var nodeText=funcHolder.getNodeText(node);                        if (funcHolder.isDebug){           alert(node.getAttribute('name')+' type:'+node.getAttribute('type')+' text:'+nodeText);                        }                    var objFieldValue=null;                    //如果为列表                    if (node.getAttribute('type')=='java.util.List'){                            if (objFieldValue && typeof(objFieldValue)=='Array'){                                    if (nodeText.length>0){                                                        objFieldValue[objFieldValue.length]=nodeText;                                                }                                        }                                        else{                                                objFieldValue=new Array();                                        }                                }                                else if (node.getAttribute('type')=='long'                                         || node.getAttribute('type')=='java.lang.Long'                                        || node.getAttribute('type')=='int'                                        || node.getAttribute('type')=='java.lang.Integer'){                                                                                objFieldValue=parseInt(nodeText);                                }                                else if (node.getAttribute('type')=='double'                                         || node.getAttribute('type')=='float'                                        || node.getAttribute('type')=='java.lang.Double'                                        || node.getAttribute('type')=='java.lang.Float'){                                                                                objFieldValue=parseFloat(nodeText);                                }                                else if (node.getAttribute('type')=='java.lang.String'){                                        objFieldValue=nodeText;                                }                                else{                                        objFieldValue=nodeText;                                }                                //赋值给对象                                obj[node.getAttribute('name')]=objFieldValue;                                if (funcHolder.isDebug){                                        alert(eval('obj.'+node.getAttribute('name')));                                }                }                else if (node.nodeType == funcHolder.TEXT_NODE){                        if (funcHolder.isDebug){                                //alert('TEXT_NODE');                        }                                        }                else if (node.nodeType == funcHolder.CDATA_SECTION_NODE){                        if (funcHolder.isDebug){                                //alert('CDATA_SECTION_NODE');                        }                }            }            return obj;        },        /**         * 获得dom节点的text         */        getNodeText:function (node) {                var funcHolder=arguments.callee.$;            // is this a text or CDATA node?     if (node.nodeType == funcHolder.TEXT_NODE || node.nodeType == funcHolder.CDATA_SECTION_NODE) {                return node.data;            }            var i;            var returnValue = [];            for (i = 0; i < node.childNodes.length; i++) {                    //采用递归算法                returnValue.push(funcHolder.getNodeText(node.childNodes[i]));            }            return returnValue.join('');        }}AjaxWrapper类的主要方法putRequest和callBackHandler}:         /**         * 以get的方式向server发送request         * @param url         * @param params         * @param callBackFunction 发送成功后回调的函数或者函数名         */        putRequest:function(url,params,callBackFunction){                var funcHolder=arguments.callee.$;            var xmlHttp = new Ajax.Request(url,                        {                                method: 'get',                             parameters: params,                                 requestHeaders:['my-header-encoding','utf-8'],                            onFailure: function(){                                        alert('对不起,网络通讯失败,请重新刷新!');                                },                                onSuccess: function(transport){                                },                                onComplete: function(transport){                         funcHolder.callBackHandler.apply(funcHolder,[transport,callBackFunction]);                                }                        });        },        /**         * 远程调用的回调处理         * @param transport xmlhttp的transport         * @param callBackFunction 回调时call的方法,可以是函数也可以是函数名         */        callBackHandler:function(transport,callBackFunction){                var funcHolder=arguments.callee.$;                if(transport.status!=200){                        alert("获得回应失败,请求状态:"+transport.status);                }                else{                        funcHolder.xml_source=transport.responseText;                        if (funcHolder.debug_flag)                                alert('call callback function');                        if (typeof(callBackFunction)=='function'){                                if (funcHolder.debug_flag){                                        alert('invoke callbackFunc');                                }                                callBackFunction(transport.responseText);                        }                        else{                                if (funcHolder.debug_flag){                                        alert('evalFunc callbackFunc');                                }                                new execute().evalFunc(callBackFunction,transport.responseText);                        }                        if (funcHolder.debug_flag)                                alert('end callback function');                }        }        {页面中主要的JavaScript方法:refreshUploadStatus和startProcess/cancelProcess}://刷新上传状态function refreshUploadStatus(){        var ajaxW = new AjaxWrapper(false);        ajaxW.putRequest(                './uploadStatus.action',                'uploadStatus=',                function(responseText){                        var deserialor=new XMLDomForAjax(false);                        var uploadInfo=deserialor.deserializedBeanFromXML(responseText);                        var progressPercent = Math.ceil(                                (uploadInfo.readTotalSize) / uploadInfo.uploadTotalSize * 100);                $('progressBarText').innerHTML = ' 上传处理进度: '+progressPercent+'% ['+                        (uploadInfo.readTotalSize)+'/'+uploadInfo.uploadTotalSize + ' bytes]'+                        ' 正在处理第'+uploadInfo.currentUploadFileNum+'个文件'+                        ' 耗时: '+(uploadInfo.processRunningTime-uploadInfo.processStartTime)+' ms';                $('progressStatusText').innerHTML=' 反馈状态: '+uploadInfo.status;                $('totalProgressBarBoxContent').style.width = parseInt(progressPercent * 3.5) + 'px';           &n, bsp;    }        );}//上传处理function startProgress(){        Element.show('progressBar');    $('progressBarText').innerHTML = ' 上传处理进度: 0%';    $('progressStatusText').innerHTML=' 反馈状态:';    $('uploadButton').disabled = true;    var periodicalExe=new PeriodicalExecuter(refreshUploadStatus,2);    return true;}//取消上传处理function cancelProgress(){        $('cancelUploadButton').disabled = true;        var ajaxW = new AjaxWrapper(false);        ajaxW.putRequest(                './uploadStatus.action',                'cancelUpload=true',                //因为form的提交,这可能不会执行                function(responseText){                        var deserialor=new XMLDomForAjax(false);                        var uploadInfo=deserialor.deserializedBeanFromXML(responseText);                        $('progressStatusText').innerHTML=' 反馈状态: '+uploadInfo.status;                        if (msgInfo.cancel=='true'){                                alert('删除成功!');                                window.location.reload();                        };                }        );}运行界面:起始页面上传进行中…上传完成后的文件列表用户取消上传后显示的页面上传过程中出错(上传文件过大)页面源代码下载:AjaxUpload.zip相关链接:        AJAX Upload progress monitor for Commons-FileUpload Example        Apache Common FileUpload组件        Prototype官方网站        IBM的AJAX SlideShow应用        解开JavaScript生命的达芬奇密码        Prototype.AjaxRequest的调用堆栈重写问题感谢阅读此文        请支持cleverpig发起的
分享到:
评论

相关推荐

    掌控上传进度的Ajax Upload

    原文地址 http://www.telio.be/blog/2006/01/06/ajax-upload-progress-monitor-for-commons-fileupload-example/ 博文链接:https://congjl2002.iteye.com/blog/209925

    带进度条基于Web的.NET文件上传源码

    本资源提供了一种实现大文件上传并带有进度条展示的解决方案,这对于用户交互体验有着显著的提升,尤其在处理大型文件时,能够实时反馈上传进度,增强用户对操作的掌控感。 【描述】:“带进度条的大文件上传源码...

    (源码)基于C语言的SmartPlugModbus固件项目.zip

    # 基于C语言的SmartPlugModbus固件项目 ## 项目简介 该项目是一个基于C语言的固件项目,旨在实现一个支持Modbus RTU通信协议的智能设备固件。该固件被设计为与SmartPlugModbus设备配合使用,用于控制和管理多个电源插座,提供过流、欠流、过压、欠压和过热保护,同时监控插座状态和电压、电流等参数。 ## 项目的主要特性和功能 1. Modbus RTU通信协议支持固件实现了Modbus RTU通信协议,允许通过Modbus协议与设备进行通信,包括读取和写入设备参数、状态和控制命令。 2. 多插座控制固件支持控制多个电源插座,包括开启、关闭、查询状态等。 3. 保护功能设备提供过流、欠流、过压、欠压和过热保护,防止设备损坏和安全事故。 4. 参数配置通过Modbus协议,用户可以配置设备的保护参数,如电流、电压限制等。

    毕设单片机实战项目基于ESP8266 Mesh SDK开发,通过HSPI与STM32通讯.zip

    【项目资源】: 单片机项目适用于从基础到高级的各种项目,特别是在性能要求较高的场景中,比如操作系统开发、嵌入式编程和底层系统编程。如果您是初学者,可以从简单的控制台程序开始练习;如果是进阶开发者,可以尝试涉及硬件或网络的项目。 【项目质量】: 所有源码都经过严格测试,可以直接运行。 功能在确认正常工作后才上传。 【适用人群】: 适用于希望学习不同技术领域的小白或进阶学习者。 可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。 【附加价值】: 项目具有较高的学习借鉴价值,也可直接拿来修改复刻。 对于有一定基础或热衷于研究的人来说,可以在这些基础代码上进行修改和扩展,实现其他功能。 【沟通交流】: 有任何使用上的问题,欢迎随时与博主沟通,博主会及时解答。 鼓励下载和使用,并欢迎大家互相学习,共同进步。 # 注意 1. 本资源仅用于开源学习和技术交流。不可商用等,一切后果由使用者承担。 2. 部分字体以及插图等来自网络,若是侵权请联系删除。

    毕业设计物联网实战项目基于龙芯派的物联网食品仓储监测系统.zip

    【项目资源】: 物联网项目适用于从基础到高级的各种项目,特别是在性能要求较高的场景中,比如操作系统开发、嵌入式编程和底层系统编程。如果您是初学者,可以从简单的控制台程序开始练习;如果是进阶开发者,可以尝试涉及硬件或网络的项目。 【项目质量】: 所有源码都经过严格测试,可以直接运行。 功能在确认正常工作后才上传。 【适用人群】: 适用于希望学习不同技术领域的小白或进阶学习者。 可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。 【附加价值】: 项目具有较高的学习借鉴价值,也可直接拿来修改复刻。 对于有一定基础或热衷于研究的人来说,可以在这些基础代码上进行修改和扩展,实现其他功能。 【沟通交流】: 有任何使用上的问题,欢迎随时与博主沟通,博主会及时解答。 鼓励下载和使用,并欢迎大家互相学习,共同进步。 # 注意 1. 本资源仅用于开源学习和技术交流。不可商用等,一切后果由使用者承担。 2. 部分字体以及插图等来自网络,若是侵权请联系删除。

    (源码)基于嵌入式系统的StackAttack游戏项目.zip

    # 基于嵌入式系统的StackAttack游戏项目 ## 项目简介 StackAttack是一个基于嵌入式系统的游戏项目,设计用于SPI TFT彩色液晶显示面板上运行。游戏的核心玩法是操控一个名为“Claw”(爪子)的游戏角色,在由格子组成的地图上移动并抓取箱子。玩家通过操纵杆控制游戏角色,成功抓取并移动箱子到目标位置后得分。游戏地图由二维数组表示,每个格子代表一个位置。当玩家成功将所有箱子移动到目标行时,游戏结束。 ## 项目的主要特性和功能 1. 游戏角色控制玩家通过操纵杆控制Claw(爪子)角色移动。 2. 地图和箱子管理游戏地图由二维数组表示,每个格子代表一个位置。箱子在游戏地图上的位置由数组中的值表示。 3. 游戏逻辑包括角色的移动、箱子的抓取和移动、得分计算等。 4. 图形显示使用SPITFTILI9341图形库控制SPI TFT显示屏,实现游戏的图形输出。 5. 暂停功能游戏支持暂停功能,方便玩家随时暂停游戏。

    【嵌入式系统与计算机视觉】基于STM32、OpenCV和CNN的车牌识别系统:社区车辆管理与收费应用

    内容概要:本文档提供了基于STM32、OpenCV和卷积神经网络的车牌识别系统的完整代码示例。系统通过摄像头捕捉视频流,利用OpenCV进行图像处理(如灰度化、二值化、轮廓检测等)以定位车牌区域,并使用预训练的ONNX模型对车牌字符进行识别。之后,系统将识别到的车牌号与预先存储在CSV文件中的居民车牌数据库进行匹配,以判断车辆是否为小区居民所有,从而实现对外来车辆的收费管理。; 适合人群:对嵌入式系统开发、计算机视觉和深度学习感兴趣的开发者,尤其是有一定C++编程基础和技术背景的研究人员或工程师。; 使用场景及目标:①适用于社区、停车场等场所的车辆管理;②帮助开发者理解车牌识别的基本流程,包括图像预处理、车牌定位、字符识别以及与数据库的交互;③提供一个可扩展的基础框架,便于后续优化和功能增加。; 阅读建议:读者应确保具备基本的OpenCV库使用经验和C++编程能力。在学习过程中,建议同时参考相关文献资料,深入理解每个步骤背后的原理,并尝试调整参数或替换模型以提高识别精度。此外,还需准备相应的硬件设备(如摄像头)和软件环境(如安装OpenCV库),以便实际运行代码并观察效果。

    fregefffewfw

    efwfw

    基于S7-200 PLC与MCGS组态的智能交通灯控制系统设计与实现

    内容概要:本文详细介绍了利用西门子S7-200 PLC和MCGS组态软件构建智能交通灯控制系统的方法。首先阐述了系统的硬件配置,包括PLC的选择、IO分配、光电开关的应用等。接着深入探讨了梯形图编程的核心逻辑,如定时器嵌套、车流判断、紧急模式处理等。同时,还讲解了MCGS组态界面的设计要点,如动态指示灯、车流统计曲线、急停按钮等功能的实现。此外,文中分享了一些调试经验和优化技巧,如信号隔离、通信参数设置、夜间模式优化等。 适合人群:对PLC编程和工业自动化感兴趣的工程技术人员、高校相关专业学生。 使用场景及目标:适用于城市交通管理部门进行智能交通灯系统的规划与实施,旨在提高交通效率,减少拥堵。通过学习本文,读者能够掌握PLC编程的基本方法和MCGS组态软件的使用技巧。 其他说明:文中提供了详细的接线图、梯形图代码片段和组态界面截图,便于读者理解和实践。同时,作者还分享了许多实际操作中的注意事项和经验教训,有助于初学者少走弯路。

    毕业设计物联网实战项目基于物联网的气象台站系统.zip

    【项目资源】: 物联网项目适用于从基础到高级的各种项目,特别是在性能要求较高的场景中,比如操作系统开发、嵌入式编程和底层系统编程。如果您是初学者,可以从简单的控制台程序开始练习;如果是进阶开发者,可以尝试涉及硬件或网络的项目。 【项目质量】: 所有源码都经过严格测试,可以直接运行。 功能在确认正常工作后才上传。 【适用人群】: 适用于希望学习不同技术领域的小白或进阶学习者。 可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。 【附加价值】: 项目具有较高的学习借鉴价值,也可直接拿来修改复刻。 对于有一定基础或热衷于研究的人来说,可以在这些基础代码上进行修改和扩展,实现其他功能。 【沟通交流】: 有任何使用上的问题,欢迎随时与博主沟通,博主会及时解答。 鼓励下载和使用,并欢迎大家互相学习,共同进步。 # 注意 1. 本资源仅用于开源学习和技术交流。不可商用等,一切后果由使用者承担。 2. 部分字体以及插图等来自网络,若是侵权请联系删除。

    VB珠宝首饰店管理系统设计(源代码+系统+开题报告+答辩PPT).zip

    摘 要 面对信息时代的机遇与挑战,利用高科技手段来提高企业的管理水平无疑是一条行之有效的途径。利用计算机管理可以最大限度的发挥准确、快捷、高效等作用, 在越来越激烈的珠宝行业中,计算机管理技术对珠宝首饰公司的服务管理提供强有力的支持。因此,利用全新的计算机网络和珠宝首饰管理系统,已成为提高珠宝首饰公司的管理效率,改进服务水准的重要手段之一。本系统应用Visual Basic 6.0 中文版开发前台,用Microsoft Access 作后台服务器,采用客户机/服务器(C/S)管理思想来对珠宝首饰进销存管理。 关键词:管理水平, 管理效率,服务水准,珠宝首饰管理系统,客户机/服务器,管理思想

    稀疏分解方法在信号去噪中的应用研究_内含源码数据论文.zip

    稀疏分解方法在信号去噪中的应用研究_内含源码数据论文.zip

    2008年领导力发展年度报告

    本书由吉姆·诺埃尔和大卫·多蒂奇编辑,旨在探讨领导力发展领域的最新趋势和实践。书中不仅提供了领导力发展领域的历史回顾,还挑战了组织对领导力发展的战略视角,详细介绍了如何培养全球领导者,并提供了关于领导力发展方法、策略和系统、高潜力人才发展、高层管理参与、有效学习方法以及领导力指标等方面的深入案例研究和理论分析。此外,书中还探讨了创新的领导力发展方法,并对未来的发展趋势进行了展望。

    一种基于 QR 二维码的彩色二维码编码译码设计及其软件实现.zip

    一种基于 QR 二维码的彩色二维码编码译码设计及其软件实现.zip

    毕设单片机实战项目基于机智云和 esp8266-12F WIFI 模块的智能插座控制安卓APP.zip

    【项目资源】: 单片机项目适用于从基础到高级的各种项目,特别是在性能要求较高的场景中,比如操作系统开发、嵌入式编程和底层系统编程。如果您是初学者,可以从简单的控制台程序开始练习;如果是进阶开发者,可以尝试涉及硬件或网络的项目。 【项目质量】: 所有源码都经过严格测试,可以直接运行。 功能在确认正常工作后才上传。 【适用人群】: 适用于希望学习不同技术领域的小白或进阶学习者。 可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。 【附加价值】: 项目具有较高的学习借鉴价值,也可直接拿来修改复刻。 对于有一定基础或热衷于研究的人来说,可以在这些基础代码上进行修改和扩展,实现其他功能。 【沟通交流】: 有任何使用上的问题,欢迎随时与博主沟通,博主会及时解答。 鼓励下载和使用,并欢迎大家互相学习,共同进步。 # 注意 1. 本资源仅用于开源学习和技术交流。不可商用等,一切后果由使用者承担。 2. 部分字体以及插图等来自网络,若是侵权请联系删除。

    毕业设计物联网实战项目基于mqttd-centos7-v2.3.11.zip 配置的emqtt服务器,配套金大万翔物联网管理平台.zip

    【项目资源】: 物联网项目适用于从基础到高级的各种项目,特别是在性能要求较高的场景中,比如操作系统开发、嵌入式编程和底层系统编程。如果您是初学者,可以从简单的控制台程序开始练习;如果是进阶开发者,可以尝试涉及硬件或网络的项目。 【项目质量】: 所有源码都经过严格测试,可以直接运行。 功能在确认正常工作后才上传。 【适用人群】: 适用于希望学习不同技术领域的小白或进阶学习者。 可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。 【附加价值】: 项目具有较高的学习借鉴价值,也可直接拿来修改复刻。 对于有一定基础或热衷于研究的人来说,可以在这些基础代码上进行修改和扩展,实现其他功能。 【沟通交流】: 有任何使用上的问题,欢迎随时与博主沟通,博主会及时解答。 鼓励下载和使用,并欢迎大家互相学习,共同进步。 # 注意 1. 本资源仅用于开源学习和技术交流。不可商用等,一切后果由使用者承担。 2. 部分字体以及插图等来自网络,若是侵权请联系删除。

    【光子晶体模拟】基于COMSOL弱形式PDE的三维光子晶体能带结构计算与优化:电磁场切向连续性处理及带隙分析系统设计使用COMSOL

    内容概要:本文详细介绍了使用COMSOL Multiphysics的弱形式接口对三维光子晶体进行数值模拟的方法和技巧。文章通过具体的代码示例,解释了如何构建光子晶体的介电常数分布、设置弱形式PDE、处理电磁场切向连续性、应用Floquet周期边界条件以及特征值求解等关键步骤。特别强调了弱形式接口相比传统物理场接口的优势,如灵活性和对复杂边界的处理能力。文中还分享了一些实用的经验和注意事项,如布洛赫边界条件的实现、特征值求解器参数的优化配置以及网格划分的技巧。 适合人群:具备一定电磁学和数值模拟基础的研究人员或工程师,尤其是对光子晶体仿真感兴趣的读者。 使用场景及目标:①理解并掌握COMSOL弱形式接口在光子晶体仿真中的应用;②学习如何通过弱形式设置处理复杂的电磁场问题;③提高对光子晶体能带结构和带隙特性的认识;④掌握特征值求解和网格划分的最佳实践。 阅读建议:由于本文涉及较多的具体代码和物理概念,建议读者在阅读过程中结合COMSOL软件进行实际操作,同时查阅相关电磁理论书籍以加深理解。此外,对于文中提到的一些具体参数设置和技巧,可以通过尝试不同的配置来巩固所学知识。

    机械工程PT5000汽轮机滑动轴承系统模拟试验台:动态行为与振动控制研究

    内容概要:PT5000汽轮机滑动轴承系统模拟试验台是一个类似于电厂汽轮机发电机的缩小模型,旨在帮助用户获取汽轮机转子动态行为和滑动轴承油膜现象的实际经验,并研究振动控制方法。该试验台模拟两级涡轮机(低压和中压),每级转子两侧各有8个叶片,共计16个叶片。通过电机驱动而非涡轮发电机,可以进行启停机测试,识别共振现象。试验台还支持多种实验,如不平衡/现场动平衡、轴不对中实验、摩擦实验、油膜故障试验、轴颈轴承实验以及根据油压和温度进行的转子动力学试验。试验台配备了多种传感器和控制系统,包括电涡流传感器、温度传感器、压力传感器等,用于监测和记录实验数据。 适合人群:从事汽轮机设计、制造、维护的技术人员,以及相关专业的高校师生和研究人员。 使用场景及目标:①研究汽轮机转子的动态行为和滑动轴承的油膜现象;②进行振动控制方法的研究;③模拟再现油膜涡动转和油膜震荡,研究其控制条件;④进行不平衡、不对中、摩擦等常见故障的模拟和分析;⑤通过调整油压、温度和预加载力,研究轴的行为变化。 其他说明:该试验台不仅适用于教学和科研,还可用于工业领域的培训和技术验证。试验台具有丰富的配置和可选配件,可以根据具体需求进行定制。试验台的机械和电气参数详细列出,确保用户能够全面了解设备性能。

    知识图谱,电影领域,知识图谱构建

    电影类型知识图谱构建,包含相关数据集

Global site tag (gtag.js) - Google Analytics