SSM框架分页展示Hdfs文件列表,返回上一级,进入下一级,上传文件,删除文件,下载文件前后端代码

时间: 2023-09-20 08:05:51 浏览: 58
### 回答1: 这是一个比较复杂的问题,需要涉及到前后端的交互,以及HDFS文件系统的操作。下面是简单的代码示例,供参考。 前端代码: ``` <!DOCTYPE html> <html> <head> <title>HDFS文件管理</title> <meta charset="UTF-8"> <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script> <style> .file { display: inline-block; margin: 10px; padding: 10px; border: 1px solid #ccc; border-radius: 5px; text-align: center; cursor: pointer; } .file .name { margin-top: 5px; font-weight: bold; } .file .size { margin-top: 5px; font-size: 12px; color: #999; } .file .icon { font-size: 48px; color: #999; } .file .icon.icon-folder { color: #ffa500; } .file .icon.icon-file { color: #4169e1; } </style> </head> <body> <div> <button id="btn-prev" onclick="prev()">返回上一级</button> <button id="btn-upload" onclick="upload()">上传文件</button> </div> <div id="list"></div> <script> var path = "/"; $(function() { loadList(path); }); function loadList(path) { $.get("/list", {path: path}, function(result) { var files = result.files; var html = ""; for (var i = 0; i < files.length; i++) { var file = files[i]; var icon = file.type == "directory" ? "icon-folder" : "icon-file"; html += '<div class="file" onclick="clickFile(\'' + file.path + '\')">'; html += '<div class="icon ' + icon + '">&#x' + icon.charCodeAt(0).toString(16) + ';</div>'; html += '<div class="name">' + file.name + '</div>'; html += '<div class="size">' + file.size + '</div>'; html += '</div>'; } $("#list").html(html); }); } function clickFile(path) { if (path.endsWith("/")) { loadList(path); } else { download(path); } } function prev() { var index = path.lastIndexOf("/", path.length - 2); path = index >= 0 ? path.substring(0, index + 1) : "/"; loadList(path); } function upload() { var form = $('<form method="post" enctype="multipart/form-data"><input type="file" name="file"/></form>'); form.find('input').on('change', function() { var file = this.files[0]; var formData = new FormData(); formData.append('file', file); formData.append('path', path); $.ajax({ url: '/upload', type: 'POST', data: formData, processData: false, contentType: false, success: function(result) { loadList(path); } }); }).click(); } function download(path) { window.location.href = "/download?path=" + encodeURIComponent(path); } </script> </body> </html> ``` 后端代码: ``` @Controller public class HdfsController { private static final Logger logger = LoggerFactory.getLogger(HdfsController.class); private static final String HDFS_URI = "hdfs://localhost:9000"; private static final String HDFS_USER = "hadoop"; private FileSystem fs; @PostConstruct public void init() throws IOException, InterruptedException { Configuration conf = new Configuration(); conf.set("fs.defaultFS", HDFS_URI); conf.set("hadoop.user.name", HDFS_USER); fs = FileSystem.get(conf); } @GetMapping("/list") @ResponseBody public Map<String, Object> list(@RequestParam("path") String path) throws IOException { Path p = new Path(path); FileStatus[] files = fs.listStatus(p); List<Map<String, Object>> fileList = new ArrayList<>(); for (FileStatus file : files) { Map<String, Object> fileInfo = new HashMap<>(); fileInfo.put("name", file.getPath().getName()); fileInfo.put("path", file.getPath().toString()); fileInfo.put("type", file.isDirectory() ? "directory" : "file"); fileInfo.put("size", file.isDirectory() ? "-" : formatSize(file.getLen())); fileList.add(fileInfo); } Map<String, Object> result = new HashMap<>(); result.put("files", fileList); return result; } @PostMapping("/upload") @ResponseBody public Map<String, Object> upload(@RequestParam("file") MultipartFile file, @RequestParam("path") String path) throws IOException { Path p = new Path(path, file.getOriginalFilename()); FSDataOutputStream out = fs.create(p); IOUtils.copy(file.getInputStream(), out); out.close(); Map<String, Object> result = new HashMap<>(); result.put("success", true); return result; } @GetMapping("/download") public void download(HttpServletResponse response, @RequestParam("path") String path) throws IOException { Path p = new Path(path); FSDataInputStream in = fs.open(p); response.setContentType("application/octet-stream"); response.setHeader("Content-Disposition", "attachment; filename=\"" + p.getName() + "\""); IOUtils.copy(in, response.getOutputStream()); in.close(); response.flushBuffer(); } private String formatSize(long size) { String[] units = {"B", "KB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"}; int i = 0; double s = size; while (s >= 1024 && i < units.length - 1) { s /= 1024; i++; } return String.format("%.2f %s", s, units[i]); } } ``` 需要注意的是,以上代码只是示例,实际使用时需要根据具体情况进行修改和完善。 ### 回答2: SSM框架是一种基于Spring+SpringMVC+MyBatis的JavaEE开发框架,用于开发企业级应用。下面是一个简单的示例,展示如何使用SSM框架进行Hdfs文件列表的分页展示,并实现返回上一级、进入下一级、上传文件、删除文件和下载文件的功能。 1. 后端代码: - 创建一个Controller类,用于处理前端请求和返回数据: ```java @Controller @RequestMapping("/hdfs") public class HdfsController { @Autowired private HdfsService hdfsService; @RequestMapping("/list") public String listFiles(Model model, @RequestParam(defaultValue = "/") String path, @RequestParam(defaultValue = "1") int pageNum, @RequestParam(defaultValue = "10") int pageSize) { // 调用Service层方法,获取Hdfs文件列表 PageInfo<String> pageInfo = hdfsService.getFileList(path, pageNum, pageSize); model.addAttribute("pageInfo", pageInfo); return "hdfs_list"; } @RequestMapping("/back") public String goToParentDir(String path) { // 获取上一级目录路径 String parentPath = hdfsService.getParentDir(path); return "redirect:/hdfs/list?path=" + parentPath; } @RequestMapping("/enter") public String enterSubDir(String path) { // 进入下一级目录 return "redirect:/hdfs/list?path=" + path; } @RequestMapping(value = "/upload", method = RequestMethod.POST) public String uploadFile(MultipartFile file, String path) { hdfsService.uploadFile(file, path); return "redirect:/hdfs/list?path=" + path; } @RequestMapping("/delete") public String deleteFile(String path) { hdfsService.deleteFile(path); return "redirect:/hdfs/list?path=" + hdfsService.getParentDir(path); } @RequestMapping("/download") public String downloadFile(HttpServletResponse response, String path) { // 设置响应头信息,实现文件下载 hdfsService.downloadFile(response, path); return null; } } ``` - 创建一个Service类,用于处理业务逻辑: ```java @Service public class HdfsService { @Autowired private FileSystem fs; public PageInfo<String> getFileList(String path, int pageNum, int pageSize) { // 通过Hdfs的API获取文件列表 // ... // 使用PageInfo进行分页处理 PageInfo<String> pageInfo = new PageInfo<>(fileList); return pageInfo; } public String getParentDir(String path) { // 获取上一级目录路径 // ... return parentPath; } public void uploadFile(MultipartFile file, String path) { // 上传文件到Hdfs // ... } public void deleteFile(String path) { // 删除Hdfs文件 // ... } public void downloadFile(HttpServletResponse response, String path) { // 从Hdfs下载文件 // ... } } ``` 2. 前端代码: - 在jsp页面中,使用JSTL标签库来展示分页数据: ```html <c:forEach var="file" items="${pageInfo.list}"> <tr> <td>${file}</td> <td> <button onclick="location.href='/hdfs/enter?path=${file}'">进入</button> <button onclick="location.href='/hdfs/delete?path=${file}'">删除</button> <button onclick="location.href='/hdfs/download?path=${file}'">下载</button> </td> </tr> </c:forEach> ``` 其中,"进入"按钮点击时调用Controller中的`enterSubDir()`方法,"删除"按钮点击时调用`deleteFile()`方法,"下载"按钮点击时调用`downloadFile()`方法。 - 提供上传文件的表单: ```html <form action="/hdfs/upload" method="post" enctype="multipart/form-data"> <input type="file" name="file" /> <input type="hidden" name="path" value="${path}" /> <input type="submit" value="上传" /> </form> ``` 其中,`value="${path}"`用于传递当前目录路径。 以上示例代码仅为参考,具体实现需要根据实际情况进行调整。在使用SSM框架开发时,需要配置相关依赖和配置文件,以及配置页面视图解析器等。 ### 回答3: SSM框架分页展示Hdfs文件列表,返回上一级,进入下一级,上传文件,删除文件,下载文件前后端代码如下: 首先,需要搭建好SSM框架,并配置好Hdfs相关的环境与库。 后端代码: 1. 创建Controller类,用于接受前端的请求和返回数据: ```java @RestController @RequestMapping("/hdfs") public class HdfsController { @Autowired private HdfsService hdfsService; // 分页展示Hdfs文件列表 @GetMapping("/list") public List<HdfsFile> listHdfsFiles(@RequestParam("path") String path, @RequestParam("pageNum") int pageNum, @RequestParam("pageSize") int pageSize) { return hdfsService.listHdfsFiles(path, pageNum, pageSize); } // 返回上一级目录 @GetMapping("/up") public List<HdfsFile> goUp(@RequestParam("path") String path, @RequestParam("pageNum") int pageNum, @RequestParam("pageSize") int pageSize) { return hdfsService.goUp(path, pageNum, pageSize); } // 进入下一级目录 @GetMapping("/down") public List<HdfsFile> goDown(@RequestParam("path") String path, @RequestParam("pageNum") int pageNum, @RequestParam("pageSize") int pageSize) { return hdfsService.goDown(path, pageNum, pageSize); } // 上传文件 @PostMapping("/upload") public void uploadFile(@RequestParam("path") String path, @RequestParam("file") MultipartFile file) { hdfsService.uploadFile(path, file); } // 删除文件 @PostMapping("/delete") public void deleteFile(@RequestParam("path") String path) { hdfsService.deleteFile(path); } // 下载文件 @GetMapping("/download") public ResponseEntity<Resource> downloadFile(@RequestParam("path") String path) { Resource file = hdfsService.downloadFile(path); return ResponseEntity.ok().header(HttpHeaders.CONTENT_DISPOSITION, "attachment; filename=\"" + file.getFilename() + "\"").body(file); } } ``` 2. 创建Service接口和实现类,处理具体的业务逻辑: ```java public interface HdfsService { List<HdfsFile> listHdfsFiles(String path, int pageNum, int pageSize); List<HdfsFile> goUp(String path, int pageNum, int pageSize); List<HdfsFile> goDown(String path, int pageNum, int pageSize); void uploadFile(String path, MultipartFile file); void deleteFile(String path); Resource downloadFile(String path); } @Service public class HdfsServiceImpl implements HdfsService { @Autowired private FileSystem fs; @Override public List<HdfsFile> listHdfsFiles(String path, int pageNum, int pageSize) { // 根据path分页查询Hdfs文件列表并封装成HdfsFile对象返回 // 使用fs.listFiles()方法从Hdfs中获取文件列表 } @Override public List<HdfsFile> goUp(String path, int pageNum, int pageSize) { // 根据path获取上一级目录的文件列表封装成HdfsFile对象返回 // 使用new Path(path).getParent()方法获取上一级目录的路径 } @Override public List<HdfsFile> goDown(String path, int pageNum, int pageSize) { // 根据path获取下一级目录的文件列表封装成HdfsFile对象返回 // 使用fs.listStatus()方法从Hdfs中获取指定目录的文件列表 } @Override public void uploadFile(String path, MultipartFile file) { // 上传文件到Hdfs中指定的路径 // 使用fs.create()方法创建输出流,并将MultipartFile转化为Inputstream,然后将文件写入Hdfs中 } @Override public void deleteFile(String path) { // 删除Hdfs中指定路径的文件 // 使用fs.delete()方法删除Hdfs中的文件 } @Override public Resource downloadFile(String path) { // 下载Hdfs中指定路径的文件 // 使用fs.open()方法创建输入流,并将Hdfs中的文件转化为Resource返回 } } ``` 前端代码: 1. 创建HTML页面和JavaScript代码,用于用户在前端操作和展示数据。这里只展示关键部分,使用ajax请求后端接口获取数据和发送操作的请求。 ```html <body> <div id="fileList"></div> <button onclick="goUp()">返回上一级</button> <button onclick="goDown()">进入下一级</button> <input type="file" id="uploadFile"> <button onclick="uploadFile()">上传文件</button> <button onclick="deleteFile()">删除文件</button> <button onclick="downloadFile()">下载文件</button> </body> <script> function getFileList() { $.ajax({ url: "/hdfs/list", type: "GET", data: { pageNum: 1, pageSize: 10 }, success: function(response) { // 处理返回的文件列表数据,渲染到页面 $("#fileList").html(response); } }); } function goUp() { $.ajax({ url: "/hdfs/up", type: "GET", success: function(response) { // 处理返回的上一级文件列表数据,渲染到页面 $("#fileList").html(response); } }); } function goDown() { $.ajax({ url: "/hdfs/down", type: "GET", success: function(response) { // 处理返回的下一级文件列表数据,渲染到页面 $("#fileList").html(response); } }); } function uploadFile() { var formData = new FormData(); formData.append("file", $("#uploadFile")[0].files[0]); $.ajax({ url: "/hdfs/upload", type: "POST", data: formData, contentType: false, processData: false, success: function(response) { // 上传成功后的操作 } }); } function deleteFile() { $.ajax({ url: "/hdfs/delete", type: "POST", success: function(response) { // 删除成功后的操作 } }); } function downloadFile() { window.location.href = "/hdfs/download"; } getFileList(); </script> ``` 以上就是使用SSM框架分页展示Hdfs文件列表,返回上一级,进入下一级,上传文件,删除文件,下载文件的前后端代码,你可以根据自己的需求进行拓展和修改。

