미완성 된 기본 ASP.NET 8 및 Angular 17 웹 응용 프로그램입니다. 이 앱은 Visual Studio 2022의 'Angular and Asp.net Core'프로젝트 템플릿을 기반으로합니다. 목표는 Devexpress 'devextreme UI 템플릿 갤러리 Angular Application을 사용하여 ASP.NET 응용 프로그램의 클라이언트 측면으로 사용하여 멋진 비즈니스 라인 (LOB) 앱을 시연하는 것이 었습니다.
GitHub의 모든 ASP.NET 앱에 UI가 부족하거나 매우 단순한 UI를 사용하는 것은 아닙니다. 나는 누군가가 좋은 UI를 보여 주어야한다고 결정했다.
원래 DeVexPress 'UI는 DeVexPress의 웹 서비스에서 모든 데이터를 가져옵니다. 웹 클라이언트 부품으로 ASP.NET 앱의 일부로 실행되도록 각도 버전을 복사하고 수정했습니다. '연락처 목록'섹션은 이제 데이터베이스에서 가져온 ASP.NET 백엔드에서 데이터를 가져옵니다. 목표는 나머지 UI에 대해 동일한 유형의 변환을하는 것이었지만 짧게 멈추고 블레이저에 집중하기 위해 움직였습니다. 백엔드는 깨끗한 아키텍처 패턴을 기반으로하며 Endpoint-> Services-> 저장소 -> 데이터베이스와 동일한 컨벤션을 사용하여 나머지 응용 프로그램에 적용 할 수 있습니다.
응용 프로그램은 인증, 승인, 로깅, 컨테이너를 구현하지 않습니다. 이러한 기능을 구현하려면 영감과 구현은 JasontayLordev/CleanArchitecture를 참조하십시오.
UI는 DeVexpress 'Devextreme을 기반으로하며 전체 특집 및 세련된 UI 구성 요소 스위트이며 데모 갤러리는 멋진 데모였습니다. 나는 그것을 강력히 추천합니다. DeVexTreme은 비 상업 애플리케이션에 무료이며 상용 앱에 대한 라이센스가 필요합니다.
데이터베이스 설정을위한 지침 :
- 첫 번째 단계는 데이터베이스를 설정하는 것입니다. 앱은 SQL Server를 사용합니다. SQL Server 2019 이상을 사용하는 경우 인프라 프로젝트의 'MISC_FILES'폴더에서 백업 파일 DXFULLAPP.BAK에서 데이터베이스를 복원 할 수 있습니다.
- 그렇지 않으면 'misc_files'폴더에있는 dxfullapp.sql 스크립트를 실행하여 데이터로 데이터베이스를 생성하고 채우십시오. 필수 이름 값을 시스템에서 SQL Server 설치의 적절한 경로로 업데이트하려면 필요한 경우 파일을 편집하십시오.
- 서버 프로젝트의 AppSettings.json 파일에서 필요한 경우 DefaultConnectionString 값을 업데이트하십시오.
앱 실행에 대한 지침 :
- (솔루션이 2022 년대로로드하는 데 몇 분이 걸리는 문제가 있습니다. 현지 문제인지 아직 확실하지 않습니다.)
- 데이터베이스 및 연결 문자열을 설정 한 후 서버 프로젝트를 시작 프로젝트로 만듭니다. 앱을 실행하면 연락처가있는 페이지를 사용하여 브라우저를 시작합니다. 초기 페이지에는 깨진 페이지가 표시되고 자동 새로 고침 및 제대로 렌더링됩니다. 이것은 고정되어야합니다.
목록 (현재 완료 계획 없음) :
- 모든 UI를 변환하여 DeVexpress의 엔드 포인트 대신 ASP.NET 백엔드를 사용하십시오.
- 클라이언트를 제공하기 위해 모든 DTO를 만들고 엔티티를 그들에게 매핑하십시오. (선호하는 경우 Automapper 또는 Mapster 사용).
- 단위, 기능, 통합 및 엔드 - 엔드 테스트를 추가하십시오.
- UI는 편집을 저장하거나 새 개체를 만드는 것과 같은 업데이트를하지 않습니다. 그것들을 구현하십시오.
- 인증, 승인, 벌목, 건강 검사 등을 추가하십시오.
- 컨트롤러 기반 API 대신 최소 API를 사용해보십시오.
- 각도 클라이언트는 버전 17에있는 동안 버전의 특정 기능을 실제로 사용하지 않습니다. 내가 한 일은 버전 15에서 17로 변환하는 것입니다.
왜 devextreme :
- 그것은 각도, 반응, vue, jQuery 및 일반 JavaScript를 기본적으로 지원하는 수십의 고품질, 연마 및 확장 가능한 UI 구성 요소를 가지고 있습니다.
- 우수한 기술 지원 및 문서. 각 구성 요소의 기능을 보여주는 실시간 사용자 정의 가능한 데모로 온라인.
- 강력하고 모바일 반응 형 데이터 그리드. 전체 스위트의 가격은 다른 인기있는 전용 UI 구성 요소의 가격보다 낮습니다.
- 비용이 많이 들지만 장기적으로는 개발 비용을 줄임으로써 많은 돈을 절약 할 수 있습니다. 회사가 개발자 나 커뮤니티의 자유 시간에 의존하는 대신 생계를 유지하는 구성 요소를 사용하십시오.
- 추신 : 저는 행복한 고객이 아닌 DeVexpress와 제휴하지 않습니다. 나는 단지 내 개인적인 의견을 표현하고 있습니다.
- 코딩을 즐기십시오!
