Chapter: 8.介绍和web app的搭建
项目介绍和概况
承前启后
原有web app阅读器在整个项目中的意义
- 它是整个系统的一个子模块
- 是一个用于展示数据的、前端交互相对复杂的模块
- 学习这个模块的意义是帮助深入理解web app端的前端开发
如何在原有项目基础上开发整个web app?
- 前端页面的扩展和开发
- NoteJS 服务器环境的搭建和服务设施的提供
- 后端逻辑交互和数据处理代码的开发
- Mock数据的提供和模拟
web 整站的搭建方式
逆向软件工程
- 用自己熟悉的技术反推
- 基于通用的技术反推
目录结构
mock:存放模拟数据，里面的 json 文件和放在服务器里的文件的结构是一样的node_modules:存放模块框架库service:服务层文件，读取数据文件、对数据文件的处理-
static:存放静态文件，比如 css 、图片等css,img,scriptscript:-
pages:页面的逻辑处理代码文件 - 一些js通用的库
-
-
view:页面模板文件-
include:页面通用的模板文件 - 其它模板文件
-
app.js:启动的入口文件
使用NoteJs做web服务的优点
- 前端后端语言风格统一
- 开发方式上前端和后端彻底分离
常用的NoteJs web服务框架
-
KOA:大企业使用较多，因为它轻量化，企业可以对框架进行自己的封装，中间层可以自己开发和维护 -
EXpressJS:小企业使用较多,已经有很中间层的封装，使用较简单
本教程整体技术选型原则
突出以前端为核心，尽量规避后端的实现逻辑
对于后端的处理要更接近前端同学的理解方式(没有使用数据库等而是使用文件目录结构)