相关推荐

最新推荐

recommend-type

Python学习笔记16 - 猜数字小游戏

猜数字小游戏的相关函数,与主程序搭配使用
recommend-type

机器人比赛内容的讲解,帮助简单了解一下机器人比赛的注意事项

适用于未参加过机器人比赛的小伙伴,简单了解一下注意事项。
recommend-type

shumaguan.rar

shumaguan.rar
recommend-type

信捷MP3系列步进电机CAD图纸.zip

信捷MP3系列步进电机CAD图纸
recommend-type

基于Springboot的足球青训俱乐部管理系统(免费提供全套java开源毕业设计源码+数据库+开题报告+论文+ppt+使用说明

随着社会经济的快速发展,人们对足球俱乐部的需求日益增加,加快了足球健身俱乐部的发展,足球俱乐部管理工作日益繁忙,传统的管理方式已经无法满足足球俱乐部管理需求,因此,为了提高足球俱乐部管理效率,足球俱乐部管理后台系统应运而生。 本文重点阐述了足球青训俱乐部管理后台系统的开发过程,以实际运用为开发背景,基于Spring Boot框架,运用了Java技术和MYSQL数据库进行开发设计,充分保证系统的安全性和稳定性。本系统界面良好,操作简单方便,通过系统概述、系统分析、系统设计、数据库设计、系统测试这几个部分,详细的说明了系统的开发过程,最后并对整个开发过程进行了总结,实现了俱乐部相关信息管理的重要功能。 本系统经过测试,运行效果稳定,操作方便、快捷,是一个功能全面、实用性好、安全性高,并具有良好的可扩展性、可维护性的足球青训俱乐部管理后台系统。 关键字:俱乐部管理;Spring Boot框架;Java技术;MYSQL数据库
recommend-type

BSC绩效考核指标汇总 (2).docx

BSC(Balanced Scorecard,平衡计分卡)是一种战略绩效管理系统,它将企业的绩效评估从传统的财务维度扩展到非财务领域,以提供更全面、深入的业绩衡量。在提供的文档中,BSC绩效考核指标主要分为两大类:财务类和客户类。 1. 财务类指标: - 部门费用的实际与预算比较:如项目研究开发费用、课题费用、招聘费用、培训费用和新产品研发费用,均通过实际支出与计划预算的百分比来衡量,这反映了部门在成本控制上的效率。 - 经营利润指标:如承保利润、赔付率和理赔统计,这些涉及保险公司的核心盈利能力和风险管理水平。 - 人力成本和保费收益:如人力成本与计划的比例,以及标准保费、附加佣金、续期推动费用等与预算的对比,评估业务运营和盈利能力。 - 财务效率:包括管理费用、销售费用和投资回报率,如净投资收益率、销售目标达成率等,反映公司的财务健康状况和经营效率。 2. 客户类指标: - 客户满意度:通过包装水平客户满意度调研,了解产品和服务的质量和客户体验。 - 市场表现:通过市场销售月报和市场份额,衡量公司在市场中的竞争地位和销售业绩。 - 服务指标:如新契约标保完成度、续保率和出租率,体现客户服务质量和客户忠诚度。 - 品牌和市场知名度:通过问卷调查、公众媒体反馈和总公司级评价来评估品牌影响力和市场认知度。 BSC绩效考核指标旨在确保企业的战略目标与财务和非财务目标的平衡,通过量化这些关键指标,帮助管理层做出决策,优化资源配置,并驱动组织的整体业绩提升。同时,这份指标汇总文档强调了财务稳健性和客户满意度的重要性,体现了现代企业对多维度绩效管理的重视。
recommend-type

管理建模和仿真的文件

管理Boualem Benatallah引用此版本:布阿利姆·贝纳塔拉。管理建模和仿真。约瑟夫-傅立叶大学-格勒诺布尔第一大学,1996年。法语。NNT:电话:00345357HAL ID:电话:00345357https://theses.hal.science/tel-003453572008年12月9日提交HAL是一个多学科的开放存取档案馆,用于存放和传播科学研究论文,无论它们是否被公开。论文可以来自法国或国外的教学和研究机构,也可以来自公共或私人研究中心。L’archive ouverte pluridisciplinaire
recommend-type

【进阶】Flask中的会话与用户管理

![python网络编程合集](https://media.geeksforgeeks.org/wp-content/uploads/20201021201514/pythonrequests.PNG) # 2.1 用户注册和登录 ### 2.1.1 用户注册表单的设计和验证 用户注册表单是用户创建帐户的第一步,因此至关重要。它应该简单易用,同时收集必要的用户信息。 * **字段设计:**表单应包含必要的字段,如用户名、电子邮件和密码。 * **验证:**表单应验证字段的格式和有效性,例如电子邮件地址的格式和密码的强度。 * **错误处理:**表单应优雅地处理验证错误,并提供清晰的错误消
recommend-type

卷积神经网络实现手势识别程序

卷积神经网络(Convolutional Neural Network, CNN)在手势识别中是一种非常有效的机器学习模型。CNN特别适用于处理图像数据,因为它能够自动提取和学习局部特征,这对于像手势这样的空间模式识别非常重要。以下是使用CNN实现手势识别的基本步骤: 1. **输入数据准备**:首先,你需要收集或获取一组带有标签的手势图像,作为训练和测试数据集。 2. **数据预处理**:对图像进行标准化、裁剪、大小调整等操作,以便于网络输入。 3. **卷积层(Convolutional Layer)**:这是CNN的核心部分,通过一系列可学习的滤波器(卷积核)对输入图像进行卷积,以
recommend-type

BSC资料.pdf

"BSC资料.pdf" 战略地图是一种战略管理工具,它帮助企业将战略目标可视化,确保所有部门和员工的工作都与公司的整体战略方向保持一致。战略地图的核心内容包括四个相互关联的视角:财务、客户、内部流程和学习与成长。 1. **财务视角**:这是战略地图的最终目标,通常表现为股东价值的提升。例如,股东期望五年后的销售收入达到五亿元,而目前只有一亿元,那么四亿元的差距就是企业的总体目标。 2. **客户视角**:为了实现财务目标,需要明确客户价值主张。企业可以通过提供最低总成本、产品创新、全面解决方案或系统锁定等方式吸引和保留客户,以实现销售额的增长。 3. **内部流程视角**:确定关键流程以支持客户价值主张和财务目标的实现。主要流程可能包括运营管理、客户管理、创新和社会责任等,每个流程都需要有明确的短期、中期和长期目标。 4. **学习与成长视角**:评估和提升企业的人力资本、信息资本和组织资本,确保这些无形资产能够支持内部流程的优化和战略目标的达成。 绘制战略地图的六个步骤: 1. **确定股东价值差距**:识别与股东期望之间的差距。 2. **调整客户价值主张**:分析客户并调整策略以满足他们的需求。 3. **设定价值提升时间表**:规划各阶段的目标以逐步缩小差距。 4. **确定战略主题**:识别关键内部流程并设定目标。 5. **提升战略准备度**:评估并提升无形资产的战略准备度。 6. **制定行动方案**:根据战略地图制定具体行动计划,分配资源和预算。 战略地图的有效性主要取决于两个要素: 1. **KPI的数量及分布比例**:一个有效的战略地图通常包含20个左右的指标,且在四个视角之间有均衡的分布,如财务20%,客户20%,内部流程40%。 2. **KPI的性质比例**:指标应涵盖财务、客户、内部流程和学习与成长等各个方面,以全面反映组织的绩效。 战略地图不仅帮助管理层清晰传达战略意图,也使员工能更好地理解自己的工作如何对公司整体目标产生贡献,从而提高执行力和组织协同性。