用户界面总结

用户界面

Node.js

内置模块

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

第三方模板

  • express: 构建node.js APP;
  • mongoose: 与mongoDB通信;
  • Ejs:创建视图;嵌入式Javasript的hitml模板
    -<% %>:注入动态数据(变量、对象名、函数名、语句)
  • nodemon:开发?
  • express--ejs-layouts:用于构建视图的模板;
  • 第一步:安装npm install ejs???

本地模块

  • Model: 如: Blog数据模型

模块化

html没有模块的概念

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

# 第5步:创建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()

//配置路由

网站的基本·原理

  • 搭建一个网站,需要做的三件事:
  • 买一个域名:域名是ip地址的别名。域名管理面板下设置
    • 域名解析:把ip地址绑定到域名上;
  • 买一个服务器:
    • 每个服务器都是一个ip地址。
    • ip地址绑定一个域名。
  • 编写一套程序:
    -静态网页语言:HTMl css
    • 动态网页语言:index.pjp 、 index.jsp、 index.asp、
  • 默认页:index.html index.thm index.php

网站工作原理

  • 网站分为两种:
    静态网站:没有用到数据库,我的数据写死html页面里;
    • html 不支持变量
      动态网站:数据从数据里注入到页面里;
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

友情链接更多精彩内容