|
一．今日学习内容 1.路径变量 __dirname：获取当前文件所处目录的绝对路径 __filename：获取当前文件的绝对路径 2.Path模块 join方法： 能够根据不同参数不同系统组装不同的文件地址 path.join('aaa', 'bbb', 'ccc'); dirname(): 获取文件路径 （不包含文件名） basename(): 获取文件名 （不包含目录路径） extname(): 获取文件后缀 3.读取文件优化 核心：在res对象上挂载一个新的方法，该方法可以根据路径读取文件并将内容返回给浏览器 4.art-template 模板引擎 目标： 将数组动态显示在网页上 1) 安装 / 下载 模板引擎 (npm i art-template) npm install art-template 2) 加载 art-template 模块 (require) const template = require('art-template'); 3) 准备模板页（一般是html页面） 和 要显示在页面上的数据 （js 对象） {a: "Hello", b: "world"} html页面显示：{{a}} {{b}} 4) 调用模板引擎核心方法（template）组装模板和数据，得到一个字符串 let htmlStr = template(var1, var2); 参数1: 模板文件路径 --- 必须使用绝对路径 参数2: 要显示出来的数据 --- js/json对象 返回值： 数据和模板组装好的字符串 5) 将组装好的字符串返回给浏览器 res.end(htmlStr); 5.循环结构 --- each {{each data value index}} 输出内容 {{/each}} data: 要循环输出的数组 value: 单元值 index: 单元索引（一般不用） 注意: 使用 {{/each}} 结束循环 6.if...else 结构 {{if 判断表达式1}} 结果1 {{else if 判断表达式2}} 结果2 {{else if 判断表达式3}} 结果3 {{else}} 结果4 {{/if}} 7.get方式提交表单 将method值改为get就是get方式提交表单 get方式提交表单数据时，数据会以字符串方式显示在地址栏 显示方式： key1=value1&key2=value2&key3=value3&... 示例： name=zs&passwd=123 8.post表单提交 post表单提交的必要条件 必须有form标签 action：表单数据提交的位置，必须是一种后端技术来接收 method： 表单提交的方式，post（常用）、 get（默认） 每个表单域都要有name属性和值 必须要有submit按钮来提交表单数据 后端接收 --- post方式 data事件：用来接收表单数据，表单数据会被切割成一块一块，data事件会循环来接收 end事件： 当表单数据接收完毕后会自动触发，此时可以操作表单提交的数据 9.get和post的区别 提交方式 get会将数据显式的拼接到url地址栏中 (字符串) post不会显示出来 传递数据量大小 get会受到浏览器的地址栏的限制。有的是2k（IE6），有的是8K(chrome) post最小值是2M，理论上没有上限的。 应用范围不一样 get的应用范围比较广，只要能进行页面跳转，就能传递数据。在a标签的href中，location.href中等都能使用get方式。 post在绝大多数情况下都使用在表单提交中。
| 
