머리말
- web-flash는 Spring Boot와 Vue.js 기반의 웹 시스템으로, Element 기반의 백엔드 관리 시스템과 VUX 기반의 모바일 h5 사이트를 포함하고 있습니다.
- web-flash는 백엔드 관리 시스템의 공통 기본 기능을 갖고 있으며, 원클릭으로 프런트엔드와 백엔드 페이지를 생성할 수 있는 idea intellij 기반의 코드 생성 플러그인을 제공합니다.
- web-flash는 백엔드 관리 시스템과 프런트엔드 h5 사이트 시스템을 제공합니다.
- Material Design 스타일의 단일 버전도 제공됩니다: Material-admin
- 웹플래시 스프링 클라우드 버전도 제공됩니다.
- 또한 Web-Flash는 vue3 기반의 프런트 엔드 시스템을 제공합니다. 보려면 클릭하세요.
카탈로그 설명
- flash-api 백그라운드 API 서비스
- flash-vue-admin vuejs 기반 백엔드 관리 시스템
- flash-vue-h5 모바일 콘텐츠 시스템은 백그라운드 관리 CMS 콘텐츠 관리 모듈을 기반으로 콘텐츠를 표시합니다.
- 도구 클래스, DAO, 서비스, Bean 등을 포함한 플래시 코어 기본 모듈
- 플래시 생성기 코드 생성 모듈은 IDEA 코드 생성 플러그인 webflash-generator와 더 잘 작동합니다.
- flash-workflow는 활동을 기반으로 워크플로 기능을 구현합니다.
데모
- 백엔드 관리(vue 버전) http://flashadmin.enilu.cn
- 모바일 버전 http://flash-mobile.enilu.cn/#/index 브라우저를 열고 디버그 모드에서 모바일 보기 모드를 사용하여 탐색하세요.
기술선택
- 핵심 프레임워크: Spring Boot
- 데이터베이스 계층: Spring 데이터 jpa
- 데이터베이스 연결 풀: Druid
- 캐시: Ehcache
- 프론트엔드: Vue.js 기반의 Element(백엔드)와 vux(모바일 단말)
- 워크플로:활동
포함된 기능
web-flash에는 성숙한 배경 관리 기능과 모바일 h5 콘텐츠 사이트 시스템이 포함되어 있습니다.
- 부서 관리
- 사용자 관리
- 역할 관리
- 메뉴 관리: 메뉴 기능 구성
- 권한 할당: 특정 역할에 대한 특정 기능 메뉴 구성
- 매개변수 관리: 효율적인 판독을 제공하기 위해 시스템 매개변수 및 캐시 시스템 매개변수를 유지합니다.
- 데이터 사전 관리: 데이터 사전 구성 및 유지 관리
- 예약된 작업 관리: 예약된 작업 작성, 구성 및 실행
- 업무 로그 : 주석을 통해 사용자 작업 로그를 기록하고 로그 조회 기능 제공
- 로그인 로그: 사용자 로그인 및 로그아웃 로그를 봅니다.
- flash-vue-h5와 결합된 CMS 콘텐츠 관리는 모바일 콘텐츠 표시 시스템을 제공합니다.
- 메시지 관리: 메시지 템플릿 구성, 문자 메시지 및 이메일 메시지 보내기
- 워크플로우: 프로세스 정의, 애플리케이션 시작, 할 일 작업
- 아이디어 플러그인 기반 코드 생성
사용
- 이 프로젝트 복제
- 아이디어 가져오기 또는 Eclipse
- 데이터베이스 생성: 웹 플래시
CREATE DATABASE IF NOT EXISTS webflash DEFAULT CHARSET utf8 COLLATE utf8_general_ci;
CREATE USER ' webflash '@ ' % ' IDENTIFIED BY ' webflash190602@ABC ' ;
GRANT ALL privileges ON webflash. * TO ' webflash ' @ ' % ' ;
flush privileges;
- 개발 환경은 시스템 시작 후 자동으로 데이터베이스를 생성하고 데이터를 초기화하도록 구성되어 있어 개발자가 수동으로 데이터베이스를 초기화할 필요가 없습니다.
- 개발 도구가 Lombok 플러그인을 다운로드하는지 확인하세요.
- flash-api에서 데이터베이스 연결 구성 수정
- flash-api를 시작하고 http://localhost:8082/swagger-ui.html을 방문하여 API 서비스가 성공적으로 시작되는지 확인하세요.
- flash-vue-admin 디렉토리를 입력하세요
- npm install --registry=https://registry.npmmirror.com 실행
- npm run dev 실행
- 성공적으로 시작한 후 http://localhost:9528을 방문하여 로그인하고 사용자 이름 및 비밀번호: admin/admin
- 백그라운드 관리 작업 렌더링:
- flash-vue-h5 디렉토리를 입력하세요
- npm install --registry=https://registry.npmmirror.com 실행
- npm run dev 실행
- 성공적으로 시작한 후 http://localhost:8088/#/index를 방문하십시오.
- 모바일 단말기 작동 렌더링:
팩
설치하다
코드 생성 기능을 사용하는 경우 먼저 mvn install을 실행하여 플래시 생성기 모듈을 로컬 Maven 저장소에 설치해야 합니다.
온라인 문서
말하다
변경 로그
