用户界面
node.js
内置模板
- path：用于处理（拼接）路径段；
- fs：用于处理文件系统；
- http：用于创建服务器;
第三方模板
- express: 构建node.js APP;
- mongoose: 与mongoDB通信;
- Ejs：创建视图;嵌入式Javasript的hitml模板
- <% %>:注入动态数据（变量、对象名、函数名、语句）
- nodemon：开发?
- express--ejs-layouts:用于构建视图的模板；
- 第一步：安装：npm install express-ejs-layouts
- 第二步：引入：引入模块
- 第三步：
本地模块
Model： 如: Blog数据模型
模块化
- ** html**没有模块的概念
- css使用@import导入css模块
- 不要把所以的css都写在一个文件里
- 谨慎使用@import 规则（1.必须放在css文件首行 2.注意：不要引入字体）
- @import会发起请求
- ES 6使用 import 和export导入模块
Node.js APP 的开发步骤
第1步：项目初始化
创建package.json文件
mkdir myApp
cd myApp
npm init -y
创建项目目录结构
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
//引入模块
const express=require('express')
//实例化App
const app = express()
//配置app实例
app.use('',callback) //为指定路径注册回调函数
app.set(key, value) //设置一个值，为以后调用
//连接数据库
const uri = ''
mongoose.connect(uri)
.then()
.catch()
//配置路由
网站的基本·原理
- 搭建一个网站，需要做的三件事：
- 1.买一个域名：域名是ip地址的别名。域名管理面板下设置
- 域名解析：把ip地址绑定到域名上；
-
- 买一个服务器：
- 每个服务器都是一个ip地址。
- ip地址绑定一个域名。
-
- 编写一套程序：
- 静态网页语言：HTMl css
- 动态网页语言：index.pjp 、 index.jsp、 index.asp、
- 默认页：index.html index.thm index.php
- 1.买一个域名：域名是ip地址的别名。域名管理面板下设置
网站工作原理
网站分为两种：
- 静态网站：没有用到数据库，我的数据写死html页面里；（ html 不支持变量）
- 动态网站：数据从数据里注入到页面里；
