이 기사는 주로이 부트 스트랩 프레임 워크의 전반적인 기능 인터페이스를 소개하고 사용 된 지식 포인트와 전체 인터페이스를 소개합니다. 독자들이 프레임 워크에 대한보다 직관적이고 현실적인 이해를 갖기를 바랍니다. 인터페이스 디자인 및 관련 아이디어는 배우고 개선 될 수 있으며 관련 내용을 논의하여 함께 개선 할 수 있습니다.
1. "메트로닉을 기반으로 한 부트 스트랩 개발 프레임 워크"의 기술적 기능
1) 최신의 가장 눈부신 부트 스트랩 반응 형 프레임 워크 기술 채택
전체 메트로닉 기반 부트 스트랩 개발 프레임 워크는 인터페이스 부분의 최신 부트 스트랩 기술을 사용하고 현재 최신 부트 스트랩 3.x를 채택하며 많은 강력한 부트 스트랩 컨트롤을 통합합니다.
Bootstrap은 많은 플랫폼에서 채택 할 수있는 프론트 엔드 기술 프레임 워크입니다. Java/PHP/.NET은 프론트 엔드 인터페이스를 만드는 데 사용될 수 있습니다. jQuery를 통합하면 매우 풍부한 인터페이스 효과를 얻을 수 있습니다. 현재 모든 사람이 사용할 수있는 부트 스트랩 플러그인이 많이 있습니다. 이 프레임 워크는 가장 우수한 플러그인을 모아 웹 사용자 경험을 전례없는 수준으로 향상시킬 수 있습니다.
Metronic은 HTML, JS 및 기타 기술을 기반으로 한 외국 부트 스트랩 개발 프레임 워크로 많은 부트 스트랩 프론트 엔드 기술 및 플러그인을 통합합니다. 매우 좋은 기술 프레임 워크입니다. 이 프레임 워크를 기반으로 MVC의 웹 프레임 워크에 대한 연구와 결합 된이 프레임 워크는 MVC를 기반으로 부트 스트랩 개발 프레임 워크를 통합하여 실제 프로젝트의 구조적 요구를 충족시킬 수 있습니다.
Framework 백엔드는 C#기반 MVC 기술을 사용하며 현재 .NET에서 개발 한 가장 성숙하고 인기있는 기술입니다. Framework 백엔드 데이터베이스는 Oracle, SQLServer, MySQL, SQLite, Access 등과 같은 일반 데이터베이스를 지원하며 구성을 통해 자유롭게 전환 할 수 있습니다. 엔터프라이즈 라이브러리 모듈을 사용하여 데이터 액세스를 제어하여 데이터 액세스를보다 편리하고 쉽게 만듭니다.
전체 프레임 워크 개발은 Visual Studio 2013 및 Page Editing Tool Sublime 텍스트를 개발, 페이지 및 배경 코드와 결합하여 Code Generation Tool Database2SHARP를 사용하여 전체 개발의 최대 효율성 향상을 달성하기 위해 빠르게 개발합니다.
프레임 워크의 전체 구조는 다음과 같습니다.
이를 통해 컨트롤러는 우수한 상속 관계를 얻을 수 있으며 코드가 적고 효율적인 개발 효율성으로 웹 프로젝트의 개발을 달성 할 수 있습니다. 전체 컨트롤러의 설계 아이디어는 다음과 같습니다.
권한 제어 : 우수한 컨트롤러 설계 규칙은 웹 개발 프레임 워크 자체에 대한 우수한 사용자 액세스 제어 및 권한 제어를 제공하여 사용자 인터페이스가 웹 인터페이스의 메뉴, 버튼 및 내용을 제시하며 작업 제출 제어가 전체 권한 기능 할당 및 제어하에있을 수 있습니다.
빠른 코드 생성 : 우수한 아키텍처를 통해 비즈니스 로직 계층, 컨트롤러 계층 및 웹 인터페이스의 UI 계층에 통합 코드 로직이 제공 될 수 있습니다. 이 코드는 코드 생성 도구 Database2Sharp를 통해 생성 될 수 있습니다. 웹 인터페이스 코드는 코드 생성 도구 Database2SHARP의 메타 데이터 정보를 최대한 활용하여 웹 인터페이스의 빠른 생성을 달성 할 수 있습니다. 오류 가능성을 효과적으로 줄이고 웹 인터페이스 코딩의 개발 효율성과 재미를 향상 시키며 엔터프라이즈 내에서 코딩 모드를 효율적으로 통합 할 수 있습니다.
엔터프라이즈 라이브러리 코드 생성은 인터페이스를 제외한 전체 론적 프레임 워크 코드를 빠르게 생성 할 수 있습니다. Bootstrap의 웹 인터페이스 코드 생성은 메트로닉 기반 부트 스트랩의 프론트 엔드 인터페이스 코드 및 배경 컨트롤러 코드를 빠르게 생성 할 수 있습니다. 인터페이스 부분에는 쿼리, 페이징, 데이터 디스플레이, 데이터 가져 오기 및 내보내기, 신규, 편집,보기 및 삭제와 같은 기본 기능 인터페이스가 포함됩니다. 세대 후, 우리는 실제 요구를 충족시키기 위해이 기준에 따라 간단하고 빠른 수정을 할 수있어 웹 인터페이스의 개발 효율성을 크게 향상시킬 수 있습니다.
프레임 레이아웃 : 다음은 전체 프로젝트의 전반적인 렌더링입니다.
[시스템 메뉴 표시 줄]의 내용은 데이터베이스에서 동적으로 얻은 메뉴입니다. [System Top Bar]는 정보 표시를 표시하고 사용자에게 개인 정보보기, 취소, 화면 잠금 및 기타 운영 컨텐츠와 같은 개인 데이터를 빠르게 처리 할 수 있습니다. 컨텐츠 영역에는 일반적으로 [트리 목록 영역], [조건 쿼리 영역] 및 [목록 데이터 및 페이지 매김] 컨텐츠 영역이 주로 시각적으로 표시되는 데이터이며,이 데이터는 트리 목록 컨트롤 및 테이블 컨트롤을 통해 표시 될 수 있습니다. 일반적으로 데이터를 추가, 삭제, 수정 및 페이징해야하므로 다양한 기능을 통합해야합니다. 쿼리 및 사용자 데이터를 표시하는 것 외에도 일상적인 데이터 처리 기능 인 가져 오기 및 내보내기 관련 작업이 필요합니다.
메뉴 처리 및 디스플레이 : 일반적으로 관리의 편의를 위해 메뉴는 세 가지 레벨로 나뉩니다. 선택된 메뉴는 다른 메뉴 스타일과 다릅니다. 메뉴를 접고 최소화 할 수 있습니다. 효과는 다음과 같습니다.
2. "메트로닉을 기반으로 한 부트 스트랩 개발 프레임 워크"의 모듈 인터페이스 소개
2.1 홈 차트 모듈 인터페이스
2.2 시스템 상단 막대 기능
2.3 산업 동적 기능 (정책 및 규정, 통지 및 공지 사항, 동적 정보)
정책, 규정, 통지 및 공지/동적 정보 목록 인터페이스
편집 인터페이스는 다음과 같습니다.
컨텐츠 인터페이스보기는 다음과 같습니다.
2.4 고객 정보 관리
고객 목록 인터페이스는 다음과 같습니다.
고객 정보 편집 인터페이스 :
고객 정보 수입 인터페이스 :
2.5 고객 연락처 관리
고객 연락처 추가/편집 인터페이스
고객 연락처보기 인터페이스
첨부 정보 인터페이스
2.6 주소록 관리
연락처 목록
주소록 편집 인터페이스는 다음과 같습니다.
2.7 허가 관리
1) 시스템 사용자 목록 인터페이스
시스템 사용자 가져 오기 인터페이스
시스템 사용자 편집 인터페이스
시스템 사용자의 초상화 업로드 및 편집
시스템 사용자 삭제 확인 대화 상자.
시스템 사용자의 RDLC 보고서 인터페이스.
2) 조직 관리 인터페이스
조직에는 사용자 편집 인터페이스가 포함되어 있습니다
3) 사용자 역할 관리
역할 운영 기능 컬렉션의 쇼케이스
데이터 권한 제어에 대한 역할 액세스 :
역할은 조직 관리를 포함합니다.
4) 시스템 기능 관리
5) 시스템 메뉴 관리
메뉴 정보 인터페이스 편집 :
메뉴 아이콘 인터페이스 선택 :
6) 시스템 로그 로그 관리
7) 일반 사전 관리
8) 메뉴 아이콘 관리
9) 사진 앨범 관리
편집 이미지 인터페이스는 다음과 같습니다.
이미지보기 인터페이스
위는 Bootstrap Metronic Development Framework [8]를 기반으로 한 프레임 워크의 경험 요약에 의해 편집자가 귀하에게 소개 한 관련 컨텐츠입니다. 나는 그것이 모두에게 도움이되기를 바랍니다!