express框架ejs模板引用以及bootstrap和jquery

最新推荐文章于 2019-11-03 23:43:59 发布
最新推荐文章于 2019-11-03 23:43:59 发布
阅读量2.9k 收藏 2
点赞数
分类专栏： express框架 前端爬坑之路 node.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/RJN0814/article/details/89488040
版权

本篇讲述如何在express框架中引用ejs模板以及bootstrap和jquery

  1. 首先把下载的bootstrap和jquery分别复制到public文件夹中。
    在这里插入图片描述
  2. 分别在views文件夹下建立几个公共文件：
    在这里插入图片描述
  3. 在公共页面中引用需要的css和js
    在这里插入图片描述
    5.写一些公共的样式，比如头部和底部
    在这里插入图片描述
    在这里插入图片描述
    6.保存完后可以直接在任意一个ejs模板中引用需要的内容
    在这里插入图片描述
    这样，就可以在需要的页面使用bootstrap和jquery了
    在这里插入图片描述
蜉蝣&一粟
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
从零构建部署Node.js+Express+Bootstrap Web应用
congyh的专栏
03-07 1万+
本文将包括以下内容: 创建一个Express应用 使用npm和package.json管理应用依赖 调整Express工程结构到MVC架构 Route和Controller概念分离 创建新的Node模块(module) 使用Git在线部署Express应用到Heroku 在进行一切操作之前, 需要先安装好Node.js, 对于*nix用户来说, 直接下载解压, 并添加到环境变量中即可完成安装.首先从
用node.js+express+ejs+bootstrap来建立一个基本网页
SalmonellaVaccine的专栏
02-05 3281
http://www.w3cfuns.com/blog-5441597-5397741.html 这篇文章旨在介绍前沿技术,不会过多的讨论技术细节和个个技术之间的优缺点.适合想学习新技术的青年.如果你是老手,这篇文章并不适合你. then. here we go! step 1: 环境配置 首先要在自己的机器上配置环境(安装node.js和npm). 深入浅出Node.js（
Bootstrap模态框(Modal)
极客神殿
07-27 972
模态框（Modal）是覆盖在父窗体上的子窗体。通常，目的是显示来自一个单独的源的内容，可以在不离开父窗体的情况下有一些互动。子窗体可提供信息、交互等。 如果您想要单独引用该插件的功能，那么您需要引用 modal.js。或者，正如 Bootstrap 插件概览 一章中所提到，您可以引用 bootstrap.js 或压缩版的 bootstrap.min.js。 用法 您可以切换模态框（M...
express 集成 jquery
重启的专栏
11-03 995
最近想做一个小网站，然后框架选了nodejs 的express 主要也是想往js 更深层探索 看了网上很多教程，都是 express 服务器和ejs 的通讯，很少有ejs前端请求express 路由的解决方案，这里看了大神的一个教程，自己也做个备忘录。 1.首先先去jquery官网下载相关文件jquery 在这里本人下载的是发布版的。 2，将下载下来的文件拷贝到express 项目的pu...
nodejs如何引入jquery
weixin_30249203的博客
10-18 1278
const jsdom = require('jsdom'); const { JSDOM } = jsdom; const { document } = (new JSDOM('<!doctype html><html><body></body></html>')).window; global.doc...
nodejs+express+mongodb+bootstrap+jquery+ejs写的电影demo
12-06
标题中的“nodejs+express+mongodb+bootstrap+jquery+ejs写的电影demo”表明这是一个使用Node.js、Express框架、MongoDB数据库、Bootstrap前端框架、jQuery库以及EJS模板引擎开发的电影相关的应用程序示例。...
node_hello_world:带有Node的Hello World应用程序，使用Express，ejs，Sass，JQuery和Bootstrap
05-21
我们将结合Express框架、EJS模板引擎、Sass预处理器、jQuery库以及流行的Bootstrap前端框架，来展示一个全功能的Web应用基础结构。 ### 1. Node.js和Express框架 Node.js是基于Chrome V8引擎的JavaScript运行环境，...
基于Node.js + Express + MongoDB实现的电商后台管理系统.zip
08-01
基于node.js、vue、mongodb等技术构建的web系统，界面美观，功能齐全，适合用作毕业设计、课程设计作业等，项目均经过测试，可快速部署运行！ 基于node.js、vue、mongodb等技术构建的web系统，界面美观，功能齐全，...
按节点的博客：NodeJs + Mongoose + Express + jQuery + BootStrap + Ejs + Webpack建造多人博客
01-31
基于express +猫鼬+ jquery + bootstrap + ES6 + webpack构建的多人博客社区项目整体效果运行环境：在Mac下的node 6.0.0版本，express4.13.1版本运行正常安装：安装node（ ）;安装express框架（npm install express ...
node + express + ejs + mongodb实现的后台管理系统.zip
08-01
基于node js、vue、mongodb等技术构建的web系统，界面美观，功能齐全，适合用作毕业设计、课程设计作业等，项目均经过测试，可快速部署运行！ 基于node js、vue、mongodb等技术构建的web系统，界面美观，功能齐全，...
bootstrap-demo:在demo express中使用bootstrap替换jquery mobile
07-06
2. **引入Bootstrap**：在Express的视图模板（如ejs或pug）中，引入Bootstrap的CSS和JS文件。这通常在`<head>`部分引入CSS，而在`<body>`底部引入JS。 ```html <link rel="stylesheet" href="/node_modules/...
express + mongodb + jquery + bootstrap 简单的后台管理系统.zip
08-03
这个系统利用了Express作为Node.js后端框架，MongoDB作为数据库存储，jQuery作为前端JavaScript库，以及Bootstrap作为前端UI框架。这四个组件共同构建了一个基本的后台管理系统，适合于学生毕业设计或小型项目。 **...
news-portal:使用节点js，框架表达以及其他模块和中间件（例如EJS，Express-validator，consign）开发一个简单的新闻门户
04-27
目标是开发一个简单的新闻门户，它使用节点js，其他组件和中间件（例如EJS，Express-validator，consign）之间的快速框架表达。 设计模式MVC。 obs：在TEMPLATE分支中，项目通过模板和bakend连接在一起。
聊天室 完整版 socket nodejs ejs bootstrap js
最新发布
06-17
基于 Node.js、Express、EJS、Socket.IO、jQuery 和 Bootstrap 的聊天室应用 用户需要先输入昵称，然后才能进入聊天室。输入消息并点击发送，消息将实时显示在所有连接的客户端上，并带有用户头像和背景图片，同时...
express-mvc-bootstrap:结构化 Node.js、Express、[Sequelizer in devel、Mongoose in masterMongoose Branch]、EJS 和 JQuery 应用程序的应用程序模板
07-08
Express.js 的 MVC 样板 描述 我构建这个应用程序是为了创建一个模板 MVC style应用程序，然后我可以将它用作进一步开发的起点。 我使用了主要的优秀示例，特别是 MVC 示例，作为起点。 然而，我对它进行了相当大的...
node.js+express+bootstrap+ajax实现登录注册，商品增删改查
qq_43537987的博客
06-21 1674
1 问题描述 想要实现对手表商品的管理功能，以及用户的登录和注册功能。 2 功能分析 调用数据库，在页面上实现手表商品的增删改查功能，以及登录注册功能。 3 系统设计 3.1 系统功能模块图 3.2 系统功能设计 3.3 数据库设计 用户表： 商品表： 4 系统实现 4.1 工程层次图 ├─ /手表商品管理/ ··················· 项目所在目录 └─┬─ /models/...
前端的ejs，less，ant design初探
weixin_33924770的博客
04-17 332
2019独角兽企业重金招聘Python工程师标准>>> ...
使用express框架开发，如何在ejs文件中导入外部的js、css文件
acoolgiser的博客
04-11 8190
首先看一下这篇文章：https://blog.csdn.net/MPFLY/article/details/78134980 已经写得很清楚了，内容如下： 最近在用nodejs写一点东西，当然也用到了express框架和ejs模版了。在使用ejs模版的过程中遇到了这个问题：如何在ejs模版中导入外部的js、css文件。 我猜测，ejs和html导入外部文件的方式应该是不一样的。但是我还是决...
怎么在页面里引入bootstrap的css和js文件呢？
weixin_34245749的博客
11-28 563
怎么在页面里引入bootstrap的css和js文件呢？ 这是一个nodejs+express工程 在npm install之后或使用npm install bootstrap命令安装bootstrap之后，怎么在views/index.ejs文件中引入bootstrap.css文件呢？ 在app.js里面引入这句 app.use("/lib",express.s...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值