毕业设计周报（第九周）

通信1班陈港

已于 2022-05-13 10:35:09 修改

阅读量1.2k

点赞数

文章标签： angular

于 2022-04-28 22:01:23 首次发布

本文链接：https://blog.youkuaiyun.com/qq_50780641/article/details/124483907

版权

本周完成了使用Angular设计的视频按钮和删除按钮，通过Angular-Material的Dialog组件实现对话框功能。实现了对岩土样本数据库的get、post、patch、delete操作，将数据源从本地文件切换到后端数据库。同时，解决了跨域问题和界面交互的优化。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

毕业设计周报（第九周）通信工程1801班陈港

一、本周完成的工作
二、下周完成的工作
三、本周遇到的问题

一、本周完成的工作

1. 完成展示界面的视频按钮和删除按钮的设计。

通过使用angular-material中的Dialog组件，使在点击视频按钮和删除按钮时分别生成一个对话窗口。
效果图：

2. 完成前端对后端岩土样本数据库的get,post,patch,delete四种操作。

   postshuju(api:any,body:any){
   
    let url="http://localhost:8000";
    const headers={
    'content-type':'application/json'};
    this.http.post(url+api,body,{
   'headers':headers}).subscribe(response => {
   
     console.log(response);
   });
  } 
   getshuju(api:any,body:any){
   
    let