VxFormGenerator

(★ 128)

The library contains a component, that nests itself into the Blazor EditForm instead of a wrapper around the EditForm. The component is able to generate a form based on a POCO or a ExpandoObject. Because of this architecture the library provides the developer flexibility and direct usage of the EditForm.

파일 탐색기

최종 버전 다운로드 (.zip)

- devcontainer.json
- Dockerfile
- README.md
- - bug_report.yml
  - config.yml
  - feature_request.yml
- - create_release.yml
  - deploy_demo.yml
  - master.yml
- FUNDING.yml
- stale.yml
- v0.4.1.md
- v0.4.2.md
- - Advanced_sample_form.png
  - complex_sample_form.png
  - discord-logo.png
  - sample_form.png
- community-operations.md
- github-community-triage-playbook.md
- visual-studio-field-template.md
- - .dockerignore
  - Dockerfile.test
  - README.md
- - Dockerfile.test
  - package.json
  - playwright.config.js
  - README.md
- - BootstrapInputCheckbox.cs
  - BootstrapInputCheckboxMultiple.cs
  - BootstrapInputSelectWithOptions.cs
- - launchSettings.json
- - BootstrapFormElement.razor
  - BootstrapFormElement.razor.cs
- VxBootstrapFormComponentsRepository.cs
- VxBootstrapFormCssClassProvider.cs
- VxBootstrapFormOptions.cs
- VxBootstrapFormServiceCollectionExtention.cs
- VxFormGenerator.Components.Bootstrap.csproj
- VxFormGenerator.Components.Bootstrap.csproj.user
- - BulmaInputCheckbox.cs
  - BulmaInputCheckboxMultiple.cs
  - BulmaInputSelectWithOptions.cs
- - BulmaFormElement.razor
  - BulmaFormElement.razor.cs
- VxBulmaFormComponentsRepository.cs
- VxBulmaFormCssClassProvider.cs
- VxBulmaFormOptions.cs
- VxBulmaFormServiceCollectionExtention.cs
- VxFormGenerator.Components.Bulma.csproj
- - InputCheckboxMultiple.razor
  - InputCheckboxMultiple.razor.cs
  - InputCheckboxMultipleWithChildren.cs
  - InputColor.cs
  - InputSelectOption.razor
  - InputSelectWithOptions.cs
  - VxInputCheckbox.cs
  - VxInputText.cs
- - VxColor.cs
  - VxSelectItem.cs
- - launchSettings.json
- - FormElement.razor
  - FormElement.razor.cs
  - VxFormColumn.razor
  - VxFormColumn.razor.cs
  - VxFormGroup.razor
  - VxFormGroup.razor.cs
  - VxFormRow.razor
  - VxFormRow.razor.cs
- - StringToVxColorConverter.cs
- VxComponentsRepository.cs
- VxFormGenerator.Components.Plain.csproj
- VxFormGenerator.Components.Plain.csproj.user
- VxFormOptions.cs
- VxFormServiceCollectionExtention.cs
- - TailwindInputCheckbox.cs
  - TailwindInputCheckboxMultiple.cs
  - TailwindInputSelectWithOptions.cs
- - TailwindFormElement.razor
  - TailwindFormElement.razor.cs
- VxFormGenerator.Components.Tailwind.csproj
- VxTailwindFormComponentsRepository.cs
- VxTailwindFormCssClassProvider.cs
- VxTailwindFormOptions.cs
- VxTailwindFormServiceCollectionExtention.cs
- - VxComparePropertyAttribute.cs
  - VxIgnoreAttribute.cs
- - RenderVxFormMetadata.cs
  - VxFormFieldKind.cs
  - VxFormFieldMetadata.cs
  - VxFormLookupOption.cs
  - VxFormMetadataBuilder.cs
  - VxFormMetadataModel.cs
  - VxFormModelDefinition.cs
  - VxFormModelPropertyDefinition.cs
  - VxFormModelSourceGenerator.cs
  - VxFormRuntimeModelBuilder.cs
  - VxFormValueConverter.cs
  - VxFormVisibilityRule.cs
- - LabelOrientation.cs
  - VxFormDefinition.cs
  - VxFormElementDefinition.cs
  - VxFormEnums.cs
  - VxFormGroup.cs
  - VxFormLayout.cs
  - VxFormLayoutOptions.cs
  - VxFormRow.cs
- - launchSettings.json
- - VxFormColumnBase.cs
  - VxFormGroupBase.cs
  - VxFormRowBase.cs
- - FormGeneratorComponentDynamicRepository.cs
  - FormGeneratorComponentModelBasedRepository.cs
  - FormGeneratorComponentsRepository.cs
  - IFormGeneratorComponentsRepository.cs
- - VxFormRazorComponentScaffoldOptions.cs
  - VxFormRazorComponentSourceGenerator.cs
- - ObjectGraphDataAnnotationsValidator.cs
  - ValidateComplexTypeAttribute.cs
  - ValidationHelpers.cs
  - ValidationMessageBase.cs
  - VxValidationMessage.razor
  - VxValidationMessage.razor.cs
- - background.png
  - exampleJsInterop.js
  - styles.css
- _Imports.razor
- FormElementBase.cs
- FormGeneratorServiceServiceCollectionExtension.cs
- IFormGeneratorOptions.cs
- IRenderChildren.cs
- README.md
- RenderFormElements.cs
- ValueReference.cs
- VxFormCssClassAttribute.cs
- VxFormElementLoader.cs
- VxFormFieldTemplateContext.cs
- VxFormGenerator.Core.csproj
- VxFormGenerator.Core.csproj.user
- VxFormGenerator.csproj.user
- VxFormValidationCssClassProviderBase.cs
- VxHelpers.cs
- VxInputBase.cs
- - ObjectGrapDataAnnotationValidator.cs
- - background.png
  - exampleJsInterop.js
