当前位置: 首页 > news >正文

AI 编程 Trae 如何去 AI 味(以用户管理系统为例子)

大家好,我是樱木。

最近用 AI 编程工具 Trae,做了个用户管理系统。收到网友留言说 AI 味太重了,于是开始在页面上,进行了一些研究。

简单说,如果使用 AI 编程没有指定配色,那么 AI 自己来配色,一般都是「蓝紫」,互联网原始默认色。

用户看着审美疲劳,于是这几天重点改造了页面,修改了用户管理系统,同时也完善了管理控制台功能,增加实时统计功能,让系统自成一体,让数据闭环。

一、去 AI 味

首先找到一个目标网站的,樱木这里找到的是:https://www.hashicorp.com/en/products/vault,HashiCorp 整个公司的产品页面,都拥有非常专业和清晰的设计,深色主题搭配亮色点缀。

个人喜好而已。

图片丢给 Trae 的输入框,然后加上:

请分析下这个图片的配色方案,分析后的告诉我。然后等待下一个指令。

分析完成后

接着在 Trae 输入:

参考上面的分析结果,把这个用户管理系统的登录页面,设计一个有设计感的主题样式页面。要求不用改变现有功能,只需要更改样式。用户登录页面样式好了,等待我的下一个指令。

用户登录页面效果如下:

这个页面效果,同时适用注册页面。

二、控制台功能

上一个版本的控制台,功能没有完全实现。

于是和 Trae 说: 

用户名:yingmu

密码:<填入密码>

1、点击总用户数,链接:http://localhost:5173/users,要展示用户列表数据列注册时间、更新时间,两个字段没有正确显示.

2、控制台页面,http://localhost:5173/dashboard,显示的总用户数,活跃用户、今日登录、禁用用户,需要是真实用户统计数据。

3、点击活跃用户、今日登录、禁用用户没有反应,需要和点击总用户数一样的页面效果要求

过程中需要我确认执行的命令,一律同意运行命令。请别等待我执行

多次调试后,效果如下:

点击进入总用户数,列表功能如下:

展示用户列表,从数据库获取的,实现启用/禁用,删除,查看等功能。

至此,一个基本的用户管理系统基本完成。可以自成一体了。

好啦,今天的分享就到这里了。有帮助的帮忙点个赞。

  AI 系列入门手把手教程:AI教程合集

我是樱木,持续探索 AI 领域,主要分享最新的 AI 工具动态,评测,提效。

http://www.dtcms.com/a/445783.html

相关文章:

  • 【National Treasure2】
  • 【LLM4EDA】: Part 9--LLM4EDA的优化与建模
  • 用parser_tools插件来解析SQL语句
  • 湖北住房和城乡建设厅网站phpmysql做网站
  • 《量子计算》学习笔记:量子计算的基本定义(续)
  • 哈尔滨网站建设价位上海有名的猎头公司
  • 手写MyBatis第94弹:完整架构回顾与核心技术深度解析
  • 汽车电子Autosar架构BSW层学习路线·附录章节
  • 织梦 网站设计做网站竟然不知道cms
  • Linex操作系统-Shell脚本(六)
  • 2025年ASOC SCI2区TOP,基于动态模糊系统的改进灰狼算法FGWO,深度解析+性能实测
  • Go基础:输入与输出格式化详解
  • Go语言:数据压缩与解压详解
  • Odoo 前端控制器:构建无缝集成的网站页面
  • Go基础:json文件处理详解(标准库`encoding/json`)
  • 网站页头尺寸网站建设实物实训目的
  • RegNet:高效可扩展网络
  • 软考 系统架构设计师系列知识点之杂项集萃(169)
  • 大数据毕业设计选题推荐-基于大数据的人口普查收入数据分析与可视化系统-Hadoop-Spark-数据可视化-BigData
  • 实验室网站制作数据交易网站源码
  • 【Kubernetes】(二十)Gateway
  • 爬虫与自动化技术深度解析:从数据采集到智能运维的完整实战指南——企业级实时数据闭环构建
  • 桂林哪里可以做网站wordpress前台不显示
  • 模拟退火粒子群优化算法(SA-PSO):原理、应用与展望
  • 不用每次都改 `easysearch.yml` 也能改启动参数 —— 用 Docker 环境变量搞定一切
  • 三问岚图,计划登陆港股对消费者意味着什么?
  • 舒尔特方格开源
  • D365财务和运营应用
  • 沧州seo公司哈尔滨seo和网络推广
  • 5.机器学习的介绍