记账本案例

搭建项目

// 创建项目骨架,文件夹：accounts
express -e accounts 
// 注意:接下来进入新建立文件夹的集成终端
// 安装项目依赖
npm i  
// 修改package.json 的start
nodemon

在入口文件处按住ctrl键盘，可以快速打开引入函数所在的模块

https://www.bilibili.com/video/BV1gM411W7ex?p=123&spm_id_from=pageDriver&vd_source=dde2f4dd432156027fedf9b1734ba705

搭建基本路由规则：

响应html文件：

html文件中各个请求资源的路径：

绝对路径 /直接和域名拼接，

相对路径 ./和浏览器请求字符串请求，与整个url拼接，包括浏览器字符串。

如果发生了样式丢失解决方法：将html中css/js/文件的请求资源放在静态资源目录下，修改html文件的路径为绝对路径

区分：静态资源目录：简化了程序员操作，可以不写静态目录下的路由规则，用户输入什么就返回对应的静态目录下的内容

模板引擎：是后端程序员根据路由规则返回给前端的数据，用户不可以在浏览器直接输入该.html的文件，没有路由规则返回。

样式丢失：通过网络控制台查看请求

获得表单数据

表单处理 method action

表单：元素标签里面有name,后端才能接受

多远1 ,自动返回自己的value

下列代码返回 1或-1 name接受的是value的值

<select name='type' class="form-control" id="type">
                <!-- 用户输入的数据分别*value,正负值就代表了输入和输出,全部用加法计算。 -->
                <option value="1">支出</option>
                <option value="-1">收入</option>
              </select>

后端获得数据，需要持久保存，那么就需要保存到数据库。

数据持久化

lowdb包：基于json文件使用数据库

shortid包：生成Id

添加数据到json文件中： push方法，添加到最后

shift方法，添加到最前面，一般使用这个，将新数据添加到前面。

这个是将数据保存在Json文件中，完善：后面自己修改保存到数据库中