EasyForms_NET.vb下載 - EasyForms

EasyForms_NET.vb

Visual Basic

1.0.0

下載

谷歌表單克隆

該專案是 Google Forms 的簡單克隆，允許用戶創建和查看提交內容。它演示瞭如何使用後端伺服器來處理資料以及使用前端應用程式與使用者互動。後端使用 Node.js 和 Express 構建，而前端使用 Visual Studio 中的 Visual Basic 構建。

介紹

目的

該專案的目的是提供一個簡單的表單提交系統，使用者可以在其中建立新的提交並查看現有的提交。它作為將前端應用程式與後端伺服器整合的範例。

特徵

使用使用者詳細資訊和秒錶時間建立新的表單提交。
查看現有提交，使用下一個和上一個按鈕瀏覽它們。
使用 JSON 檔案作為資料庫進行資料持久化。

建築學

後端

Node.js和Express用於建立簡單的 REST API。
fs模組用於讀取資料並將其寫入 JSON 檔案 ( db.json )。

前端

Visual Studio中的Visual Basic用於建立前端應用程式。
前端應用程式由兩個主要表單組成： CreateSubmissionForm和ViewSubmissionsForm 。

專案結構

谷歌表單克隆/
│
├── 滑行/
│ ├── 分佈/
│ │ ├── server.js
│ ├── src/
│ │ ├── db.json
│ │ ├── 伺服器.ts
│ ├── 節點模組/
│ ├── package.json
│ ├── tsconfig.json
│ └── 自述文件.md
│ └── VisualStudioProject/
├── 建立提交表格.vb
├── ViewSubmissionsForm.vb
├── 程序.vb
└── VisualStudioProject.sln

Slidely ：包含後端程式碼。
- dist ：編譯的 JavaScript 檔案。
- src ：來源 TypeScript 檔案和資料庫 JSON 檔案。
- node_modules ：Node.js 依賴項。
- package.json ：Node.js 專案配置。
- tsconfig.json ：TypeScript 配置。
VisualStudioProject ：包含前端程式碼。
- CreateSubmissionForm.vb ：用於建立新提交的表單。
- ViewSubmissionsForm.vb ：查看現有提交的表單。
- Program.vb ：主程式檔案。
- VisualStudioProject.sln ：Visual Studio 解決方案檔案。

安裝

先決條件

Node.js
新專案管理
支援 .NET 的 Visual Studio

後端設定

克隆儲存庫：

git clone https://github.com/yourusername/google-forms-clone.git
cd google-forms-clone/Slidely

安裝必要的依賴項：
```
npm install
```
編譯 TypeScript 檔案：
```
tsc
```

前端設定

在 Visual Studio 中開啟VisualStudioProject解決方案。
確保安裝了所有必需的 NuGet 套件。如果 NuGet 套件遺失，您可能需要恢復它們。

運行專案

啟動後端伺服器

導航到Slidely目錄：
```
 cd google-forms-clone/Slidely
```

啟動伺服器：

node dist/server.js

您應該看到以下訊息：

 Server is running on http://localhost:3000

運行前端

在 Visual Studio 中開啟解決方案。
根據需要將啟動表單設定為CreateSubmissionForm或ViewSubmissionsForm 。
按F5或按一下 Visual Studio 中的Start按鈕來執行專案。

API端點

發布/提交

描述：提交新的表單條目。

請求正文：

{
  "name" : " John Doe " ,
  "email" : " [email protected] " ,
  "phone" : " 1234567890 " ,
  "github_link" : " https://github.com/johndoe " ,
  "stopwatch_time" : " 00:05:00 "
}

回覆:
```
{
  "success" : true
}
```

取得/讀取

描述：透過索引取得表單條目。
查詢參數：
- index ：要取得的提交的索引。

回覆:

{
  "submission" : {
    "name" : " John Doe " ,
    "email" : " [email protected] " ,
    "phone" : " 1234567890 " ,
    "githubLink" : " https://github.com/johndoe " ,
    "stopwatchTime" : " 00:05:00 "
  }
}