摘  要

 

从2018年起，作为号称下一代Web应用模型的PWA，逐渐成为了一个各大前端厂商争先恐后进行涉足，布局的一个新的技术，其主要的对标物Native App，作为现在最主流的移动端应用，它的安全、性能、用户体验明显领先于其他互联网载体。但是原生App始终有一些缺点，比如昂贵的开发成本，软件上线和版本更新都需要发布到不同的商店，并通过审核。PWA技术的作为Web应用，其天生优势能很好的解决以上的问题。文章首先对PWA概念与相关技术进行介绍，重点介绍基于PWA技术提供服务进行设计与实现，最后基于此技术设计并且实现了一个影评类应用，通过实例对PWA技术的优势进行验证。

 

关键词：Web，前端，PWA，影评

目  录

 

第一章 绪论 1

1.1 研究背景与意义 1

1.2 国内外研究现状 1

1.3 论文工作内容 1

第二章 基础理论与技术 2

2.1 PWA概述 2

2.2 Vue.js框架概述 3

2.3 Node.js概述 3

2.4 Koa概述 3

2.5 MongoDB概述 4

第三章 需求分析 4

3.1 功能需求分析 4

3.2 非功能需求分析 5

第四章 设计与实现 5

4.1 系统功能结构设计 5

4.2 系统功能具体实现 6

4.2.1 用户管理模块设计与实现 6

4.2.2 信息展示模块设计与实现 7

4.2.3 作品管理模块设计与实现 8

4.3 PWA功能实现 9

4.3.1 Manifest 9

4.3.2 Service Workers 9

4.3.3 Web Share API 11

4.3.4 渐进式加载 11

第五章 系统测试与分析 12

5.1 功能测试 12

5.2 非功能测试 12

第六章 总结与展望 12

参考文献 14