Nodejs+express+ejs简单使用实例代码
前几天主要看了express,今天开始接触ejs,jade还是不想看了,O(∩_∩)O哈哈~
var express = require("express"); var ejs = require('ejs'); //var fs = require("fs"); //var bodyParser = require('body-parser'); var app = express(); app.engine('html', ejs.renderFile); app.set("view engine", "html"); app.use(function(req, res, next) { res.locals.userinfo = { userid : 123, username : "ladeng" }; next(); }); app.get("/", function(req, res) { var list = [1, 2, 4, 5, 5, 7, 8]; res.render("sdf", {title : "我是NodeJs测试", list : list}); }); app.listen(8188); console.log("服务器运行中");
上面的代码是js代码,我是用的sublime text开发的,ejs的扩展名太坑了,所以就转了一下。
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title><%=title%></title> </head> <body> <%= userinfo.username%> <ul> <%for(var i = 0 ; i < list.length ; i++) {%> <li><%= list[i]%></li> <%}%> </ul> </body> </html>
这个是html的代码,跟.net里的语法还是很像的,用起来很简单,这也是我选择ejs的原因,据说速度不如jade,who care
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。
相关推荐
-
NodeJS框架Express的模板视图机制分析
模板引擎 Express支持许多模板引擎,常用的有: haml 的实现Haml haml.js 接替者,同时也是Express的默认模板引擎Jade 嵌入JavaScript模板EJS 基于CoffeeScript的模板引擎CoffeeKup 的NodeJS版本jQuery模板引擎 视图渲染(view randering) 视图的文件名默认需遵循"<name>.<engine>"的形式,这里<engine>是要被加载的模块的名字.比如视图layout
-
详解在express站点中使用ejs模板引擎
使用 vs创建的express站点,默认使用的是jade模板引擎,但是我不太喜欢这种方式,因为我觉得html本身的语义特性是我喜欢的,另外html本身也足够简洁,使用html自身做为模板语言更符合我的喜好,所以我选择ejs. 1.安装 在网站根目录启动控制台,输入 npm install ejs 程序包会安装到node_modules目录下. 2 修改APP.JS 修改app.js 将view engine修改为ejs.(并将模板的后缀修改为.html) app.set('views',path
-
nodejs 图解express+supervisor+ejs的用法(推荐)
通过node js自带的http模块搭建了一个简易的服务器,实际在开发中,一般用的是express框架,本文我们就来讲讲项目开发中必备不可少的几样东西: •服务器( express ) •路由( express.Router ) •模板引擎( ejs ) •当然再加上数据库,就可以完成一个mvc的web应用了,数据库的用法,后期我会写一个项目 一.首先,新建一个项目文件夹( ghostwu ),在命令行下切换到该目录,用npm init --yes 初始化package.json文件 安装exp
-
node+express+ejs使用模版引擎做的一个示例demo
什么是模板引擎 模板引擎(Template Engine)是一个将页面模板和要显示的数据结合起来生成 HTML 页面的工具.如果说上面讲到的 express 中的路由控制方法相当于 MVC 中的控制器的话,那模板引擎就相当于 MVC 中的视图. 模板引擎的功能是将页面模板和要显示的数据结合起来生成 HTML 页面.它既可以运 行在服务器端又可以运行在客户端,大多数时候它都在服务器端直接被解析为 HTML,解析完成后再传输给客户端,因此客户端甚至无法判断页面是否是模板引擎生成的.有时候模板引擎也可
-
Nodejs+express+ejs简单使用实例代码
前几天主要看了express,今天开始接触ejs,jade还是不想看了,O(∩_∩)O哈哈~ var express = require("express"); var ejs = require('ejs'); //var fs = require("fs"); //var bodyParser = require('body-parser'); var app = express(); app.engine('html', ejs.renderFile); ap
-
使用nodejs+express实现简单的文件上传功能
1.建立express项目 express -e nodejs-uploadfile 2.下载multer中间件 npm i multer or yarn multer 3.在routes/index.js中引用multer,由于还要使用到文件操作,还要引用fs模块,并指定文件上传目录 const multer = require('multer'); const fs = require('fs'); const UPLOAD_PATH = './uploads' 单文件上传: index.h
-
vue中的非父子间的通讯问题简单的实例代码
官网上的例子好晦涩,看了一个头两个大,关于非父子间的通讯问题,经过查阅得到了下面的例子, <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>兄弟之间的通讯问题</title> <script src="vue.js"></script> </head>
-
Ajax的简单实用实例代码
我将实现一个简单的Ajax页面无刷新进行用户验证案例: 效果如下图: 实现主要过程: 在UsersAction类中的checkUser方法中接收并验证前台的表单数据,针对不同情况,返回一个状态码code给jsp页面,然后在ajax1.jsp中通过$.post方法接受后台传递过来的状态码 做出不同的响应. 具体代码如下: 1.实体类 package com.bean; import java.io.Serializable; public class Users implements Serial
-
关于Android高德地图的简单开发实例代码(DEMO)
废话不多说了,直接给大家上干货了. 以下为初次接触时 ,练手的DEMO import android.app.Activity; import android.app.ProgressDialog; import android.content.ContentValues; import android.database.Cursor; import android.database.SQLException; import android.database.sqlite.SQLiteDatab
-
C#与Java的MD5简单验证(实例代码)
C#端 using System; using System.IO; using System.Security.Cryptography; namespace 计算文件的MD5值 { class MD5_Helper { /// <summary> /// 文件MD5校验 /// </summary> /// <param name="pathName">文件绝对路径</param> /// <returns>MD5校验码&
-
nodejs 终端打印进度条实例代码
1. 场景导入 当我们对大量文件进行批量处理的时候(例如:上传/下载.保存.编译等),常常希望知道当前进展如何,或者失败(成功)的任务有多少:当我们的代码或程序已经发布,用户在执行安装的过程中,一个合适的(终端/命令行)进度条可以准确反映安装的步骤和进程,提升程序的可用性,一定程度缓解用户在等待中的烦恼-- 2. 基本原理 首先,在终端打印出文本是件比较容易的事情.那么使用简单的文本和符号,就够自己拼凑出命令行的效果(下面例子): 文件已上传: 43.60% ██████████████████
-
java简单自定义异常实例代码
此处主要便于对异常类的使用上,方便大家理解,以一个公约数为例做了一个简单自定义异常的处理代码如下: 如果操作者输入数字符合要求程序运行,不符合则抛出错误. package 自定义异常简单实例; import java.util.Scanner; public class CommonDivisor { static Scanner in; public void gongyue(int m,int n) throws Exception{ if(m<0||n<0) { throw new Ex
-
Nodejs+Socket.io实现通讯实例代码
目录结构 D:. │ package.json │ server.js │ └─public index.html socket.io.js 需要的条件 socket.io.js 供前端界面初始化io socket.io 供NodeJs端提供socket方法 socket.io.js存在于socket.io-client socket.io存在于socket.io 演示的功能 客户端发送消息给服务端 后端触发事件告知客户端 客户端离开触发服务端事件 服务端 server.js var expre
-
Javascript 实现简单计算器实例代码
效果图: 刚开始做时没考虑到清零和退格两个功能,嘻嘻,后来加的整体与传统计算器比有点小瑕疵. 代码: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>js简单计算器</title> <style type="text/css"> *{ margin:0px; padding:0px; } input{ margi
随机推荐
- Java多线程的用法详解
- 理解Javascript_01_理解内存分配原理分析
- Android中关于Notification及NotificationManger的详解
- php实现中文转数字
- php面向对象的用户登录身份验证
- python脚本设置超时机制系统时间的方法
- javascript自定义滚动条实现代码
- js判断手机和pc端选择不同执行事件的方法
- react开发中如何使用require.ensure加载es6风格的组件
- PHP JSON出错:Cannot use object of type stdClass as array解决方法
- JSP开发入门(一)--安装好你的机器来使用JSP
- 关于redis Key淘汰策略的实现方法
- Jquery操作radio的简单实例
- 在ASP.NET 2.0中操作数据之十三:在DetailsView控件中使用TemplateField
- Android漂浮背景效果的制作方法
- Android序列化之Parcelable和Serializable的使用详解
- centos yum更新及删除多余启动项
- Quartz实现JAVA定时任务的动态配置的方法
- mysql 8.0.11安装教程图文解说
- pytorch 可视化feature map的示例代码