最后剩下图书管理的,同样有查询,新增,更新,删除,代码跟用户管理的差不多,
不同的是以下几个地方,即下拉框,文件上传
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作业完成
分享到:
相关推荐
基础+实践;容易初学者学习,并快速能够实践
NestJs CRUD 使用 nestjs + mysql + typeorm + red-nest-admin
idea采用ssm+oracle+crud demo(class-student-teacher)
fast-crud fast-crud d2-crud-plus 升级版 支持vue3
reactjs-typscript-crud-concept:ReactJS + Typescript的示例-CRUD
一篇很好的开发文档,希望能帮助到需要帮助的人
Java SpringBoot 课程 restful crud 实验资源 restful 风格的增删改查
MERN CRUD示例堆React.js Redux Redux-thunk Node.js 表示MongoDB的猫鼬特征建立讯息查看详细信息删除帖子编辑帖子分页登录并注册JWT 后端:Node.js(Express)+ MongoDB 使用Reactstrap设计(bootstrap v4)去做 ...
基于spring-boot+quartz的CRUD任务管理系统源码+项目说明.zip基于spring-boot+quartz的CRUD任务管理系统源码+项目说明.zip基于spring-boot+quartz的CRUD任务管理系统源码+项目说明.zip基于spring-boot+quartz的CRUD...
fast-crud支持vue3的fast-crud已发布,开发crud更快、更强、更爽。文档地址: 示例地址: / 仓库地址: / 帮助文档%%%%%%%%%%%%%%%%%%%%%%% 帮助文档 ↓%%%%%%%%%%%%%%%%%%%%%%%%%%%%GitHub Pages码云(国内访问推荐...
Druid 数据库连接池 【前端技术】Vue 互联网最火的前端框架Vue Router 路由框架Vuex 全局状态管理框架Axios 前端 HTTP 框架Element UI 前端 UI 框架D2-Admin 前端模板D2-CRUD框架D2-CRUD-PLUS框架...
项目包含1586个文件,其中包括928个JavaScript文件、193个Markdown文档、138个JSON文件、71个Less样式文件、21个TypeScript文件、19个YAML文件、15个Map文件、10个CMD文件、10个PS1文件和8个NPMignore文件。...
Struts2-Crud+JdbcDemo最简单的Struts2+jdbc学习曾删改查程序,适合初学Struts2的朋友们
SpringBoot+MyBatisPlus+Thymeleaf 增删改查CRUD 功能
web api例子 Contact Manager Web API 示例[1]CRUD 操作 - 张善友
vue3-go-crud-project-main.zip
Laravel开发-crud-generator-admin-lte 用于管理的Laravel 5积垢发生器
一些关于ssh(spring struts hibernate)的说明文档,和实用
Laravel开发-laravel-crud-api-generator Laravel Crud API发生器