- _Imports.razor
- CustomFieldTemplateRouteTests.cs
- DynamicFormRouteTests.cs
- LeftOrientationRenderFormElementsTestHost.razor
- RazorComponentScaffoldTests.cs
- RenderFormElementsTemplateTests.cs
- TemplatedRenderFormElementsTestHost.razor
- UiRendererPackageTests.cs
- UiRendererTestHost.razor
- UnitTest1.cs
- VxFormGenerator.Core.Tests.csproj
- Program.cs
- VxFormGenerator.Tools.csproj
- - _Host.cshtml
- - launchSettings.json
- - favicon.ico
- .gitignore
- _Imports.razor
- App.razor
- appsettings.Development.json
- appsettings.json
- LICENSE.md
- Program.cs
- README.md
- Startup.cs
- VxFormGeneratorDemo.Server.csproj
- - BulmaForm.razor
  - CustomFieldTemplate.razor
  - DynamicForm.razor
  - Error.razor
  - FormDefinitionForm.razor
  - Index.razor
  - TailwindForm.razor
- - MainLayout.razor
  - MainLayout.razor.css
  - NavMenu.razor
  - NavMenu.razor.css
- _Imports.razor
- VxFormGeneratorDemo.Shared.csproj
- - launchSettings.json
- - favicon.ico
  - index.html
- _Imports.razor
- App.razor
- Program.cs
- VxFormGeneratorDemo.Wasm.csproj
- - Address.cs
  - Address.en.resx
  - Address.nl.resx
  - Address.resx
- Address.cs
- FeedingSession.cs
- Order.cs
- VxFormGeneratorDemoData.csproj
- VxFormLayoutAnnotated.cs
.gitignore
AGENTS.md
changlog.bat
CODE_OF_CONDUCT.md
CONTRIBUTING.md
Directory.Build.props
FormGeneratorDemo.csproj.user
FormGeneratorDemo.sln
LICENSE.txt
README.md
run.cmd
run.sh
SECURITY.md

# 설치 가이드

1. 코드 내려받기

git clone https://github.com/Aaltuj/VxFormGenerator

깃허브에서 프로젝트 코드 전체를 내 컴퓨터로 내려받습니다.

cd VxFormGenerator

방금 내려받은 프로젝트 폴더 안으로 이동합니다.

2. Docker

쉬움 추천

사전 준비물

Git GitHub에서 프로젝트 코드를 내려받으려면 필요합니다.
Docker Desktop 컨테이너를 빌드하고 실행하려면 필요합니다. 설치 후 실행해서 백그라운드에 켜두세요.

docker build -f .devcontainer/Dockerfile -t vxformgenerator-devcontainer .

Dockerfile을 기반으로 실행 가능한 이미지를 빌드합니다.

✅ 터미널에 docker compose ps 를 입력해 컨테이너들이 Up 상태인지 확인하세요. README에 포트 번호가 적혀있다면 브라우저에서 http://localhost:포트번호 로 접속해보세요.

이 레포의 README에 적힌 실제 명령어를 그대로 가져왔습니다.

3. .NET

보통

사전 준비물

Git GitHub에서 프로젝트 코드를 내려받으려면 필요합니다.
.NET SDK dotnet 명령어를 쓰기 위한 SDK입니다.

dotnet add package VxFormGenerator.Components.Plain

이 명령어를 터미널에 그대로 입력해 실행하세요.

dotnet add package VxFormGenerator.Components.Bootstrap

이 명령어를 터미널에 그대로 입력해 실행하세요.

dotnet run --project VxFormGeneratorDemo.Server/VxFormGeneratorDemo.Server.csproj

프로젝트를 빌드하고 바로 실행합니다.

dotnet run --project VxFormGeneratorDemo.Wasm/VxFormGeneratorDemo.Wasm.csproj

프로젝트를 빌드하고 바로 실행합니다.

dotnet test VxFormGenerator.Core.Tests/VxFormGenerator.Core.Tests.csproj

이 명령어를 터미널에 그대로 입력해 실행하세요.

✅ dotnet run 실행 후 터미널에 나타나는 안내 메시지나 주소를 확인하세요.

이 레포의 README에 적힌 실제 명령어를 그대로 가져왔습니다.

4. Node.js

쉬움

사전 준비물

Git GitHub에서 프로젝트 코드를 내려받으려면 필요합니다.
Node.js npm 명령어를 쓰려면 Node.js가 설치되어 있어야 합니다. LTS(장기지원) 버전을 추천합니다.

⚠️ 이 프로젝트는 규모가 큰 저장소라, 이 방법이 실제 핵심 제품이 아니라 내부 하위 패키지를 가리키는 것일 수 있습니다. README 전체를 함께 확인해보세요.

cd extensions/vscode/vxformgenerator-scaffold

이 프로젝트의 관련 파일이 하위 폴더 안에 있어서, 먼저 그 폴더로 이동합니다.

npm install

package.json에 명시된 라이브러리들을 내려받아 설치합니다.

npm start

개발/실행 서버를 켭니다.

✅ 명령어 실행 후 터미널에 나타나는 주소(보통 http://localhost:3000 형태)를 브라우저에서 열어보세요.