询问ChatGPT4，改造TodoList：把本地存储的localStorage修改成PHP+Redis

这里照搬的是：免费极简设计网页版Todo    https://www.ricocc.com/todo/

非常感谢原作者Rico。我很喜欢这个设计和风格，但是可惜只能本地存储，我又不想使用微软的TODO，登录倒无所谓，但是数据同步问题很大，实在头痛，所以放弃。

我是菜鸟，只是刚好前段时间安装了Apache、PHP的一键安装包和Redis，

今天突然灵光一闪，能不能让AI帮我把这个网页弄成Redis存储呢？

说干就干，首先问AI有什么软件能把网页download下来，在AI的回答里选第一个，下载即用，才4MB，太好用了。

放到Apache的目录下，网页正常显示了，

接着，我发问了（其实是问了很多轮，最后合成下面这些句子，不一定能一次过，以下同）：

//我希望用php+redis来代替下面js代码里的localStorage，我已经在服务器端部署了Apache和redis，安装了PHP 的 Redis 扩展，请问下面的js要如何重写，php要如何写，不要使用Predis，请写出具体代码：
<script>
        // localStorage 存储数据
        var STORAGE_KEY = 'vue2.x-todo-tutorial';
        var todoStorage = {
            fetch: function () {
                var todos = JSON.parse(localStorage.getItem(STORAGE_KEY) || '[]');
                todos.forEach(function (todo, index) {
                    todo.id = index;
                });
                todoStorage.uid = todos.length;
                return todos
            },
            sava: function (todos) {
                localStorage.setItem(STORAGE_KEY, JSON.stringify(todos))
            }
        }
    </script>

AI发给我两个PHP文件的代码，

我还有些担心无法运行，于是再次发问：请写一个php代码，测试你上面两个php是否能正确运行

好了，AI继续给我一个php代码，我马上测试，通过！

（中间有个小插曲，AI说这段php代码用上了curl，我让它教我如何查看我是否已经安装了PHP的curl）

由于我是小白，我强制AI用上同步的代码，放弃异步的代码，因为异步需要改动的地方较多，需要懂得更高级的知识。

然后，经过调试，发现ai 自动把原来Rico代码里的sava 改成了save（也许是Rico留下的bug），稍微改动一下，最终成功！

这下子我的网页端和手机端，都能用上这个todo list了，谢谢Rico，谢谢AI。