这款AI助手竟能自动生成行程+前端代码？原创

这里其实还是要先去介绍一下我们的代码助手，然后我们现在是已经完成了这个页面的制作，然后我们先来演示一下我们的界面，然后这边我们的界面其实我们看一下其实是还可以的，根据原稿来进行更改的，那么我们现在来看一下，比如说我们点国内热门或者亚洲，它就会根据我们的要求来进行更换。然后我们已经做到了这个功能之后，其实我们从整个项目结构来看，我们很明显的能看到这个项目就是由AI来构建的，那么我们的AI代码助手，它其实做到的是还有挺多的，比如说我们选择这个周记按钮选择，然后我们点击这个生成文档。然后它就能根据我们所所有的内容来去生成一个类似于这样的内容。然后这里其实也是一个最基本的内容，然后我们来看一下我们后期做的一个内容，比如说。

因为这个项目我们已经部署在服务器上面了，然后功能其实也是差不多的，然后我们来看一下我们这边所做的一个内容，比如说我们做了一个AI旅行规划的内容，那我们点击规划，我们天数就随便选吧，选择个。呃，选择个五天，然后费用的话，我们拉到底嘛，1万块钱嘛，然后出境人数我们这里就随便选嘛，选选一个一个人，然后我们这里选择一个民宿。然后旅行风格的话，我们这里就先比如说以自然探索，或者呃，我们选一个文化探索吧，因为这样子会比较的符合。然后比如说我们。嗯，一个人，然后没有携带老人儿童啊，或者说需要什么无障碍设施去进行协助的，那么我们就这里选择一个无，而我们目的地的话，我们就比如说选择一个北京。

然后我们点击这里的生成行程，然后这边的生成的话，我们服务端会很慢，然后我们先来看一下我们的这边。比如说我们的应用叫做旅行应用，然后其实我们整个页面的结构就是全部都是前端，然后后端的话，我们进行了简单的适配，然后这个是纯前端代码，然后并没有和并不是那个和后端匹配的代码。然后。我们来看一下，就比如说这是一个底部导航栏。我们想让他去。比如说添加到对话，比如说。我们问他这个导航栏。的CSS是哪些？

呃，其实。就是它会这边的话，就是比如说添加文件，我们可以选择文件或者知识库，或者什么我们这边的文件。然后它会默认的去选择，就比如说我们刚刚选择了它是362行，然后最底下是401行，然后它就会362~401行，然后我们再看这边。就是其实来说我们的。它会把我们的CSS结构来列出来，其实我们CSS结构它跟我们这边所说的是一样的，我们来看一下我们的CSS是不是就比如说我这边是四个文件，它其实是一样的。然后我们代码助手其实还有一个功能，就是比如说我们这边新建一个文件，就随便叫个什么，然后我们这边打开文件。

修改。给文件一一个。一个简单的。PHP代码。呃，这样的情况下，我们就已经得到了一个最简单的一个PH事例。那么它也会很正常的来进行输出，那么我们这边也是输出完毕了。然后我们的AI代码助手其实能做到的是很多的，然后最后其实和我们的提示词都有关系，那么我们现在来看一下我们生成的形成。然后我这里的方案是北京5天4晚，那么我们第一天，比如说天安门广场，故宫，然后王府井大街。

然后这边其实都有一个时间让我们，比如说我们要可以逛多久对吧，然后第二天什么什么，比如说第三天，第四，然后第5天，这边其实生成的还是非常详细的，然后这边的CSS，然后这边可能就是。我没有做的很好吧，然后我后期会进行修改，那么我们本期介绍AI代码助手code，那么我们就先介绍到这。然后如果有问题，也可以在留言留言，呃呃留言区提出。