目錄

項目說明

1. 項目背景

2. 項目目標

3. 功能需求

4. 技術選型

項目結構

詳細代碼實現

前端代碼（client）

client/src/main.js

client/src/App.vue

client/src/components/HistoryList.vue

后端代碼（server）

server/app.js

server/routes/api.js

server/models/History.js

代碼使用說明

前端使用說明

---

項目說明

1. 項目背景

在當今信息爆炸的時代，人們對于高效創作的需求日益增長。GPT 模型作為自然語言處理領域的先進技術，具有強大的文本生成能力。本項目旨在利用 GPT 模板開發一個智能寫作輔助應用，幫助用戶快速生成高質量的文章、故事、詩歌等文本內容，同時也能對已有文本進行潤色和優化，提高用戶的寫作效率和質量。

2. 項目目標

• 開發一個具備實用價值的創意應用，展示 GPT 模型的強大能力。
• 應用要具有較高的穩定性、可用性、美觀性和易用性，能在多種設備和操作系統上正常運行，保證用戶數據安全，為用戶提供良好的使用體驗。
• 提交完整的源代碼和詳細文檔，確保應用的原創性，遵守平臺規定和政策。

3. 功能需求

• ??文本生成??：用戶輸入寫作主題和要求，應用調用 GPT 模型生成相應的文本內容。
• ??文本潤色??：用戶輸入已有文本，應用調用 GPT 模型對其進行潤色和優化。
• ??歷史記錄??：保存用戶的輸入和生成的文本，方便用戶查看和管理。

4. 技術選型

• ??前端??：Vue.js 框架，結合 GPT 模板（https://inscode.csdn.net/@inscode/gpt-vue）實現用戶界面和交互邏輯。
• ??后端??：使用 Node.js 和 Express 框架搭建簡單的服務器，負責與 GPT API 進行通信。
• ??數據庫??：使用 SQLite 存儲用戶的歷史記錄。

項目結構

gpt-writing-assistant/
├── client/  # 前端代碼
│   ├── public/
│   ├── src/
│   │   ├── assets/
│   │   ├── components/
│   │   │   ├── HistoryList.vue  # 歷史記錄列表組件
│   │   ├── App.vue
│   │   ├── main.js
│   ├── package.json
├── server/  # 后端代碼
│   ├── models/
│   │   ├── History.js  # 歷史記錄模型
│   ├── routes/
│   │   ├── api.js  # API 路由
│   ├── app.js
│   ├── package.json
├── .gitignore
├── README.md

詳細代碼實現

前端代碼（client）

client/src/main.js

import Vue from 'vue';
import App from './App.vue';Vue.config.productionTip = false;new Vue({render: h => h(App),
}).$mount('#app&