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 "
  }
}