用户界面

Node.js

内置模块

• path：用于处理路径
• fs：用于处理文件系统
• http模块：用于创建服务器

第三方模块

• express
• mongoose
• ejs：嵌入式Javascript的HTML模块
  • <% %>：注入动态数据（变量、对象名、函数名、语句）
• Express-ejs-layouts：用于构建视图的模块
  • 第一步：安装：npm install express-ejs-layouts
  • 第二步：引入：引入模块
  • 第三步：
• nodemoon

本地模块

MongoDB

模块化

• html没有模块化概念
• css使用@import url()导入css模块
  • 不要把所有的css都写在一个文件夹里
  • 谨慎使用@import url()规则(1.必须放在css文件首行 2.注意：不要引入字体)
  • @import url()会发起请求
• ES 6使用import和export导入模块

Node.js APP 的开发步骤

第1步：项目初始化

1. 创建package.json文件

mkdir myApp 
cd myApp
npm init -y

2. 创建项目目录结构

myApp
- models:存放数据模型模块 module.exports = Blog
- views: 存放ejs视图文件
- controllers: 存放控制器：处理请求的回调
- routes: 存放路由表
- public: 存放静态资源（图片、css、js、字体)
- app.js: 主文件（App入口）
- package.json: 描述App（app的名字、描述、关键字、版本、第三方依赖)

第2步：安装项目所需模块

• 内置模块

  • path
  • fs

• 第三方模块

  • express: 构建node.js APP。创建一个express应用程序。express()函数是express模块导出的顶级函数
  • mongoose: 与mongoDB通信
  • ejs：创建视图
  • express-ejs-layouts

• 本地模块

  • Model： 如: Blog数据模型

第3步：创建app.js的基本结构

App.js

//引入模块

//实例化App
const app = express() 

//配置app实例
app.use('',callback) //为指定路径注册回调函数
app.set(key, value) //设置一个值，为以后调用

//连接数据库
const uri = ''
mongoose.connect(uri)
        .then()
        .catch()

//配置路由

网站的基本原理

• 搭建一个网站，需要做三件事
  • 1.买一个域名：域名是ip地址的别名。域名管理面板下设置
    • 域名解析：把ip地址绑定到域名上。
  • 2.买一个服务器：
    • 每一服务器都有一个ip地址
    • ip地址绑定一个域名
  • 3.编写一个程序。
    • 静态网页语言：HTML CSS
    • 动态网页语言：index.php \ index.jsp \ index.asp \ index.as
    • 默认网页：index.html \ index.html \ index.php

网站的工作原理

• 网站分为两种：
  • 静态网站：没有用到数据库，我的数据库写死html页面里的
    • html页面不支持变量
  • 动态网站：数据从数据里注入到页面
    • php：页面