摘要：本文的绪论部分是课题确认的出发点，重点介绍了互联网+的大环境下WEB技术的高速发展，并且在此基础上探讨了基于Angular2的响应式教育网站的制作对于本课题的研究和意义，对前后端分离的项目分布进行了介绍。

第二部分介绍了编写环境:WebStrom、IntelliJ IDEA的相关知识，以及所使用的由阿里巴巴进行开发的NZ-ZORRO框架、后端的Laravel框架、数据库MySql进行简单的介绍。

第三部分详细介绍网站各个页面前端的重点制作过程、后端接口的完成过程、前后端连接测试的过程。使用了各种框架的结合以及数据库完成基本的网站制作。

关键词：前后端分离 Angular2 NZ-ZORRO Laravel MySql 

目录

摘要

Abstract

1. 绪论-2

1.1 课题研究背景-2

1.2 课题研究目的-3

1.3 课题研究意义-3

1.4 本章小结-3

2. 开发环境、应用框架-4

2.1 Webstrom和idea-4

2. 2 Angular框架-4

2.3 Laravel框架-5

2.4 本章小结-6

3. 网站设计与制作-7

3.1 网站规划与设计-7

3.2 网站制作制作流程-7

3.3 网站设计详细过程-7

3.3.1 idea后端工作准备-7

3.3.2  数据库表格创建-9

3.3.3 创建数据库模型进行数据操作-11

3.3.4 用户 api-11

3.3.5 问题api-14

3.3.6 点赞与踩api-19

3.3.7 后端api设计总结-21

3.3.8 前端项目准备-22

3.3.9 首页制作-24

3.3.10 课程详情页面设计-30

3.3.11 discuss页面和detail页面-32

3.3.12 注册和登陆页面-36

3.3.13 用户个人页面-40

3.4 后期添加功能展望-41

3.5 本章小结-41

结束语-42

参考文献-43

致 谢-44