《通信软件开发与应用》课程结业报告


简介:基于angular框架和本地deployd服务器完成的一个简单的动态数据交互网页。

1.作业完成情况

作业说明

基本情况:网页一共有5个页面,具有增删改功能,页面用angular官方组件库和bootstrap进行修饰。
网页主题:网页名为 A content ,每个人都可以在这里留下自己最喜欢的一句话,进行分享,可以相互点赞。

作业展示

页面展示

首页:

在这里插入图片描述
主页面(每句话随机排列,红色圆圈里的数字代表点赞数):
在这里插入图片描述
分享界面:
在这里插入图片描述
详情界面:
在这里插入图片描述
热榜(根据点赞数排列):
在这里插入图片描述

功能展示(gif动图)

基本跳转按钮:
在这里插入图片描述
添加功能:
在这里插入图片描述更改功能:
在这里插入图片描述点赞和删除功能:
在这里插入图片描述
首页的随机排列和热榜的顺序排列:
在这里插入图片描述

2.作业经历

遇到的问题

本次作业的angular中,主要的问题还是angular框架对于对我们这种web的初学者来说,难度确实有点大了,花时间最多的地方也就是对angular框架的熟悉和理解。angular的环境部署和deployed服务器部署基本上没有遇到问题,然后本次作业因为是在官方教程英雄之旅的基础上修改,增删改部分和网页的修饰部分也没有遇到太大问题。但是在利用管道对服务器获得的数据进行重新排列(就是首页的随机排列和热榜根据点赞数顺序排列)的时候遇到了一点问题,但是在网上搜索之后,问题也得到了解决。

遇到的问题(未解决)

在基本完成angluar作业之后,想把数据交互弄成与云数据库或本地json文件的交互,但是要实现与云数据库的交互,并不简单,对于初学者来说短时间完成有点困难。然后继续尝试本地json文件,网上就只找到了有关json文件的读入教程,所以接下来的过程也遇到了困难。我尝试对从json文件得到的Observable对象进行处理,但对这种数据对象不够理解,经过多次尝试之后都失败了,所以就放弃了这两种方式。

收获和感想

通过本课程,学到了一点关于html,css,JavaScript的知识,会使用简单的MDB框架和Agular框架,对前端有了具体的认识,在遇到困难之后在网上进行检索,也提高了自己解决问题的能力。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值