```
渲染使用index.ejs
```javascript
var express = require("express");
var app = express();
//ejs模板引擎
app.set("view engine", "ejs");
app.get("/", function(req,res){
//res.send("ok");
//渲染使用ejs
res.render("index",{
//json字典檔
});
});
app.listen(3000);
console.log("server start at port 3000");
```
### 使用靜態頁面，導入Bootstrap框架
將public作為靜態資源目錄根目錄
```javascript
var express = require("express");
var app = express();
//ejs模板引擎
app.set("view engine", "ejs");
app.get("/", function(req,res){
//res.send("ok");
//使用ejs
res.render("index",{
//json字典檔
});
});
//將public作為靜態資源目錄根目錄
app.use(express.static("public"));
app.listen(3000);
console.log("server start at port 3000");
```
將下載的檔案解壓到 public 目錄中（css，js）
測試靜態css頁面
使用Bootstrap (Navbar, Button...)
{% embed url="" %}
把程式碼複製，貼到你的views/index.ejs中即可看到效果
由於原程式碼仍複雜，清理修改如下
```javascript
因數計算
```
加入文字表單、按鈕元件
### 引入JQuery到 public/js/jquery.min.js
寫錯字，除錯用chrome開發人員工具
jsquery.min.js 要改成 jquery.min.js
---
# Agent Instructions: Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.
Perform an HTTP GET request on the current page URL with the `ask` query parameter:
```
GET https://kawsing.gitbook.io/opensystem/andoid-shou-ji/termux/untitled-3/nodejs-mvc-she-ji-mo-shi.md?ask=
```
The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.
Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.