BlogJava-仿冒+改良=创新-随笔分类-表单

Flex在线拍照功能(附源码)

obpm — Sun, 29 Aug 2010 13:52:00 GMT

功能：在线拍照
简介：用flex与java结合实现在线拍照
需求：为了满足希望通过摄像头拍照的图片，然后通过服务器来展示需要
效果：
后台：

前台：

实现代码：
flex:

xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" width="388" height="222" creationComplete="initApp()" backgroundColor="#A6C9E2">
     <mx:Style>
         Alert{font-size:12px;}
     mx:Style>
     <mx:Script>

             import mx.events.CloseEvent;
             import mx.rpc.events.FaultEvent;
             import mx.rpc.events.ResultEvent;
             import mx.controls.Alert;
             import mx.core.Application;

             private static const DEFAULT_CAMERA_WIDTH:Number = 160; //摄像头显示宽度
             private static const DEFAULT_CAMERA_HEIGHT:Number = 120; //摄像头显示高度
             private var DEFAULT_WEBSERVICE_URL:String = ""; //WebService地址
             private var str:String;

             private var m_camera:Camera; //定义一个摄像头
             private var m_localVideo:Video; //定义一个本地视频
             private var m_pictureBitmapData:BitmapData //定义视频截图
             [Bindable]
             private var m_pictureData:String;

             private function initApp():void
             {
                 t_btn_Shooting.enabled = false;
                 t_ban_Save.enabled = false;
                 initCamera();
                 DEFAULT_WEBSERVICE_URL = Application.application.parameters.contextPath+"/onLineTakePhotoServlet";
                 t_ws_SavePicture.url=DEFAULT_WEBSERVICE_URL;
             }

             //初始化摄像头
             private function initCamera():void
             {
                 m_camera = Camera.getCamera();
                 if(m_camera != null)
                 {
                     m_camera.addEventListener(StatusEvent.STATUS,__onCameraStatusHandler);

                     m_camera.setMode(DEFAULT_CAMERA_WIDTH,DEFAULT_CAMERA_HEIGHT,30);
                     m_localVideo = new Video();
                     m_localVideo.width = DEFAULT_CAMERA_WIDTH;
                     m_localVideo.height = DEFAULT_CAMERA_HEIGHT;
                     m_localVideo.attachCamera(m_camera);
                     t_vd_Video.addChild(m_localVideo);
                 }
                 else
                 {
                     Alert.show("没有找到摄像头，是否重新查找。","提示：",Alert.OK|Alert.NO,this,__InitCamera);
                     return;
                 }
             }

             //拍照按钮事件，进行视频截图
             private function SnapshotPicture():void
             {
                 m_pictureBitmapData = new BitmapData(DEFAULT_CAMERA_WIDTH,DEFAULT_CAMERA_HEIGHT);
                 m_pictureBitmapData.draw(t_vd_Video,new Matrix());

                 var m_pictureBitmap:Bitmap = new Bitmap(m_pictureBitmapData);
                 t_img_Picture.addChild(m_pictureBitmap);

                 t_panel_Picture.visible = true;
                 t_ban_Save.enabled = true;
             }

             //保存按钮事件，保存视频截图
             //通过WebService保存
             private function SavePicture():void
             {
                 m_pictureData = "";
                 for(var i:int = 0; i < DEFAULT_CAMERA_WIDTH; i++)
                 {
                     for(var j:int = 0; j < DEFAULT_CAMERA_HEIGHT; j++)
                     {
                         if(m_pictureData.length > 0)
                         {
                             m_pictureData += "," + m_pictureBitmapData.getPixel32(i,j).toString();
                         }
                         else
                         {
                             m_pictureData = m_pictureBitmapData.getPixel32(i,j).toString();
                         }
                     }
                 }

                 var params:URLVariables = new URLVariables();
     params.width = DEFAULT_CAMERA_WIDTH;
     params.height = DEFAULT_CAMERA_HEIGHT;
     params.bitmap_data = m_pictureData;
     t_ws_SavePicture.send(params);
             }

             //检测摄像头权限事件
             private function __onCameraStatusHandler(event:StatusEvent):void
             {
                 if(!m_camera.muted)
                 {
                     t_btn_Shooting.enabled = true;
                 }
                 else
                 {
                     Alert.show("无法链接到活动摄像头，是否重新检测。","提示：",Alert.OK|Alert.NO,this,__InitCamera);
                 }
                 m_camera.removeEventListener(StatusEvent.STATUS,__onCameraStatusHandler);
             }

             //当摄像头不存在，或连接不正常时重新获取
             private function __InitCamera(event:CloseEvent):void
             {
                 if(event.detail == Alert.OK)
                 {
                     initApp();
                 }
             }

             //WebService保存图片成功事件
             private function __onSavePictureResult(event:ResultEvent):void
             {
                 //trace(event.result);
                 if(event.result.toString() != "保存失败")
                 {
                   str = event.result.toString();

                     Alert.show("保存成功,是否关闭窗口？","提示",3,this,__onAlertCloseHandler);
                 }
                 else
                 {
                     Alert.show(event.result.toString(),"提示",Alert.OK);
                 }
             }

             //连接WebService失败事件
             private function __onSavePictureFault(event:FaultEvent):void
             {
                 //Alert.show(event.fault.toString(),"提示",Alert.OK);
                 Alert.show("连接服务器失败。","提示",Alert.OK);
             }

             //保存图片成功后的弹出窗口确认事件
             private function __onAlertCloseHandler(event:CloseEvent):void
             {
                 if(event.detail == Alert.YES)
                 {
                    ExternalInterface.call("setValueToField",str);
                 }
             }
         ]]>
     mx:Script>
     <mx:HTTPService id="t_ws_SavePicture" showBusyCursor="true" method="POST" useProxy="false" result="__onSavePictureResult(event)" fault="__onSavePictureFault(event)"/>
     <mx:Panel x="10" y="10" width="180" height="200" layout="absolute" title="视频拍照" fontSize="12">
         <mx:VideoDisplay id="t_vd_Video" width="160" height="120"/>
         <mx:ControlBar horizontalAlign="right">
             <mx:Button id="t_btn_Shooting" label="拍照" click="SnapshotPicture()"/>
         mx:ControlBar>
     mx:Panel>
     <mx:Panel id="t_panel_Picture" x="198" y="10" width="180" height="200" layout="absolute" title="拍照图片" fontSize="12" visible="false">
         <mx:Image id="t_img_Picture" x="0" y="0" width="160" height="120"/>
         <mx:ControlBar   horizontalAlign="right">
             <mx:Button id="t_ban_Save" label="保存" click="SavePicture()" />
         mx:ControlBar>
     mx:Panel>
