从0开始学习flask：新增一条数据

又是出差的一周，感觉忙忙碌碌的，也没有太多的时间来研究这个pear-admin-flask框架了，接上一条文章，因为学习时间比较零碎，一个增删改查要分好几篇来记录，本周主要研究了一下如何新增一条数据到数据库，这个很基础，就是一个表单提交，但实际要做的东西对我来说也很具有挑战性，这个表单是要包含字段和文件的提交，在原有的框架里面并没有一个很好的参照。

首先，我从user中复制了一个html文件过来，也叫add.html，这样在main.html中点击新增数据集时可以打开这个页面，main.html的js代码如下：

提交到vdata.py文件中进行处理

这个add.html文件是我从user那边复制了一份，放到了template文件夹下的mlearn文件夹下面。

同时对这个页面进行改造，使之具备字段和文件上传的功能。部分代码和页面如下：

同时对页面的js代码进行改造，这边必须得感谢gpt，直接可以生撸代码，非常好，省去了很多时间，这边有个值得记录的点，就是我本来想仿照框架提供的图片上传的示例，直接用layui提供的upload方法进行文件的上传和信息的提交，为此还仿真着file.py写了一些工具方法，但考虑再三还是先用ajax试试，毕竟可以加一些交互之类的东西。因此改造代码如下，对按钮进行监听后提交，代码如下：

ajax提交的表单，根据路由，统一到vdata.py中的save方法进行处理，大概代码如下：

以上这段代码，我简要的做个记录说明：根据表单提交的信息，我进行了记录首先获取表单里面的数据，做一个格式上判断，这里面只判断了是不是为空，所以，长度，特殊字符的判断还没做，这边只是我学习的一个记录，因此我没有对代码做很严谨的走读。同时根据上传的文件，进行文件夹的创建和文件的保存，因为上传的是模版，我还读取了模版的头部字段，保存到一个字段里面去了，这样看起来更清晰一点。数据保存后，可以刷新列表，展示新的数据，同时id用uuid的方式，看似很长，其实数据集一般没那么多，所以也不考虑索引问题，也不考虑性能，我只要像搭积木一样把代码组织起来就好了，同时，上面这段代码还用到了2个工具方法，我单独写了一个文件来编写这个方法，代码如下：

至此，代码部分都写好了，我们来看下效果吧。

先添加一个测试数据：

提交后，保存成功了，文件夹和文件都建好了：

好了，本次要研究的内容就差不多了，再多研究点东西，我感觉我的大脑有点吃不消了。下期准备研究一下，如何编辑、以及批量上传数据集。有了前些天的研究，我感觉有点得心应手了，虽然很多东西还是一知半解。总之慢慢来，这是确实是一个漫长的学习过程，一个真正的小白文，希望可以有一些高手可以帮忙指导或交流，可以留言给我。