`
:倾诉
  • 浏览: 24060 次
  • 性别: Icon_minigender_1
  • 来自: 广东揭阳
社区版块
存档分类
最新评论

etxjs+ssh的CRUD(3)-----combobox&上传文件

阅读更多

最后剩下图书管理的,同样有查询,新增,更新,删除,代码跟用户管理的差不多,

不同的是以下几个地方,即下拉框,文件上传

items:[{
	xtype:"form",
	layout:"form",
	fileUpload :true,//要上传文件,一定要这么一句
        items:[{
	     xtype:"combo",//选择框
	     fieldLabel:"类别",
	     displayField:"catalogname",
	     valueField:"catalogid",//实际传往后台的值
     	     hiddenName:"ctlgname",//后台request这个ctlgname就能得到实际传的valueField值
	     emptyText:"--请选择--",
	     store:catalogStore,
	     mode:'local',
	     width:90
       },{
	     xtype:"textfield",
	     fieldLabel:"上传图片",
	     name:"picture",
	     inputType:"file"//表示文件上传
       }
}]
 

 store定义如下,跟普通grid需要的store差不多

var catalogStore = new Ext.data.JsonStore({
	reader :new Ext.data.JsonReader(),
	root:'result',
	proxy:new Ext.data.HttpProxy({
		url:"admin!queryAllCatalog"
	}),
	fields:["catalogid","catalogname"]
});

 上传文件到了后台这么处理:

 关键代码:

public String addBook() throws IOException {
        String realPath = ServletActionContext.getRequest().getRealPath("/picture");//生成文件的路径,到tomcat发布该项目的目录下
//System.out.println(realPath);
	String imageName = new Long(new Date().getTime()).toString();//用时间命名文件
	File target = new File(realPath+ "/" + imageName + ".bmp");//目标文件
	File image = new File(getPicture().toString());//源文件,getPicture()获得后台传来的pictrue路径
        try {
		FileUtils.copyFile(image,target);//拷贝文件
	} catch (IOException e) {
		System.out.println( "copy出错");
	}
}

 打印结果为:

F:\Program Files\tomcat-6.0.30\apache-tomcat-6.0.30\webapps\bookstore\picture

 

 

至此,一个简单的结合extjs的ssh作业完成

分享到:
评论

相关推荐

    Struts+Spring+Hibernate--SSH整合实例.

    SSH整合,即Struts、Spring和Hibernate的集成,是Java Web开发中常用的一种技术栈,用于构建企业级的MVC(Model-View-Controller)应用。这三个框架分别负责不同的职责:Struts处理用户请求和视图展示,Spring提供...

    NestJs CRUD 使用 nestjs + mysql + typeorm + red-nest-admin.zip

    NestJs CRUD 使用案例主要展示了如何利用NestJs框架,结合MySQL数据库、TypeORM实体管理以及Red-Nest-Admin后台管理界面,构建一个完整的CRUD(创建、读取、更新、删除)应用。NestJs是一款基于Node.js的渐进式...

    ssh+extjs CRUD

    ### SSH+ExtJS 开发CRUD功能:深入解析与实践指南 #### 一、引言与框架概述 在软件开发领域,尤其是企业级应用开发中,整合多种技术框架以实现高效、灵活的功能构建已经成为常态。其中,“SSH”(即Struts2、...

    idea采用ssm+oracle+crud demo(class-student-teacher)

    在这个"idea采用ssm+oracle+crud demo(class-student-teacher)"项目中,开发者使用了这些技术来实现一个简单的教务管理系统,涉及到学生(Student)、班级(Class)和教师(Teacher)三个实体对象的CRUD(创建、...

    ssh-crud.rar_SSH CRUD_ssh

    在“ssh-crud.doc”文件中,可能包含了SSH整合的配置教程,以及如何利用这三个框架实现CRUD操作的具体步骤。可能涵盖了以下内容: 1. Spring的配置:包括Bean的定义、依赖注入的设置,以及数据源和事务管理器的配置...

    restful-crud-实验.tar.gz

    这个名为"restful-crud-实验.tar.gz"的压缩包文件显然是一个教学资源,旨在帮助学习者理解如何在SpringBoot应用中实现基于REST的创建(Create)、读取(Read)、更新(Update)和删除(Delete)功能。 首先,我们要...

    fast-crud:fast-crud,d2-crud-plus的vue3升级版

    【fast-crud:Vue3时代的高效CRUD组件】 在现代前端开发中,Vue.js作为一款轻量级且功能强大的MVVM框架,深受开发者喜爱。随着Vue3的发布,其优化了性能,增强了API,带来了更好的类型支持,为开发者提供了更多便利...

    SSH-CRUD.rar_SSH CRUD_ssh三大框架_三大框架SSH

    在"SSH CRUD.rar_SSH CRUD_ssh三大框架_三大框架SSH"这个压缩包中,包含了基于SSH框架实现的CRUD操作示例。"20141024_test_Student"可能是数据库操作相关的测试类或者数据表,用于演示如何使用SSH框架对"Student...

    ssh_crud.rar_SSH CRUD

    部署过程通常包括配置Web.xml文件,打包成WAR文件,然后将其上传到服务器的webapps目录下。 7. **前端界面**:虽然描述中没有特别提及,但SSH CRUD必然包含HTML、CSS和JavaScript等前端技术,用于构建用户友好的...

    react-mern-crud-example:React + Redux + Redux-thunk + MongoDB + Express CRUD示例项目

    MERN CRUD示例堆React.js Redux Redux-thunk Node.js 表示MongoDB的猫鼬特征建立讯息查看详细信息删除帖子编辑帖子分页登录并注册JWT 后端:Node.js(Express)+ MongoDB 使用Reactstrap设计(bootstrap v4)去做 ...

    Laravel开发-crud-generator-admin-lte

    3. **迁移文件**:用于数据库结构的定义和修改,遵循 Laravel 的迁移系统。 4. **模型文件**:定义数据模型,包含与数据库表的关联和验证规则。 5. **控制器文件**:处理 HTTP 请求,包括路由定义、CRUD操作逻辑。 6...

    深入体验Java+Web开发内幕-高级特性-高清扫描版

    3. **框架和技术整合** - **Spring框架**:涵盖AOP(面向切面编程)、IoC(控制反转)、事务管理等功能,是Java企业级应用的基石。 - **MyBatis**或Hibernate:持久层框架,简化数据库操作,提供对象关系映射功能...

    d2-crud-plus:面向配置的crud框架,基于d2-admin的d2-crud,简化d2-crud配置,快速开发crud功能;支持远程数据字典,国际手机号校验,alioss、腾讯云cos、七牛云文件上传、头像裁剪,省市区选择,权限管理,代码生成

    fast-crud支持vue3的fast-crud已发布,开发crud更快、更强、更爽。文档地址: 示例地址: / 仓库地址: / 帮助文档%%%%%%%%%%%%%%%%%%%%%%% 帮助文档 ↓%%%%%%%%%%%%%%%%%%%%%%%%%%%%GitHub Pages码云(国内访问推荐...

    ssh1实现简单的增删查改i+ssh2实现crud

    在本文中,我们将深入探讨SSH框架的基本概念,以及如何利用它们来实现CRUD(创建、读取、更新和删除)操作。 **SSH1整合实例** SSH1指的是Struts1、Spring1和Hibernate1的集成。Struts1是MVC(Model-View-...

    Struts2-Crud+JdbcDemo最简单的Struts2+jdbc学习曾删改查程序

    这个"Struts2-Crud+JdbcDemo"项目是一个基础的学习示例,涵盖了如何使用Struts2和JDBC进行基本的CRUD(创建、读取、更新和删除)操作。 首先,我们来详细了解一下Struts2的核心概念: 1. **Action类**:在Struts2...

    基于Vue3、Vite4、ant-design-vue4、UnoCSS和Typescript的一整套企业级中后台前端/设计解决方

    AntdvPro是一个基于Vue3、Vite4、ant-design-vue4、Pinia、UnoCSS和Typescript的一整套企业级中后台前端/设计解决方案,它参考了阿里react版本antd-pro的设计模式,使用了最新最流行的前端技术栈,内置了动态路由、...

    基于spring-boot+quartz的CRUD任务管理系统源码+项目说明.zip

    基于spring-boot+quartz的CRUD任务管理系统源码+项目说明.zip基于spring-boot+quartz的CRUD任务管理系统源码+项目说明.zip基于spring-boot+quartz的CRUD任务管理系统源码+项目说明.zip基于spring-boot+quartz的CRUD...

    SpringBoot2+Vue+D2-Admin版

    Druid 数据库连接池 【前端技术】Vue 互联网最火的前端框架Vue Router 路由框架Vuex 全局状态管理框架Axios 前端 HTTP 框架Element UI 前端 UI 框架D2-Admin 前端模板D2-CRUD框架D2-CRUD-PLUS框架...

    基于Html的crud-express-mongodb增删改查设计源码

    项目包含1586个文件,其中包括928个JavaScript文件、193个Markdown文档、138个JSON文件、71个Less样式文件、21个TypeScript文件、19个YAML文件、15个Map文件、10个CMD文件、10个PS1文件和8个NPMignore文件。...

Global site tag (gtag.js) - Google Analytics