mx:Application>

java：

package cn.myapps.core.onlinetakephoto;

import java.awt.Color;
import java.awt.image.BufferedImage;
import java.io.ByteArrayOutputStream;
import java.io.DataOutputStream;
import java.io.File;
import java.io.FileOutputStream;
import java.io.IOException;

import javax.imageio.ImageIO;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import cn.myapps.constans.Environment;
import cn.myapps.util.sequence.Sequence;

/**
* Servlet implementation class onLineTakePhotoServlet
*/
public class onLineTakePhotoServlet extends HttpServlet {
private static final long serialVersionUID = 1L;

private Environment env = Environment.getInstance();

public void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
processRequest(request, response);
}

public void doPost(HttpServletRequest request, HttpServletResponse response)
  throws ServletException, IOException {
processRequest(request, response);
}

public void processRequest(HttpServletRequest request, HttpServletResponse response)

    throws ServletException, IOException {
  response.setContentType("text/html;charset=UTF-8");
        response.setHeader("Pragma", "No-cache");
        response.setHeader("Cache-Control", "no-cache");
        response.setDateHeader("Expires", 0);

        String bitmap_data = request.getParameter("bitmap_data");
        int width = Integer.parseInt(request.getParameter("width"));
        int height = Integer.parseInt(request.getParameter("height"));
        BufferedImage img = new BufferedImage(width, height,BufferedImage.TYPE_INT_RGB);
  try {
            int w = width;
            int h = height;
            int[] pixels = new int[w * h];
            String[] m_tempPics = bitmap_data.split(",");
            for (int x = 0; x < w; x++) {
                for (int y = 0; y < h; y++) {
                    Long pic_argb = Long.parseLong(m_tempPics[x * h + y]);
                    int a = (int) (pic_argb >> 24 & 0xFF);
                    int r = (int) (pic_argb >> 16 & 0xFF);
                    int g = (int) (pic_argb >> 8 & 0xFF);
                    int b = (int) (pic_argb & 0xFF);
                    pixels[y * w + x] = new Color(r, g, b, a).getRGB();
                }
            }
            img.setRGB(0, 0, w, h, pixels, 0, w);
            img.flush();
            ByteArrayOutputStream bao = new ByteArrayOutputStream();
            ImageIO.write(img, "jpg", bao);
            byte[] data = bao.toByteArray();
            String filePath = env.getRealPath("/uploads/photo");
            //判断路径是否存在,若不存在则创建路径
            File upDir = new File(filePath);
            if (!upDir.exists())
            {
                upDir.mkdir();
            }
            //生成随机文件名
            String saveName = Sequence.getSequence();
            String fileName = saveName + ".jpg";
            //写图片
            File f = new File(filePath+"\\" + fileName);
      DataOutputStream dos = new DataOutputStream(new FileOutputStream(f));
      dos.write(data);
      dos.flush();
      dos.close();
      response.setContentType("text/xml");
            response.getWriter().write("/uploads/photo/" + fileName);
        }
        catch(Exception ex)
        {
         response.setContentType("text/xml");
            response.getWriter().write("保存失败");
        }
}

}

