首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >何谓AI编程建官网实战【01】AI编程企业官网建设实践-以优雅草星云智控为例-优雅草卓伊凡

何谓AI编程建官网实战【01】AI编程企业官网建设实践-以优雅草星云智控为例-优雅草卓伊凡

原创
作者头像
卓伊凡
发布于 2025-06-05 11:27:13
发布于 2025-06-05 11:27:13
740
举报
文章被收录于专栏:人工智能ai相关人工智能ai相关

何谓AI编程建官网实战【01】AI编程企业官网建设实践-以优雅草星云智控为例-优雅草卓伊凡

背景

我们以建设星云智控官网来做AI编程实践,很多人以为AI已经强大到不需要程序员了,其实不是,AI更加需要程序员,普通人都用不来,本过程就详细讲述一个AI建设的企业官网要如何建立,本官网为系列开发毕竟,要做一个漂亮的官网才能符合我们的要求。

代码开源地址:

https://gitee.com/youyacao/xingyunweb

xingyun.youyacao.com 星云智控官网可以随时访问查看

这是第一次改之前的样子,很显然根本不满足

实践开始

第一我们为了让网站能够访问,那么我们先服务器建立网站Nginx服务, 其次呢 因为我们是挂git的,因此呢

我们登陆服务器把代码拉一下,源代码我卓伊凡是完全开源的

git clone 直接拉取 代码 随后服务器设置访问目录,ok 我们的域名正式可以访问了

现在打开vs 打开我们此前的项目

现在一步步来我感觉左上角需要个logo,然后要增加说明,其次核心功能我们需要添加我们的几张图,

建立img文件夹 放入我们的logo图,还有我重点要介绍的4张功能图

另外首页缺乏对星云智控的产品介绍,我准备好文字 投喂给他。

一步步来 ,先把logo和核心功能改下,打开安装的插件Trae 我们开始

把意思传达给AI,开始工作

有一点效果,但不多,其次我们在右侧那个位置我感觉放个图比较好背景图,先去弄一张,其次 底部应该写公司的一些信息以及联系方式,那么我们先调整下

发送指令给trae ,这次改正后我们先进行提交,因为内容太长,下一篇继续

稍微改善了点,但是logo看不见了,

