js 获取循环获取td里面的所有id_Node.js之后端写海贼王增删改查项目

1.项目的基础文件

这些html基础的文件本天才就不给大家写了,直接给大家复制过来了。

这是本人亲自手打的代码，当然做项目<td>里面的值是不能写死的，如果写死的话，就只会返回给客户端固定的页面，其他的增改属性都做不了了。把那些值通过数据库导出来；然后在从数据库db.json文件中调出，db.json文件是自己写的，里面有一些初始化的数据。a标签里的都不能是固定的值，要跟随你点击的是Id为几的那条内容。

基本页面写好之后，我们要对文件夹进行初始化。 就是 在node里面打 npm init ，然后想要渲染出CSS样式，我们也要npm install bootstrap；之后还要安装模块引擎 ，npm install atr-template。这样我们最基础的部分已经完成了；

接下来第一步，创建自己的服务器，代码如下

这是一个最基础的创建服务器，太细的就不给大家讲了，因为要写的代码稍微多点，这里就分成了3大块，正常我们会在这个界面给server绑定一个事件，但我们给他封装一下，在文件夹中创建一个router的js文件，再再这个界面给他一个start调用。

接下来我们在router文件里进行文件方法和文件路径的判断。代码如下。

首先我们先把该引入的都引入进来。当判断什么方法什么路径之后我们就要对这些数据进行处理，所以这里我们再创建一个新模块先给他引入尽力，我们还要解析url，。这里首先开是start函数，然后开始给参数server绑定事件。在这里开始我们首先要想怎么获得请求方法，很简单，req.method就得到了当前的请求方法，这里我们只有两种，分别为get和post。

当请求方法为get的时候 我们再进行判断其请求的地址，然后用我们的第三个模块给它设定一个方法，在这里调用。当然调用的时候我们要把，res和需要的 解析好的 id给函数穿过去。

接下来就是第三个模块，就是处理数据的一些方法。之前在router里调用的。

首先先引用进来我们需要的，然后修改一下template的默认查找路径，他的默认路径是你的根目录 ，也就是C盘下找，我们给它修改成当前路径'./'

首先我们要展示当海贼王的页面。代码如下

先读取db。json的数据，然后给它反序列化转成数组，接下来通过某块引擎，在index.html页面中渲染出来。模块引擎好强大。

接下来我们要处理一下其他路径的地址，比如css样式之类的，这个就不多说了。

然后我们要做的是查看

查看其实也很简单 ，创建一个html文件，把值对应的传到里面就好，首先读取文件，然后反序列化转成数组，把这个数组进行循环遍历，当当前下标的id值为我们的参数的id的时候。我们就把当前的值获取出来就可以啦。

接下来是删除

删除跟前面差不多，先读取文件，然后反序列化转成数组，循环遍历获取当前id相等的数据，把其通过数组的方法删除。然后把剩下的数组序列化转成对象再写回给db。json数据库中。

修改页面的方法

首先我们要展示出修改页面。同样的步骤，把值循环遍历出来通过模板引擎把值给写好的添加页面当中，

然后是提交 注意这里提交是post方法 不要和get搞混，同样的步骤，读取，转换，循环遍历，判断，把修改的值赋值给我们原来的值；再写入数据库就完事了。

最后是添加

添加这个步骤和修改没什么太大的区别。

本人也是个新手，写这些就是为了给自己提高点熟练度，方便牢记其中的用法，通过不断的练习，多写了几遍，发现通过后端写出这写都是很有规律的。都是读文件写文件，慢慢我学会了熟能生巧的道理，多练习才是王道。