设为首页 收藏本站
查看: 2428|回复: 0

[经验分享] Node.js 之 express 入门 ejs include公共部分

[复制链接]

尚未签到

发表于 2017-2-25 10:49:36 | 显示全部楼层 |阅读模式
1. 直接进入express安装
  因为之前有一篇文章我已经讲过怎么安装node了 而网上的教程也是非常多。所有直接进入到express。教程简陋 由于我比较笨 所有只要写到我自己明白就行。
    这里有个教程(http://blog.csdn.net/dai_jing/article/details/38087443)
    对了 安装好node之后要记得在环境变量下面设置一下。(windows)

    首先全局安装express。
DSC0000.png

  之后检测一下是否安装成功 express -V 大写的V.
     DSC0001.png
    如果安装不成功 报错。因为原来express已经把命令行工具单独分离出来了 需要单独安装

    cnpm install -g express-generator
1. 第二步 安装好之后 开始本地安装依赖
   切换到当前项目目录 安装依赖

    cnpm install express --save
  安装成功后 会在目录下面安装好node_module 里面有express模块
DSC0002.png

  接下来 运行 express -e hello(项目名称) 自动创建一系列文件
  应该是express -e microblog(-e就是ejs模板)
DSC0003.png

  接下来进入到hello里面 cd hello输入
    $ cnpm install -i

  现在开始自动安装需要的模块
    在 执行 cnpm start 执行npm start其实是执行package.json中的script对应的对象中的start属性所对应的命令行

     DSC0004.png
    所以其实如果吧package.json中的start改成monkindey或者其他字符串,然后你在linux命令行敲上npm monkindey/或者其他,程序照样会运行
  其实package.json就是一个配置文件,只是我们之前用的xml格式,但是在nodejs用的是json可以,简单容易理解。从package.json我们可以看出来npm start其实执行的是./bin/www里面是创建一个服务器然后监听3000端口,所以我们可以在浏览器中通过输入"localhost:3000"来访问应用程序。
     DSC0005.png
  成功配置好;
. 怎么使用ejs呢
  首先在views目录下相当于你的视图。这里创建你要的公共模块 html等等
    比如我创建了两个一个footer.ejs 和一个 header.ejs表示公共部分的头和尾 然后不同的模块只要引入头和尾就可以

     DSC0006.png
    再去路由下面修改一下配置routes/index.js  
     DSC0007.png
    这里获取homepage 默认相当于 http://127.0.0.1:3000的url。我自己修改成了/views目录下面的index.html 当然系统会根据我们的配置直接去找views目录下面的index.html
    当然怎么知道找到index.html 而不是index.ejs 或者是其他的 我们修改这里

     DSC0008.png
    这里两行代码就会告诉我们。系统引擎会将找到后缀名为html的文件 可以引入ejs。

    如果我们修改成
    app.engine('.ejs',require('ejs').__express);
    app.set('view engine','ejs');
    那么我们就会告诉系统引擎 找后缀名为ejs的文件。set视图 引擎也是ejs后缀 这里两者的后缀名要一致

     DSC0009.png
     DSC00010.png
     DSC00011.png
    下一节 我将会分析上面index.ejs 的<%=title%>的ejs模板渲染。

运维网声明 1、欢迎大家加入本站运维交流群:群②:261659950 群⑤:202807635 群⑦870801961 群⑧679858003
2、本站所有主题由该帖子作者发表,该帖子作者与运维网享有帖子相关版权
3、所有作品的著作权均归原作者享有,请您和我们一样尊重他人的著作权等合法权益。如果您对作品感到满意,请购买正版
4、禁止制作、复制、发布和传播具有反动、淫秽、色情、暴力、凶杀等内容的信息,一经发现立即删除。若您因此触犯法律,一切后果自负,我们对此不承担任何责任
5、所有资源均系网友上传或者通过网络收集,我们仅提供一个展示、介绍、观摩学习的平台,我们不对其内容的准确性、可靠性、正当性、安全性、合法性等负责,亦不承担任何法律责任
6、所有作品仅供您个人学习、研究或欣赏,不得用于商业或者其他用途,否则,一切后果均由您自己承担,我们对此不承担任何法律责任
7、如涉及侵犯版权等问题,请您及时通知我们,我们将立即采取措施予以解决
8、联系人Email:admin@iyunv.com 网址:www.yunweiku.com

所有资源均系网友上传或者通过网络收集,我们仅提供一个展示、介绍、观摩学习的平台,我们不对其承担任何法律责任,如涉及侵犯版权等问题,请您及时通知我们,我们将立即处理,联系人Email:kefu@iyunv.com,QQ:1061981298 本贴地址:https://www.yunweiku.com/thread-346966-1-1.html 上篇帖子: ES6模块的import和export用法总结 下篇帖子: ejs简单教程
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

扫码加入运维网微信交流群X

扫码加入运维网微信交流群

扫描二维码加入运维网微信交流群,最新一手资源尽在官方微信交流群!快快加入我们吧...

扫描微信二维码查看详情

客服E-mail:kefu@iyunv.com 客服QQ:1061981298


QQ群⑦:运维网交流群⑦ QQ群⑧:运维网交流群⑧ k8s群:运维网kubernetes交流群


提醒:禁止发布任何违反国家法律、法规的言论与图片等内容;本站内容均来自个人观点与网络等信息,非本站认同之观点.


本站大部分资源是网友从网上搜集分享而来,其版权均归原作者及其网站所有,我们尊重他人的合法权益,如有内容侵犯您的合法权益,请及时与我们联系进行核实删除!



合作伙伴: 青云cloud

快速回复 返回顶部 返回列表