express框架

如何通过express生成器创建express项目

安装express generator生成器

1. 指令是cnpm i -g express-generator安装
2. 然后创建一个文件夹 ,指令是express servers(文件名)
   就会出现如下图片
   express框架的安装
   image.png
3. 进入文件,就会发现里面生成了很多的文件夹,
4. 首先看bin文件夹,是可执行文件,里面有个www.js文件,这个文件里面写了创建一个httpserver,服务的是app

通过express servers指令新建的文件夹

5. app.js里面写了express的方法,里面通过ejs加载html文件,所以中途只能装了ejs 指令是 cnpm install ejs --save

记得引入ejs
ejs

6. express文件默认执行的是jade模板,如果不习惯用模板,就改成html
   7. 通过在app.js文件里面
      app.engine('.html',ejs.__express);
app.set('view engine', 'html');

url

url这个图片标注写的是错误的,文章下面有整体的修改

浏览器显示
之前有一个小插曲是我改html文件名的时候,起了一个express.html.然后再app.js里面use("/",express),因为上面有express,所以不识别 ,node也反应不过来,所以在给html起名字的时候,不要起跟node服务模块相同的名字. 整体修改图

至于为什么demo里面的title内容是express你好,但是页面内容没有输出是因为这是jade模板的输出内容,我要输出的是html,所以没有输出出来,

这是页面上显示的端口号和内容

这个写的有点乱,整体来说我也挺懵逼的,但是总结起来就几句话,

1,安装express生成器-----------指令cnpm i -g express-generator
2,新建一个express文件夹-------指令express servers
3,修改jade模板改成html----------

image.png
4, 删除jade模板,新建一些html,但是html文件名称要跟index.js文件里面的一致
image.png
5, 然后在终端运行就行了.node www
6,最后在浏览器里面打开localhost:3000端口
------------------~~~~_{----------------------------------------分割线-------------------------------------}~~~----------------------------