node.js学习笔记Day6：Express框架下 具有增删改查功能的学生管理系统（笔记部分）

7.Express下做一个增删改查项目

7.1 html页面：

7.1.1index.html页面

模板获取网站：https://v3.bootcss.com/getting-started/#template

1. 选取合适模板，复制源代码。保存在views/index.html

   选取的模板为：https://v3.bootcss.com/examples/dashboard/

2. 点击源代码中的链接：https://v3.bootcss.com/examples/dashboard/dashboard.css

   复制css源码，保存在 public/css/main.css

3. 安装bootstrap，以获取必要的css文件

4. 修改html代码

   1. 添加控件button <a class="btn btn-success" href="">添加学生</a>

   2. 修改路径。（第14，15行）

   3. body内填充文字，改为art-template填充语法

      <tbody>
          {
            {each students}}
          <tr>
              <td>{
            {$value.id}}</td>
              <td>{
            {$value.name}}</td>
              <td>{
            {$value.gender}}</td>
              <td>{
            {$value.age}}</td>
              <td>{
            {$value.hobbies}}</td>
          </tr>
          {
            {/each}}
      </tbody>
      

7.1.2new.html页面

https://v3.bootcss.com/css/#forms 找到表单，选取合适的

关键代码模板：（要根据需要进行修改）

<form>
  <div class="form-group">
    <label for="exampleInputEmail1">Email address</label>
    <input type="email"