一、任务要求
构建一个静态或动态网站即以下要求中任选A或B,主题自选,要求如下:
B. 动态网站
使用任何一个前端框架如 Angular 等进行某应用(如英雄之旅、代办事项、图书管理等)的开发,需要有 CRUD 即增删改查功能并有一定的样式。
-
题目为《通信软件开发与应用》课程结业报告;
-
报告需阐述:做的什么、开发过程、遇到的问题、如何解决、哪些未解决、总结;
-
该报告需表现为HTML格式,从你上面的网站中可访问到。
二、效果展示
二、开发过程
该网站采用vscode制作。确定选题后,通过查阅资料,我最终确定使用jQuery实现增删改查、使用模态框实现增加、修改和查看,然后设计页面并实现设想。
三、遇到的问题
- 实验要求构建一个动态网站,该网站能够实现增删改查功能。而如何使用纯前端实现增删改查功能是我遇到的第一个问题。
- 表格的设计。
- 网页的配色不够和谐。
- 页面部署的过程中遇到一些问题。
四、如何解决
针对问题一:通过在百度和CSDN上查询如何使用纯前端实现增删改查,借鉴大佬的方法和代码,确定了解决方案。
针对问题二:反复调整表格的属性,达到适应屏幕的目的。
针对问题三:借鉴老师课件中配色网站的配色,对我的网页进行调整。
针对问题四:通过咨询同学,最终解决的问题。
五、未解决的问题
- 增加、修改、查看的模态框不够美观。
- 页面样式过于简单。
六、总结
通过本学期的web课程,我学习了web开发的基本知识,另外也大致了解html、css、JavaScript、TypeScript等知识,学会了使用vscode构建前端页面。
本实验帮助我掌握了基本网页制作的整个流程,明白了一般基础网页的代码的编写。在制作自己的网页过程中,虽然借鉴了别人的代码也遇到了许多问题,但是最终能够制作出网页,并托管到网站,这个结果让我感觉到了巨大的成就感,同时,制作过程并不轻松,但也勾起了我很大的兴趣,我也希望在今后能够更加深入学习,能够学习更多关于web开发的知识。