源码：/Files/obpm/onlinetakephoto.rar

原创人员：Denny

obpm 2010-08-29 21:52 发表评论

obpm一键生成视图功能原理(原创)

obpm — Sun, 11 Jul 2010 18:08:00 GMT

obpm一键生成视图功能原理

在obpm系统后台表单右上角有一个“一键生成视图”功能。实现它的真正目的是为了后台管理人员方便从实现好的表单中快速生成所有带值的列的视图。这样管理人员就不需要手工新建视图，然后再添加视图中的带值的列。

实现原理图：

在实现原理图中，我们发现没有视图中并没有不带值Field4相应的Column4在视图中，这是因为在视图中是要根据不同Column显示不同的值的。如果Column是不带值的话，那么视图中就不应该要这个Column,即使是要了，在视图中没有意义了。

实现原理代码：

其中代码路径是：src-java-cn-myapps-core-dynaform-form-ejb-FormProcessBean.java

/**

* 根据表单编号来生成视图

* @param formid 表单编号

* @throws Exception

public Form oneKeyCreateView(String formid) throws Exception {

FormProcess formPross = (FormProcess) ProcessFactory.createProcess(FormProcess.class);

ViewProcess viewPross = (ViewProcess) ProcessFactory.createProcess(ViewProcess.class);

Form form = (Form) formPross.doView(formid);//获得form

Collection formfield=form.getValueStoreFields();//获得form存储值的field

//新建视图

View view = new View();

if (view.getId() == null || view.getId().trim().length() <= 0) {

view.setId(Sequence.getSequence());//设置视图的ID

view.setSortId(Sequence.getTimeSequence());//设置视图的排序ID }

view.setName(form.getName());//把表单的名字赋给视图

view.setOpenType(view.OPEN_TYPE_NORMAL); //设置视图打开类型-普通类型

view.setLastmodifytime(new Date());//最后修改日期

view.setApplicationid(form.getApplicationid());//把表单应用程序Id赋给视图的应用程序Id

view.setModule(form.getModule());//把表单模块Id赋给视图的模块ID

view.setPagelines("10");//设置视图的分页每页显示10条数据

view.setShowTotalRow(true); //是否显示总共条数数据

view.setPagination(true); //是否分页显示

view.setRelatedForm(form.getId());//把表单ID赋给视图的映射表单，从而映射了该表单

//将表单中对应有值的列转换为视图的列

int i=0;

for(Iterator iterator=formfield.iterator();iterator.hasNext();){

FormField field=(FormField)iterator.next();

Column column = new Column();

if (column.getId() == null || column.getId().trim().length() <= 0) {

column.setId(Sequence.getSequence());

column.setOrderno(i);

}

if(field.getDiscript()!=null && !field.getDiscript().equals("")){//如果该表单中带值Field有描述的话，就作为视图Column,否则的用Field名称

column.setName(field.getDiscript());

}else{

column.setName(field.getName());

}

column.setFormid(form.getId());//把表单中的ID赋给Column的表单ID

column.setApplicationid(form.getApplicationid());//把表单中应用程序的ID赋给Column的表单应用程序ID

column.setFieldName(field.getName()); //把表单中的名称赋给Column的表单名称

column.setParentView(view.getId());//将视图ID赋给Column的父视图

view.getColumns().add(column); //将视图和Column关联

i++;

}

//分别创建两个按钮新建，删除

Activity activityCreate = new Activity();

if (activityCreate.getId() == null || activityCreate.getId().trim().length() <= 0) {

activityCreate.setId(Sequence.getSequence());

activityCreate.setOrderno(0);

}

activityCreate.setApplicationid(form.getApplicationid());

activityCreate.setName("新建");

activityCreate.setParentView(view.getId());

activityCreate.setType(ActivityType.DOCUMENT_CREATE);

activityCreate.setOnActionForm(form.getId());

view.getActivitys().add(activityCreate); //将视图和新建按钮关联

Activity activityDelete = new Activity();

if (activityDelete.getId() == null || activityDelete.getId().trim().length() <= 0) {

activityDelete.setId(Sequence.getSequence());

activityDelete.setOrderno(1);

}

activityDelete.setApplicationid(form.getApplicationid());

activityDelete.setName("删除");

activityDelete.setParentView(view.getId());

activityDelete.setType(ActivityType.DOCUMENT_DELETE);

view.getActivitys().add(activityDelete); //将视图和删除按钮关联

viewPross.doCreate(view); //创建视图

return form;

}

后台效果图：

表单：

视图：

视图列：

视图按钮：

前台效果：

视图：

表单：

原创人员：Denny

文章来源:http://www.cnblogs.com/obpm/archive/2010/07/12/1775453.html

obpm 2010-07-12 02:08 发表评论