vue.js+ElementUI+springboot高校固定资产管理系统4h80u
由于提问中的代码和问题不是很清晰,我将提供一个简化的Vue.js + Element UI + Spring Boot 的高校固定资产管理系统的核心功能示例。
后端Spring Boot Controller部分示例代码:
@RestController
@RequestMapping("/api/fixed-assets")
public class FixedAssetController {
@GetMapping
public ResponseEntity<List<FixedAsset>> getAllFixedAssets() {
// 模拟数据
List<FixedAsset> fixedAssets = Arrays.asList(new FixedAsset(1, "电脑", "DELL", 5000.00),
new FixedAsset(2, "打印机", "HP", 1500.00));
return ResponseEntity.ok(fixedAssets);
}
@PostMapping
public ResponseEntity<FixedAsset> createFixedAsset(@RequestBody FixedAsset fixedAsset) {
// 模拟保存资产逻辑
return ResponseEntity.ok(fixedAsset);
}
// ...其他资产管理API
}
前端Vue.js + Element UI部分示例代码:
<template>
<el-table :data="assets" style="width: 100%">
<el-table-column prop="id" label="ID" width="180"></el-table-column>
<el-table-column prop="name" label="Name" width="180"></el-table-column>
<el-table-column prop="brand" label="Brand"></el-table-column>
<el-table-column prop="price" label="Price"></el-table-column>
<el-table-column label="Operations">
<template slot-scope="scope">
<el-button @click="handleEdit(scope.row)">Edit</el-button>
<el-button type="danger" @click="handleDelete(scope.row.id)">Delete</el-button>
</template>
</el-table-column>
</el-table>
</template>
<script>
export default {
data() {
return {
assets: []
};
},
created() {
this.fetchAssets();
},
methods: {
fetchAssets() {
this.axios.get('/api/fixed-assets')
.then(response => {
this.assets = response.data;
})
.catch(error => {
console.error('There was an error!', error);
});
},
handleEdit(row) {
// 编辑资产逻辑
},
handleDelete(id) {
// 删除资产逻辑
}
}
};
</script>
以上代码提供了一个简单的固定资产管理界面,展示了
评论已关闭