最近在AI辅助下做一个简单的网站开发,真是感叹AI的强大呀!

虽然多年前我做过Web前端和后端开发,但是那时候的开发没有现在这么容易入门、上手。

  • 之前SSH(Structs2+Spring+Hibernate)整合都的费点功夫,现在Spring已经一家独大了;
  • 之前Web开发还需要单独下载Tomcat,在IDEA中指定配置,现在SpringBoot已经内嵌了服务,只要在Maven中引入SpringBoot,就可直接启应用了;
  • 之前还在讨论项目管理用Git还是SVN,现在SVN应该是彻底绝迹了吧;
  • 之前做Web还需要讨论是否兼容IE,现在IE已死,Chrome一家独大了,再也不用考虑兼容IE了;
  • 之前在用Maven时,需要引入一大堆的三方依赖包,冲突是常有的事儿,现在SpringBoot可简化了太多的包管理。

感叹框架和工具的更新真的是太快了,现在搭建一个脚手架要比以前容易的多,也能将更多的精力聚焦到业务的开发上,何况现在还有AI的帮助,让开发一个Web应用的难度降低了太多。

首先画了个网站布局草图给AI,如下图所示。

让它用jQuery给我生成布局,生成的代码经过简单的修改后可直接应用。网站的整体布局如下图所示。

网站布局为上中下,中间均分为4块就是AI帮助我生成的,还不错,不过也没有意料之外的惊喜,它没有做手机适配,用手机看页面很丑。

接着让它帮我生成了Tree组件、Tip组件和导航栏,都生成的不错,Demo出来后真的可以直接用起来,不过Tree组件相对来说就会复杂一些,生成后的问题还是不少的,好在经过多次引导后最终可用。

不过AI也不是万能的,总有一些组件有一些小问题是经过引导也解决不好的,这时候就只能人工上手排查修正了。

另外,我是让AI一个组件一个组件生成的,效果确实还是不错的,而把这些组件整合起来还需要我自己亲自动手,我没有试过让它做一些整合的事情,应该我我觉得这可能对于它来说太难了,会出现许多问题。

下图左右布局同样是用AI生成的,左侧的导航Tree和右侧的目录导航组件也都是借助AI生成的,不过还是需要我将布局和组件整合起来,最终如下图所示。

幸亏有AI的帮助,给我省了不少事儿!

另外,感觉还是要多研究下底层技术,上层的框架和工具更新迭代太快,也最容易被AI取代,干的久了,就像流水线上的熟练工一样,确实不会有太多的技术积累,做的多了也是一种体力活儿,从这方面说,叫码农也无可厚非。

