knaka Tech-Blog

AI, IoT, DIYエレクトロニクス, データサイエンスについて投稿予定です。

Vue.js + express + mongoDB , ejs テンプレートの使用 #Vue.js #javascript #node.js #mongoDB

index:

概要:

前回のmongoDB 関連になりますが、
vue.js + mongoDB + expressで、ejs テンプレートを使用した例となります。

・今回は、Vue-CLI 3を使用せずに、
 express + mongoDB のみのサービスで開発し、
 比較的シンプルな構成になってます。

環境

mongodb-4.0.10
express 4.16.1
node.js
npm
ejs

参考の設定

github.com


インストールなど

express app2

cd app2

npm install

npm start

・ejsの追加

npm install ejs --save

・express-ejs-layoutsで、分割テンプレートに対応
 (共通ヘッダ等)

npm install express-ejs-layouts --save

・ app.js
express-ejs-layoutsの設定
https://github.com/kuc-arc-f/vue_express_app2/blob/master/app.js

var app = express();
const expressLayouts = require('express-ejs-layouts');
app.use(expressLayouts);

参考ページ

knaka0209.hatenablog.com