mysql tolist返回数组_ArrayToListDemo 数组和List之间的互相转换 2个Demo

/*** 将数组转换为集合 static List asList

Arrays类中提供了一个静态方法asList,使用该方法我们可以将一个数组转换为对应的List集合。

注意: 1.返回的List集合元素类型由传入的数组元素类型决定

2.返回的List集合,我们不能对其进行增删操作,否则会抛出异常

3.返回的List集合,对其进行修改,会改变对应的原来数组中的元素.

4.想要修改返回的List集合,最好的办法就是复制一个新的集合,脱离和原数组的关系,增删就都可以操作了.

补充1: 我们发现,现在的list所属的是Arrays的内部类,而不是真正的java.util.ArrayList类.

所以就不难理解,为何无法增删,只能修改,并且修改原数组还在改变的原因.

补充2: 所有的集合都支持一个含有Collection类型作为参数的构造方法。该构造方法又称为复制

构造器。可以在创建当前集合的同时包含给定集合中的 所有元素。

案例 将数组转换为List集合,详细要求如下所示:

1) 构建字符串数组strArr,数组元素为“a”、“b”、“c”。

2) 将数组strArr转换为List集合变量list,并输出集合list;然后向list集合中添加元素“d”,运行后查看输出结果。

3) 获取变量list所属的类型的名称。

4) 构建集合list1,使用List的addAll方法将数组转换来的集合添加到list1中。*/