多年后再做Web开发,AI帮大忙的更多相关文章

  1. 如何用Python做Web开发?——Django环境配置

    用Python做Web开发,Django框架是个非常好的起点.如何从零开始,配置好Django开发环境呢?本文带你一步步无痛上手.     概念 最近有个词儿很流行,叫做“全栈”(full stack ...

  2. 做web开发和测试,修改hosts指定某个域名访问某个特定的IP后,如何使hosts立即生效的方法

    本文转自SUN'S BLOG,原文地址:http://whosmall.com/post/143 hosts的配置方法: 在windows系统中,找到C:\windows\system32\drive ...

  3. 为什么做Web开发要选择PHP

    大部分互联网公司做WEb开发都选择PHP,PHP的优势在哪?你应该知道的 以前偶尔被人问到,为什么你(和大部分互联网公司)做Web开发要选择PHP, PHP有什么好处.简单的回答便是“PHP简单,开发 ...

  4. PHP做Web开发的MVC框架(Smarty使用说明 )

    PHP做Web开发的MVC框架(Smarty使用说明 ) 一.Smarty简明教程 1.安装演示 下载最新版本的Smarty-3.1.12,然后解压下载的文件.接下来演示Smarty自带的demo例子 ...

  5. 想做web开发 就学JavaScript

    有一天我被问到,为了快速地在 web 开发工作上增加优势,应该学习什么语言.我的思绪回到了大学,那时候我用 Pascal.Fortran.C和汇编语言,不过那个时候有不同的目标. 鉴于当前的状况和趋势 ...

  6. Python做web开发,推荐几个能立马上手的小项目

    Python这门优美的语言是非常适合web开发的,基于Python的Django框架简单便捷且很强大. 那么作为新手该如何上手这门语言?一切不敲代码的学编程手段都是扯淡,今天就推荐一些适合新手练手的P ...

  7. 为什么说 C/C++ 不适合做 Web 开发?(成本高,容易出错,apache等工具分担了大部分工作)

    因为大家在讨论用C#.Java,做出来的项目的时候,用C++的人们还在讨论语言特性 每种语言都有特定适用范围,对应着某类问题.web开发的重头戏不是计算,而是与用户交互和发送sql语句,当然以脚本语言 ...

  8. 做WEB开发的时候,前端与后端我们应该要注意哪些细节,哪些容易出现的漏洞?

    写这篇文章的时候,我和团队正在处理项目漏洞问题,发现这些都是细节但又容易在项目实现的过程中忽视的部分,鉴于此,我想总结下来,方便以后出现类似问题能及时得到解决. 1.任意文件上传漏洞.   描述:允许 ...

  9. 做web开发需要学习哪些技术--基础篇

    做一个web网站,包含哪些技术,自己需要学习哪些技术 自己想到哪里就写到哪里 -- 给自己做的一个记录 1: 页面的展示, 一个web的开发语言  1.1 一个web的开发语言需要注意哪方面,才能符合 ...

  10. 做 Web 开发少不了这些的

    抱歉,似乎有些标题党了.最近做服务器的热备,整理了些李纳斯工具的适用方法.看看还有不错的. 基本命令 sleep 500 暂停 ctrl + z 暂停 progress & 后台运行 jobs ...

随机推荐

  1. K8s 灰度发布实战:通过 Ingress 注解轻松实现流量分割与渐进式发布

    在现代微服务架构中,应用的更新和发布是一个高频且关键的操作.如何在不影响用户体验的前提下,安全.平稳地将新版本应用推送到生产环境,是每个开发者和运维团队必须面对的挑战.灰度发布(Gray Releas ...

  2. 一文搞懂 结构伪类 :nth-child && :nth-of-typ

    结构伪类 从使用结构伪类的选择器开始 往上一层父辈开始筛选 从使用结构伪类的选择器开始 往上一层父辈开始筛选 从使用结构伪类的选择器开始 往上一层父辈开始筛选 不是从左往右选择 不是先父辈后筛选子类 ...

  3. 《中国电信天翼云PON SD-WAN技术白皮书》来了,这份技术指南不要错过!

    5月17日,在中国电信第三届科技节·上海站暨517世界电信日活动上,天翼云联合中国电信上海公司正式发布<中国电信天翼云PON SD-WAN技术白皮书>,为中国电信深入实施"云转数 ...

  4. VsCode 配置python开发环境

    一.配置环境 1.选择python解释器版本 输入:Command+shift+P 搜索:Python: Select Interpreter 2.安装包 指定版本: pip install PyHi ...

  5. Codeforces 319B Psychos in a Line 题解 [ 绿 ] [ 单调栈 ] [ 动态规划 ] [ adhoc ]

    Psychos in a Line:很好的单调栈优化 dp 题! 观察 我们先观察,一个精神病人会一直杀到什么时候.显然,会杀到右边第一个比他大的精神病人那里,然后他就杀不动了. 因此我们可以从右往左 ...

  6. Tensorflow 安装和测试(Anaconda4.7.10+windows10)

    一. 软件下载 二. 配置相关 1. 修改 Jupyter notebook 默认工作路径 (1)打开 Anaconda Prompt ,输入 jupyter notebook --generate- ...

  7. 是否有必要使用 Oracle 向量数据库?

    向量数据库最主要的特点是让传统的只能基于具体值/关键字的数据检索,进化到了可以直接基于语义的数据检索.这在AI时代至关重要! 回到标题问题:是否有必要使用 Oracle 向量数据库? 这实际还要取决于 ...

  8. FastAPI 请求体参数与 Pydantic 模型完全指南:从基础到嵌套模型实战 🚀

    title: FastAPI 请求体参数与 Pydantic 模型完全指南:从基础到嵌套模型实战 date: 2025/3/7 updated: 2025/3/7 author: cmdragon e ...

  9. 稳定且高性价比的大模型存储:携程 10PB 级 JuiceFS 工程实践

    在过去两年多的时间里,随着 AI 大模型的快速发展,JuiceFS 在携程内部得到了越来越多 AI 用户的关注.目前,携程通过 JuiceFS 管理着 10PB 数据规模,为 AI 训练等多个场景提供 ...

  10. C/C++ GOTO妙用

    目录 GOTO 语句 跳出多层循环 循环首次部分跳过 GOTO 语句 C/C++ 的 goto 语句用来在一个函数内进行任意跳转,用起来也是很方便.示例如下: int a() { int x = 0, ...