Chapter: 8.介绍和web app的搭建

项目介绍和概况

承前启后

原有web app阅读器在整个项目中的意义

1. 它是整个系统的一个子模块
2. 是一个用于展示数据的、前端交互相对复杂的模块
3. 学习这个模块的意义是帮助深入理解web app端的前端开发

如何在原有项目基础上开发整个web app?

1. 前端页面的扩展和开发
2. NoteJS 服务器环境的搭建和服务设施的提供
3. 后端逻辑交互和数据处理代码的开发
4. Mock数据的提供和模拟

web 整站的搭建方式

逆向软件工程

1. 用自己熟悉的技术反推
2. 基于通用的技术反推

目录结构

1. mock :存放模拟数据，里面的 json 文件和放在服务器里的文件的结构是一样的

2. node_modules :存放模块框架库

3. service :服务层文件，读取数据文件、对数据文件的处理

4. static :存放静态文件，比如 css 、图片等

   css, img, script

   script:

   1. pages :页面的逻辑处理代码文件
   2. 一些js通用的库

5. view :页面模板文件

   1. include :页面通用的模板文件
   2. 其它模板文件

6. app.js :启动的入口文件

使用NoteJs做web服务的优点

1. 前端后端语言风格统一
2. 开发方式上前端和后端彻底分离

常用的NoteJs web服务框架

1. KOA :大企业使用较多，因为它轻量化，企业可以对框架进行自己的封装，中间层可以自己开发和维护
2. EXpressJS :小企业使用较多,已经有很中间层的封装，使用较简单

本教程整体技术选型原则

突出以前端为核心，尽量规避后端的实现逻辑

对于后端的处理要更接近前端同学的理解方式(没有使用数据库等而是使用文件目录结构)