网站运行机制与网页应用开发
120021. 课程介绍
在本节课中，你将会学习网页应用的概念，了解其工作过程，并认识它的结构。还将学习什么是江湖JS框架，通过实际项目案例，具体了解江湖JS框架的前端、后端、通信协议三者一同工作的过程，从而更好地理解网页应用的概念和实际运作方式。
2. 什么是网页应用？
网页应用是一种在互联网上运行的应用程序。它们通常通过浏览器作为用户界面，在服务器上运行。常见类型包括聊天软件、新闻网站、在线商店、办公管理工具和游戏平台等
用户通过打开网址浏览、填写信息、提交信息等与网页应用进行交互，然后等待服务器返回相应的信息。
网页应用通常分为前端和后端。前端负责展示用户界面并接收用户操作，并发送请求给后端；而后端则根据前端发送的请求处理相关信息、操作数据，将结果返回给前端显示。
3. 网页应用程序的工作过程
工作过程包含的步骤：
（1）用户发送请求：用户在浏览器中输入网址浏览、填写信息、提交表单等操作，向服务器发送请求。
（2）前端处理：前端接收用户请求，根据请求生成相应的数据或页面内容，将请求发送给后端，后端处理请求并返回数据。
（3）后端处理：后端接收到前端发送的请求，处理这些请求，可能包括访问数据库、计算、验证用户身份等操作。
（4）返回数据：后端生成响应数据，并将数据返回给前端。
（5）页面更新：前端根据后端返回的数据更新页面内容，用户可以看到最新的信息。
这个过程是一个循环，用户与网页应用程序互动，前端和后端协作处理请求并返回数据，从而实现网页应用的功能，二者共同协作完成整个应用程序的工作。
举例说明工作过程：
在001课安装的jianghujs-basic项目，打开doUiAction页面，我们新增了一个学生的数据，它的工作过程是这样的：
（1）用浏览器打开学生管理页面，点击新增按钮，打新增抽屉，填写表单信息，当点击保存按钮，向服务器发起请求。
（2）前端接受到新增学生的请求，生成相应的数据或页面内容，将数据发送到后端进行处理。
（3）后端收到这些请求数据，处理这些数据，根据新增的请求，对数据库进行新增操作，插入这条新数据。
（4）如果数据库操作顺利完成，服务器将向前端发送响应，告知操作的结果。
（5）前端收到到后端的响应，更新页面，使得用户能够在页面上看到最新的操作结果。
在这个例子的里面，你看到了学生管理页面操作新增学生信息的整个工作过程 ，就是前后端之间的工作过程。
4. 网页应用的主要结构
通过上面的例子，我们了解网页应用包括前端和后端，在前端和后端之间通过它们之间的约定，就是一套通信协议进行数据通信。所以网页应用的结构通常由前端、后端和通信协议组成，它们各自承担着不同的角色和功能，共同构建了一个完整的网页应用系统。
前端的概念： 前端是指与用户浏览器能看到的部分。前端通常由HTML、CSS和JavaScript等技术构建，负责展示数据、接收用户输入，向后端发起请求，并向用户展示结果。
后端的概念：后端负责处理前端发送的请求、处理前端的请求，根据请求处理相关信息或者操作数据库，返回结果给前端。后端通常包括控制逻辑和数据库两部分。控制逻辑负责处理请求、验证用户身份、执行业务逻辑等，而数据库部分则负责数据的存储和管理。
通信协议的概念：通信协议是指前端和后端之间进行数据通信时遵循的规则和约定。
5. 江湖JS框架的前端、后端、通信协议
江湖JS框架是一个基于Node.js和Egg.js的JavaScript企业级应用框架，简单来说，它是一套软件工具包，旨在帮助开发人员构建适合企业使用的网页应用。
该框架通过数配置据库来简化了后端繁琐的配置工作，它的江湖ianghu-init工具能够快速创建项目，提供各种开箱即用的江湖应用模板，帮助开发人员构建满足复杂业务需求、灵活定制、具备用户和权限管理等功能的企业级网页应用。
江湖JS的框架的结构分为前端、后端、通信协议，我们用jianghujs-basic项目举例说明：
江湖JS的前端
江湖JS的前端是浏览器能看到的部分，当启动项目，用浏览器打开网址http://127.0.0.1:7001， 看到的页面就是属于前端。例如doUiAction页面，这个页面在江湖JS框架里面对应的文件是jianghujs-basic\app\view\page\doUiAction.html。
江湖JS的后端
江湖JS的后端负责处理接收到的信息和数据，后端还包括数据库jianghujs-basic，用于存储学生信息。后端给前端提供数据接口，充当沟通的桥梁，与前端进行通信，实现信息的处理和对数据库进行操作。当前端的请求完成后，访问数据库的student表，根据请求操作数据。
江湖JS框架通信协议
通信协议的内容通常以一定的格式编写，包含特定字段，例如看下图红框中的内容，看到这些代码的写法是按照规定格式写的，具体字段的含义在后面第5课中详细讲解。
江湖JS框架生成的网页应用的工作过程
江湖JS框架生成的学生管理页面，通过浏览器操作学生信息的录入、查询、修改和删除等功能，发起请求给江湖JS的前端，江湖JS的前端负责把这些请求按照通信协议的格式，发送给江湖JS后端。
江湖JS后端处理前端的请求, 操作数据库，把数据按照通信格式再返回给前端，三者共同完成一个完整的学生信息管理功能，这是江湖JS框架生成的网页应用的工作过程。