public classArrayToList {public static voidmain(String[] args) {/*案例 将数组转换为List集合*/

//1) 构建字符串数组strArr,数组元素为“a”、“b”、“c”。

String[] strArr = {"a","b","c"};/*2) 将数组strArr转换为List集合变量list,并输出集合list;

然后向list集合中添加元素“d”,运行后查看输出结果。*/List list =Arrays.asList(strArr);

System.out.println(list);//[a, b, c]//list.add("d");

/*在添加d元素后,会抛出异常,证明不能在转换后的list中增删元素

* Exception in thread "main" java.lang.UnsupportedOperationException*/

//3) 获取变量list所属的类型的名称。

System.out.println(list.getClass().getName());/*java.util.Arrays$ArrayList

我们发现,现在的list所属的是Arrays的内部类,而不是真正的java.util.ArrayList类.

所以就不难理解,为何无法增删,只能修改,并且修改原数组还在改变的原因.*/

//4) 构建集合list1,使用List的addAll方法将数组转换来的集合添加到list1中。

List list1 = new ArrayList();

list1.addAll(list);//复制list的内容

list1.add("d");

System.out.println("list1的内容: "+list1); //list1的内容: [a, b, c, d]//5) 用补充2提到的方法,来复制list1

List list2 = new ArrayList(list1);/*所有的集合都含有一个使用Collection类型作为参数的构造方法,该方法称为复制构造器*/System.out.println("list2的内容: "+list2); //list2的内容: [a, b, c, d]//同样复制了list的内容

}

}

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
如果你想要实现从 MySQL 数据库中获取文件和表单数据,并在前端页面中显示出来,那么你可以按照以下步骤进行操作: 1. 创建 MySQL 数据库表格,并将文件和表单数据存储在其中。 2. 使用 Spring Boot 创建 RESTful API 接口,从 MySQL 数据库中获取文件和表单数据。 3. 在 Vue.js 前端页面中使用 axios 库调用 Spring Boot 的 RESTful API 接口,获取数据,并将数据展示在页面上。 4. 使用 Element UI 框架中的组件来展示表单数据和文件数据。 下面是具体实现步骤: 1. 创建 MySQL 数据库表格 首先,你需要创建一个 MySQL 数据库表格,来存储文件和表单数据。可以参考以下示例表格: ``` CREATE TABLE `file` ( `id` bigint(20) NOT NULL AUTO_INCREMENT, `name` varchar(255) NOT NULL, `type` varchar(255) NOT NULL, `size` bigint(20) NOT NULL, `content` longblob NOT NULL, PRIMARY KEY (`id`) ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_0900_ai_ci; CREATE TABLE `form_data` ( `id` bigint(20) NOT NULL AUTO_INCREMENT, `name` varchar(255) NOT NULL, `age` int(11) NOT NULL, `gender` varchar(10) NOT NULL, PRIMARY KEY (`id`) ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_0900_ai_ci; ``` 2. 使用 Spring Boot 创建 RESTful API 接口 在 Spring Boot 中,你可以使用 JPA 来访问数据库,获取文件和表单数据。以下是示例代码: ``` @RestController @RequestMapping("/api") public class FileController { @Autowired private FileRepository fileRepository; @Autowired private FormDataRepository formDataRepository; @PostMapping("/file") public ResponseEntity<?> uploadFile(@RequestParam("file") MultipartFile file) throws IOException { String fileName = StringUtils.cleanPath(file.getOriginalFilename()); FileModel fileModel = new FileModel(fileName, file.getContentType(), file.getSize(), file.getBytes()); fileRepository.save(fileModel); return new ResponseEntity<>("File uploaded successfully", HttpStatus.OK); } @GetMapping("/file") public ResponseEntity<?> getAllFiles() { List<FileModel> files = fileRepository.findAll(); return new ResponseEntity<>(files, HttpStatus.OK); } @GetMapping("/form-data") public ResponseEntity<?> getAllFormData() { List<FormDataModel> formDataList = formDataRepository.findAll(); return new ResponseEntity<>(formDataList, HttpStatus.OK); } @PostMapping("/form-data") public ResponseEntity<?> createFormData(@RequestBody FormDataModel formDataModel) { formDataRepository.save(formDataModel); return new ResponseEntity<>("Form data created successfully", HttpStatus.OK); } } ``` 3. 在 Vue.js 前端页面中使用 axios 库调用 Spring Boot 的 RESTful API 接口 在 Vue.js 中,你可以使用 axios 库来发送 HTTP 请求,获取数据。以下是示例代码: ``` <template> <div> <el-table :data="formDataList" style="width: 100%"> <el-table-column prop="name" label="Name"></el-table-column> <el-table-column prop="age" label="Age"></el-table-column> <el-table-column prop="gender" label="Gender"></el-table-column> </el-table> <el-upload class="upload-demo" action="/api/file" :on-success="handleSuccess" :show-file-list="false" > <el-button slot="trigger" size="small" type="primary">Click to Upload</el-button> <div slot="tip" class="el-upload__tip">jpg/png files with a size less than 500kb</div> </el-upload> <el-table :data="fileList" style="width: 100%"> <el-table-column prop="name" label="Name"></el-table-column> <el-table-column prop="type" label="Type"></el-table-column> <el-table-column prop="size" label="Size"></el-table-column> <el-table-column label="Action"> <template slot-scope="scope"> <el-button type="text" @click="handleDownload(scope.row)">Download</el-button> </template> </el-table-column> </el-table> </div> </template> <script> import axios from 'axios' export default { data() { return { formDataList: [], fileList: [] } }, mounted() { this.getFormDataList() this.getFileList() }, methods: { getFormDataList() { axios.get('http://localhost:8080/api/form-data') .then(response => { this.formDataList = response.data }) .catch(error => console.log(error)) }, getFileList() { axios.get('http://localhost:8080/api/file') .then(response => { this.fileList = response.data }) .catch(error => console.log(error)) }, handleSuccess(response) { this.$message.success('File uploaded successfully') }, handleDownload(row) { const blob = new Blob([row.content]) const link = document.createElement('a') link.href = URL.createObjectURL(blob) link.download = row.name link.click() } } } </script> ``` 4. 使用 Element UI 框架中的组件来展示表单数据和文件数据 在 Vue.js 中,你可以使用 Element UI 框架中的组件来展示表单数据和文件数据。以上面的示例代码为例,我们使用了 el-table 和 el-upload 组件来展示表单数据和文件数据。你可以根据你的需求选择合适的组件来展示数据。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值