這是一個AI 寫的前后端分離項目,通過AI編程，開發電商管理系統（登陸、注冊）

使用的AI工具為?Trae工具(字節國際版)+claude3.5-sonnet(目前代碼最強模型)

前端為 vue3+Bootstrap

后端為 C#??net5.0(因為我電腦里面已經安裝了這個新版更好) +?dotnet-ef --version 5.0.17

一. 前端部分(創建vue項目)

? 如果你會創建vue項目可以跳過

1.安裝 node.js? ?Node.js — 在任何地方運行 JavaScript

2.安裝 vue-cli 腳手架? 命令行中執行?npm install -g @vue/cli??

prefix? 修改node全局目錄

npm config set prefix "C:\node\node_global"
npm config set cache "C:\node\node_cache"

3.創建vue項目?

首先創建一個文件夾 進入這個文件夾? 命令行中執行? vue create 項目名稱

組件只選擇 路由, vue3?

4. 運行項目??npm run serve?

二.安裝??Trae?（一定要用國際版）

只有用國際版的才能用Claude大模型，國內版的只能用deepseek和豆包模型，

而Claude大模型的編程能力遠遠強于deepseek和豆包，所以我們要用Trae國際版的。

國際版下載地址：

Trae - Collaborate with Intelligence

下載,安裝(一定要登錄才能用AI 模型,登錄方式支持 GitHub,谷歌,郵箱)

在點擊登錄前你要確定你的電腦是 科學上網? ? 狀態.不然就提示中國區受限?

安裝好后，點擊登錄，會跳轉到登錄網頁。如果你沒開代理，那么無論你是郵箱登錄還是 Github 登錄（沒代理就更不可能 Google 登錄）都會提示所在地區不可用。

這個時候有一個繞過的辦法，就是你可以把這個網站鏈接復制下來，發到有代理條件的設備上，然后在代理環境下登錄。登錄成功后會返回一個127.0.0.1開頭的地址，復制下來回到原本的電腦打開，就可以成功登錄了。

所以他的地區檢測的本質就是，登錄的網頁必須走代理。和本地軟件走不走代理沒有關系。

我用的科學是? 袋鼠 能用幾個小時

登錄成功?正常使用Trae國際版了??

三.AI 幫寫 登錄頁面

將你 創建的vue項目在Trae中打開

然后把要求 (提示) 貼到對話框中就可以了

我的項目是基于vue3的vue-cli創建的，請在ai520v文件夾下如下操作（只能在這個目錄下做操作） ：先刪除項目默認的頁面和代碼設置，包括：router---index.js，main.js，App.vue。再做一個登陸頁面，在router—index.js路由配置文件里將登陸頁面設置為項目默認的首頁，項目使用Bootstrap，安裝模塊統一用cnpm而不是npm。登陸頁面有標題“電商信息管理系統aijp”，可以通過手機號和密碼登陸，手機號和密碼要有格式校驗，密碼為數字加字母組合長度為6~10位，要有驗證碼（數字加字母組合，長度為6位），還有一個跳轉到注冊頁面的鏈接，先把前端代碼寫出來注冊頁面先創建出來，里面啥都沒有，后端代碼先不用寫，界面設計簡潔大氣具有科技感，統一綠色風格

一路應用 和接受? 該運行的命令運行下

運行報錯再把錯誤放到對話框,看看能不能解決

然后然后? 登錄就寫好了.....................

四.AI幫寫 注冊頁面

提示詞?

實現注冊頁面里的內容，包括密碼、手機號都是必填項，要有數據校驗，密碼為數字加字母組合長度為6~10位，要有驗證碼（數組加字母組合，長度為6位），先把前端代碼寫出來，后端代碼先不用寫

五.AI編寫后端 注冊功能

創建一個文件夾用來放后端文件? api

進入api 文件夾? ?執行?dotnet new webapi -n Api

創建好項目后,使用 Trae 打開

注冊功能 提示詞

要實現注冊頁面的前后端數據庫交互，我使用的數據庫是mssql，連接字符串為 Data Source=(localdb)\ProjectsV13;Initial Catalog=master;Integrated Security=True;Connect Timeout=30;Encrypt=False;TrustServerCertificate=False;ApplicationIntent=ReadWrite;MultiSubnetFailover=False，數據庫的名稱是test2025，注冊后數據寫入到users表里，users里的主要字段如下：id，用戶唯一標識，主鍵，自增username ，用戶名password_hash ，用戶密碼（存儲哈希值（使用密碼+鹽生成的））email ，用戶郵箱phone ，用戶手機號role  ， enum類型，用戶角色（administrator, employe, manager） 默認為employestatus ， enum類型，用戶狀態（normal、stop），默認normalcreated_at ， datetime類型，用戶創建時間updated_at ， datetime類型，用戶信息最后更新時間last_login_at ， datetime類型，用戶最后登錄時間profile_image ，varchar類型， 頭像圖片路徑  默認為 default.jpg，salt，varchar類型，加密的鹽，group，varchar類型，用戶分組，默認值為空注冊后，created_at、updated_at、last_login_at 為當前系統時間
role、status、profile_image、group為默認值且默認值。開發語言為C#，采用efcore模塊來實現ORM操作，注冊成功后要有提示

他會創建??模型類,數據庫上下文,服務類,控制器,Startup.cs

前端注冊頁面中添加API調用

一路應用 和接受? 該運行的命令運行下

dotnet build? 成功 就恭喜,不成功就把錯誤給對話框

本次的最終代碼? ?github:? ? ?gitjp565/ai520v

? ? ?gitcode:??項目首頁 - ai520v - GitCode