지혜PG(pgting) 
https://www.pgting.com See More
목차
머리말
로우코드는 항상 주요 제조업체에서 개발한 핵심 기술이었으며 현재 좋은 제품이 많이 있습니다. 반대로 중소기업이 시스템 소스 코드를 배포할 수 없음, 사용자 지정 구성 요소의 높은 비용, 액세스 기술 스택의 제한, 수행할 수 없음과 같은 사용 프로세스의 특정 문제가 있습니다 2차 개발 등 그렇다면 작고 아름다운 시스템 플랫폼이 있을 수 있을까?
저희 기술팀은 기술적인 연구와 과거의 경험을 통해 페이지 구축 시스템인 Smart PG(pgting) 를 설계하고 개발했습니다 .
다음으로 아래의 5가지 측면에서 스마트 PG(pgting)를 소개합니다.
-
일반적 소개
-
디자인 컨셉
-
시스템 기능
-
기술 아키텍처
-
사용하는 방법
1. 소개
Wisdom PG 는 페이지 생성, 영문 약자 pgting에서 따온 것으로 페이지가 생성되고 있다는 뜻입니다.
스마트 PG(pgting)는 주로 중소기업 및 개인 그룹을 대상으로 하며 드래그 앤 드롭 구성을 채택하고 설계는 데이터 시각화를 위한 대형 화면 구성, 중간 단계 구성 및 h5 페이지 구성을 지원합니다. 온라인 샌드박스 렌더링 아키텍처를 채택하고 다중 프레임 통합을 지원합니다.시스템 설계 개념은 리소스 통합, 기본 사용, 시스템 세분화 감소, 구성 요소 공유 및 단순화된 구성입니다. pgting은 시스템을 구성 요소로 만들고 구성 요소에 기존 리소스를 통합하거나 다른 사람이 공유하는 구성 요소를 사용하여 개발 비용을 줄이고 효율성을 높일 수 있습니다. Pgting은 강력한 확장성을 갖춘 다수의 자체 개발 알고리즘, 자체 개발 폼 엔진 forake(오픈 소스) 및 브라우저 샌드박스 컴파일 엔진을 내장하고 있습니다.
pgting은 구성 요소, 중간 단계 계정 소유권을 제공하고 사용자는 pgting에서 자신의 시스템을 구축할 수 있으며 배포 및 2차 개발을 위해 pgting을 전체적으로 민영화할 수도 있습니다.
2. 디자인 컨셉
Smart PG 디자인 컨셉은 다음과 같은 포인트를 가지고 있습니다.
1. 즉시 사용 가능한 리소스 통합
현재 많은 오픈소스 컴포넌트 라이브러리가 존재하는데 전통적인 방법은 개발환경을 구축하고 리소스를 도입하여 자체 제품을 개발한 후 온라인에 공개하는 것입니다. 이러한 리소스를 직접 사용할 수 있고 기술 스택에 의해 제한되지 않으면 효율성이 크게 향상되고 기술 장벽이 감소합니다.
Wisdom PG는 통합 개발 환경을 제공하며, 비즈니스 구성 요소 개발이 필요한 경우 이러한 오픈 소스 라이브러리의 사례를 직접 사용할 수 있습니다. 예를 들어, pgting에서 echarts 차트를 직접 사용하고, bizcharts 차트를 사용하고, 코드를 복사하고 구성을 수정하기만 하면 됩니다. 개발 환경을 구축할 필요가 없으며, 게시하고 온라인에 접속할 필요가 없습니다. Smart PG는 원스톱 통합을 제공하고 다양한 리소스의 통합 및 사용을 지원합니다.
2. 시스템 세분성 감소
스마트 PG는 중간 플랫폼과 페이지를 분해하여 최종적으로 컴포넌트로 변환하여 사용자가 직접 컴포넌트를 드래그 앤 드롭하여 빌드하거나 특징적인 컴포넌트를 개발하여 빌딩 블록 구축을 완료할 수 있습니다.
3. 구성 요소 공유
서로 다른 비즈니스 시나리오에는 다른 구성 요소가 있습니다.일부 공통 구성 요소를 제외하고 비즈니스 구성 요소의 개발은 비용을 증가시킵니다.많은 비즈니스에서 일부 구성 요소는 공통적이거나 유사할 수 있습니다.스마트 PG는 구성 요소 공유 메커니즘을 제공합니다.사용자는 사용할 수 있습니다. 자체 개발한 컴포넌트를 공개 컴포넌트로 설정하고 공개 컴포넌트를 활용해 서로 윈윈하는 시스템을 구축할 수도 있다.
사용자는 기업이 유료로 사용할 수 있는 특징적인 컴포넌트를 생성할 수도 있고, 비즈니스 당사자도 컴포넌트 요구 사항을 게시할 수 있습니다.스마트 PG는 시스템 개발 작업을 수행할 수 있는 리소스 도킹 서비스를 제공합니다.
4. 간소화된 구성
로우코드 플랫폼은 R&D 비용을 어느 정도 줄여주지만 귀찮은 것은 많고 복잡한 설정 파일과 연산량이 많은 설정 파일이다. 우리 기술팀은 이전 작업에서 컴포넌트에 대한 구성 패널을 정의하는 등 이 점에 대해 깊이 이해하고 있으며 특히 json 구성이 번거롭습니다.
Wisdom PG는 제품 초기에 이를 고려하여 구성 파일의 구체적인 의미를 최대한 약화시키고 일반적인 의미를 유지하며 시각적 편집 구성 파일을 제공합니다. Smart PG는 폼 구조의 드래그 앤 드롭 구성을 제공하며, 폼 엔진 formake를 오픈 소스화하여 보다 나은 서비스를 제공합니다.
3. 시스템 기능
스마트한 PG 설계로 대형 영상화면 구축, 중간단계 구축, h5 구축을 지원하며, 조작이 간편하고 사용자가 빠르게 시작할 수 있습니다. 운영 문서는 다음을 참조하십시오. Smart PG 매뉴얼
1. 시각적인 대형 스크린 구성:
Smart PG는 시각적인 대형 화면 편집기를 제공하며 사용자는 필요한 구성 요소를 선택하고 드래그 앤 드롭하여 빌드하고 데이터 인터페이스를 채우면 대형 화면을 얻을 수 있습니다.
.
2. 중간 플랫폼 건설
중간 단계: 새 양식 페이지 만들기 => 새 중간 단계 목록 페이지 만들기, 양식 페이지 지정 => 새 중간 단계 탐색 만들기, 목록 페이지 지정
Wisdom PG는 드래그 앤 드롭으로 목록 페이지를 구성하고 세부 양식을 지정할 수 있는 중간 편집기(아직 공개되지 않음)를 제공합니다.
Smart PG는 양식 편집기, 양식 작성을 위한 드래그 앤 드롭 제공
3, h5 공사
사용자는 h5 편집기를 통해 h5 페이지를 빠르게 구축할 수 있으며 일부 이벤트 페이지의 경우 마케팅 페이지가 매우 유용합니다.
4. 기술 아키텍처
1. 기술 스택
Smart PG는 프론트엔드에 더 많이 사용되는 React + TypeScript, 서버에 Nest + TypeScript + Mysql + Redis를 사용합니다. 확장성이 강합니다.
2. 전체 구조
Smart PG의 전체 디자인은 동적 렌더링과 온라인 편집의 두 부분으로 구성됩니다.온라인 편집은 여러 프레임워크를 지원하며 사용자가 스스로 선택할 수 있습니다.사용할 기술 스택이 없으면 가입을 신청할 수 있으며 사용할 수 있습니다. 심사 통과 후입니다.
온라인 구성 요소는 로컬 개발 환경도 제공하며 사용자는 로컬에서 직접 개발하고 게시할 수 있습니다.
로컬 컴포넌트 스마트 PG의 빌트인 컴포넌트는 동적 렌더링으로 로드됩니다.
5. 사용 방법
Smart PG는 두 가지 사용 방법을 제공합니다. 하나는 Sass 모드이고 다른 하나는 개인화 배포입니다.
사용자는 Smart PG에 직접 구축할 수 있으며, 자체 시스템을 사용자 지정하려는 경우 2차 연구 및 개발을 위해 비공개로 배포할 수도 있습니다.
지혜PG 무료 체험, 기본 멤버쉽 구축은 무료이니 해보세요.