《通信软件开发与应用》课程结业报告
简介:基于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框架,对前端有了具体的认识,在遇到困难之后在网上进行检索,也提高了自己解决问题的能力。