底部内容加上了,但是不太美观,下一篇继续,看卓伊凡是怎么来训练咱们的AI的

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
何谓AI编程【02】AI编程官网以优雅草星云智控为例建设实践-完善顶部-建立各项子页-调整排版-优雅草卓伊凡
我们以建设星云智控官网来做AI编程实践,很多人以为AI已经强大到不需要程序员了,其实不是,AI更加需要程序员,普通人都用不来,本过程就详细讲述一个AI建设的企业官网要如何建立,本官网为系列开发毕竟,要做一个漂亮的官网才能符合我们的要求。
卓伊凡
2025/06/09
530
什么是snmp协议?在优雅草星云智控AI物联网监控系统中如何添加设备进行监控【星云智控手册01】-优雅草卓伊凡
什么是snmp协议?在优雅草星云智控AI物联网监控系统中如何添加设备进行监控【星云智控手册01】-优雅草卓伊凡
卓伊凡
2025/04/22
1020
​如何用AI一键建立一个企业官网?都在说没人教你做我教你-优雅草卓伊凡
这里卓伊凡以我们星云智控科技的星云智控系统官网为例,所以首先我得有个很好的简单的介绍,很明显上一篇发过,我们已经有了
卓伊凡
2025/04/24
2950
从PNG到矢量图:星云智控Logo的商用矢量转换全解析-优雅草卓伊凡
在现代企业品牌设计中,Logo是最核心的视觉资产之一。无论是网站、名片、广告牌,还是产品包装,Logo都需要以高清晰度呈现。然而,许多企业最初设计的Logo可能是PNG或JPG格式的位图,放大后会出现锯齿、模糊等问题。
卓伊凡
2025/05/12
1980
【01】优雅草星云物联网AI智控系统从0开发鸿蒙端适配完成流程-初始化鸿蒙编译器deveco studio项目结构-UI设计图切片下载-优雅草卓伊凡
本项目渊源已久,优雅草2025年发布,PC端已经发布,将在4月完成成品发布,目前由于考虑到鸿蒙端用户使用,毕竟新一代纯血鸿蒙harmonyos next已经不再支持安卓android,因此优雅草团队必须考虑把鸿蒙端也开发上,以下实战过程完整记录了整个开发过程,优雅草卓伊凡审核代码,记录并更新,再次感谢优雅草团队所有同事们的努力,鸿蒙端为了加速鸿蒙生态已经开源地址供查看,关于优雅草星云物联网AI智控系统可以关注优雅草官网。
卓伊凡
2025/04/01
760
深度剖析:AI 建站的现状、局限与未来展望-AI编程建站实战系列预告优雅草卓伊凡
在当下科技飞速发展的时代,AI 技术如同一颗璀璨的星辰,在各个领域熠熠生辉,建站领域亦深受其影响。不少人产生了一种错觉,认为 AI 建站已然步入巅峰之境,众多极具误导性的视频更是推波助澜,仿佛 AI 已无所不能,能够轻而易举地搭建出各类复杂且完美的网站。然而,拨开这层迷雾,深入探究后会发现,现实与这种表象存在着较大的差距。
卓伊凡
2025/06/02
760
优雅草星云智控系统产品发布会前瞻:SNMP协议全设备开启指南-优雅草卓伊凡
优雅草科技将于2024年5月15日在成都市双流区天府国际生物城会议中心举办”星云智控系统产品发布会“。作为优雅草科技CTO,卓伊凡将亲自演示新一代物联网AI智控系统的核心技术突破,其中SNMP协议支持将成为实现万物互联的基础前提。
卓伊凡
2025/05/09
1170
星云智控科技-优雅草星云物联网AI智控系统软件产品技术栈一览表-优雅草卓伊凡
后端:Go 1.24.0、MySQL 8.0、Redis 6.2、Zabbix 7.0(私有化部署)。
卓伊凡
2025/04/22
930
星云智控:物联网时代的设备守护者——卓伊凡详解物联网监控革命-优雅草卓伊凡
当卓伊凡被问及”星云智控物联网是干嘛的”这个问题时,他首先给出了一个技术定义:物联网(Internet of Things,IoT)是指通过信息传感设备,按约定的协议将任何物品与网络连接,进行信息交换和通信,以实现智能化识别、定位、跟踪、监控和管理的一种网络概念。但这个定义对大多数人来说太过抽象,卓伊凡更喜欢用两个生动的比喻来解释。
卓伊凡
2025/05/09
670
【05】20250416优雅草星云物联网AI智控系统从0开发鸿蒙端适配-deveco studio-增加告警中心相关卡片页面
本项目渊源已久,优雅草2025年发布,PC端已经发布,将在4月完成成品发布,目前由于考虑到鸿蒙端用户使用,毕竟新一代纯血鸿蒙harmonyos next已经不再支持安卓android,因此优雅草团队必须考虑把鸿蒙端也开发上,以下实战过程完整记录了整个开发过程,优雅草卓伊凡审核代码,记录并更新,再次感谢优雅草团队所有同事们的努力,鸿蒙端为了加速鸿蒙生态已经开源地址供查看,关于优雅草星云物联网AI智控系统可以关注优雅草官网,在本文梳理的过程中发现在后面的页面中,只需要直接写出代码并且附上注释,卓伊凡相信大家应该看得懂,针对比较复杂的部分会单独做独立解释,每一个页面都可以对应查看,基本都会截图,如果没有截图的那就是真的没截图,另外注意由于文章篇幅关系不会把所有页面都一一写,写一些重要页面发布在文档中,每次的改进,更多内容参考大家直接观看git并且下载。
卓伊凡
2025/04/16
1040
【03】优雅草星云物联网AI智控系统从0开发鸿蒙端适配-deveco studio-在lib目录新建自定义库
本项目渊源已久,优雅草2025年发布,PC端已经发布,将在4月完成成品发布,目前由于考虑到鸿蒙端用户使用,毕竟新一代纯血鸿蒙harmonyos next已经不再支持安卓android,因此优雅草团队必须考虑把鸿蒙端也开发上,以下实战过程完整记录了整个开发过程,优雅草卓伊凡审核代码,记录并更新,再次感谢优雅草团队所有同事们的努力,鸿蒙端为了加速鸿蒙生态已经开源地址供查看,关于优雅草星云物联网AI智控系统可以关注优雅草官网,在本文梳理的过程中发现在后面的页面中,只需要直接写出代码并且附上注释,卓伊凡相信大家应该看得懂,针对比较复杂的部分会单独做独立解释
卓伊凡
2025/04/01
360
【02】优雅草星云物联网AI智控系统从0开发鸿蒙端适配-deveco studio-登录页面LoginView.ets完成-并且详细解释关于arkui
本项目渊源已久,优雅草2025年发布,PC端已经发布,将在4月完成成品发布,目前由于考虑到鸿蒙端用户使用,毕竟新一代纯血鸿蒙harmonyos next已经不再支持安卓android,因此优雅草团队必须考虑把鸿蒙端也开发上,以下实战过程完整记录了整个开发过程,优雅草卓伊凡审核代码,记录并更新,再次感谢优雅草团队所有同事们的努力,鸿蒙端为了加速鸿蒙生态已经开源地址供查看,关于优雅草星云物联网AI智控系统可以关注优雅草官网。
卓伊凡
2025/04/01
1250
星云智控自定义物联网实时监控模板-为何成为痛点?物联网设备的多样化-优雅草卓伊凡
在万物互联的时代,设备监控已成为保障物联网系统稳定运行的核心环节。传统的标准化监控方案正面临着设备类型爆炸式增长带来的严峻挑战——据IDC 2025年最新报告,全球物联网设备种类已突破10万种,协议标准超过300类,这种多样性使得”一刀切”的监控模式彻底失效。自定义监控模板技术应运而生,它如同为每一类设备”量体裁衣”,通过灵活配置的监控策略,解决了异构设备环境下的统一监控难题。本文将深入剖析从传统Zabbix模板到新一代Heartbeat自定义模板的技术演进,并以优雅草星云AI智控系统为例,揭示这项技术如何重塑物联网监控的边界。
卓伊凡
2025/05/13
1010
AI编程的现状:狂热与现实的冷静审视-有些讨论是很滑稽的-优雅草卓伊凡
今日,卓伊凡注意到一个有趣的现象:越来越多的人开始高谈阔论AI编程的”无敌”,仿佛人工智能已经能够完全替代人类程序员。这种论调在2025年春节DeepSeek引爆公众对AI的关注后尤为盛行。然而,作为一个从2022年就开始深耕AI领域的观察者,卓伊凡必须指出:当前AI编程的发展程度,远没有外界想象的那么神奇。
卓伊凡
2025/06/08
590
域名与官网的迷思:数字身份认证的全球困境与实践解方-优雅草卓伊凡
当卓伊凡被问及”公司域名就是官网吗”这一问题时,他首先指出:”这相当于问’印着某公司logo的建筑就是该公司总部吗’——表象与实质之间存在重大区别。”官方网站(Official Website)从法律角度应具备以下核心特征:
卓伊凡
2025/05/04
1390
优雅草星云物联网AI智控系统测试版本Beta测试版v1.0.1版本发布-更新多项内容-PC版本vue端已经完成初步数据对接-鸿蒙原生端静态页面已完成90%
成都星云智控科技有限公司,作为成都市一颗优雅草科技有限公司旗下子公司,将于 2025 年 4 月发布一款创新监控产品。
卓伊凡
2025/04/04
490
编程的本质难点:超越技术层面的五大核心障碍-优雅草卓伊凡
在16年的编程开发与教学历程中,优雅草卓伊凡经常被问及”编程最大的难点是什么”。大多数人的第一反应会指向技术层面的挑战:逻辑复杂度、英语障碍、算法难题或数学基础等。然而,经过长期观察与思考,卓伊凡发现真正的编程障碍远不止于此。本文将从专业角度剖析编程实践中最为关键的五大核心难点——这些因素往往比单纯的技术难题更能决定一个程序员的发展上限。
卓伊凡
2025/06/10
720
2025年解析 AI 编程:当前水平与对程序员的影响-优雅草卓伊凡
今日,我收到一个颇为有趣的问题:AI 编程目前达到什么水平,是否可以独立编写游戏?其实,我(优雅草卓伊凡)此前在发布的视频中就表明过观点:AI 是来替代初级程序员的,并非高级程序员,这一观点便能在很大程度上解答此问题。
卓伊凡
2025/04/20
1780
跨域的本质与实战:从理论到松鼠短视频系统的演进-优雅草卓伊凡|卢健bigniu
本文的开始不得不提高优雅草核心成员之一,卢健(核心原始股东),前期最强员工,最强技术大牛,手搓完整松鼠短视频系统v1.0.0版本,要知道那是2019年,以2019年当年的技术一经推出优雅草产品为次火了一把,虽然卢健现已躺平退休,但是为优雅草做的贡献是值得被一直记住的。
卓伊凡
2025/06/11
1190
​MCP协议深度解析:原理、应用与物联网时代的机遇-优雅草卓伊凡
MCP(Modbus Communication Protocol)是一种基于主从架构的串行通信协议,最初由Modicon公司(现为施耐德电气旗下品牌)于1979年开发,用于工业自动化领域中的可编程逻辑控制器(PLC)通信。作为工业控制领域的”元老级”协议,MCP已经演变为工业物联网(IIoT)的基础通信标准之一。
卓伊凡
2025/04/29
6670
推荐阅读
何谓AI编程【02】AI编程官网以优雅草星云智控为例建设实践-完善顶部-建立各项子页-调整排版-优雅草卓伊凡
530
什么是snmp协议?在优雅草星云智控AI物联网监控系统中如何添加设备进行监控【星云智控手册01】-优雅草卓伊凡
1020
​如何用AI一键建立一个企业官网?都在说没人教你做我教你-优雅草卓伊凡
2950
从PNG到矢量图:星云智控Logo的商用矢量转换全解析-优雅草卓伊凡
1980
【01】优雅草星云物联网AI智控系统从0开发鸿蒙端适配完成流程-初始化鸿蒙编译器deveco studio项目结构-UI设计图切片下载-优雅草卓伊凡
760
深度剖析:AI 建站的现状、局限与未来展望-AI编程建站实战系列预告优雅草卓伊凡
760
优雅草星云智控系统产品发布会前瞻:SNMP协议全设备开启指南-优雅草卓伊凡
1170
星云智控科技-优雅草星云物联网AI智控系统软件产品技术栈一览表-优雅草卓伊凡
930
星云智控:物联网时代的设备守护者——卓伊凡详解物联网监控革命-优雅草卓伊凡
670
【05】20250416优雅草星云物联网AI智控系统从0开发鸿蒙端适配-deveco studio-增加告警中心相关卡片页面
1040
【03】优雅草星云物联网AI智控系统从0开发鸿蒙端适配-deveco studio-在lib目录新建自定义库
360
【02】优雅草星云物联网AI智控系统从0开发鸿蒙端适配-deveco studio-登录页面LoginView.ets完成-并且详细解释关于arkui
1250
星云智控自定义物联网实时监控模板-为何成为痛点?物联网设备的多样化-优雅草卓伊凡
1010
AI编程的现状:狂热与现实的冷静审视-有些讨论是很滑稽的-优雅草卓伊凡
590
域名与官网的迷思:数字身份认证的全球困境与实践解方-优雅草卓伊凡
1390
优雅草星云物联网AI智控系统测试版本Beta测试版v1.0.1版本发布-更新多项内容-PC版本vue端已经完成初步数据对接-鸿蒙原生端静态页面已完成90%
490
编程的本质难点:超越技术层面的五大核心障碍-优雅草卓伊凡
720
2025年解析 AI 编程:当前水平与对程序员的影响-优雅草卓伊凡
1780
跨域的本质与实战:从理论到松鼠短视频系统的演进-优雅草卓伊凡|卢健bigniu
1190
​MCP协议深度解析:原理、应用与物联网时代的机遇-优雅草卓伊凡
6670
相关推荐
何谓AI编程【02】AI编程官网以优雅草星云智控为例建设实践-完善顶部-建立各项子页-调整排版-优雅草卓伊凡
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档