剧场模式
首页后端NodejsNodejs + Express + MongoDB 基础篇

Node.js + Express + MongoDB 基础篇 #13 项目实践 part 3 实现页面

海外散仙厉飞雨 · 真仙发布于
1

http://www.bootcdn.cn/

http://www.bootcdn.cn/jquery/

controllers/todoController.js

module.exports = function(app) {
  app.get('/todo', function(req, res) {
    res.render('todo');
  });

  app.post('/todo', function(req, res) {

  });

  app.delete('/todo', function(req, res) {

  });
}

views/todo.ejs

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Todo list</title>
  <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
  <link rel="stylesheet" href="/assets/styles.css" type="text/css">
  <script src="/assets/todo-list.js"></script>
</head>
<body>
  <div id="todo-table">
    <form>
      <input type="text" name='item' placeholder="Add new item..." required />
      <button type="submit">Add Item</button>
    </form>
    <ul>
      <li>Item 1</li>
      <li>Item 2</li>
      <li>Item 3</li>
    </ul>
  </div>
</body>
</html>
3 条回复
学员
dechuangchang · 金仙后期lzcdev · 真仙大梦 · 真仙zcuizhichen · 真仙董博文 · 太乙玉仙ttswh2009 · 太乙巅峰liar · 真仙slinloving · 真仙薄情人 · 道祖dbsjs · 真仙mtt3366 · 金仙后期ChenWes · 金仙中期itlaowang520 · 太乙巅峰iosLongFeng · 太乙巅峰andyliangshan · 真仙wjm0913 · 太乙玉仙sai2333 · 真仙qianduan · 真仙leo · 太乙玉仙496087321 · 真仙koiomi · 真仙zxxxxxxxx · 真仙zbx7858 · 道祖Shen6s · 真仙q888204573 · 金仙中期eilinge · 真仙
最新动态
dechuangchang · 金仙后期学习到了4:02
lzcdev · 真仙学习到了0:46
大梦 · 真仙学习到了4:01
zcuizhichen · 真仙学习到了0:00
董博文 · 太乙玉仙学习到了4:36

© 汕尾市求知科技有限公司 | 粤ICP备19038915号 | 在线学员:32

Top