structure admin

구조 관리자

Structure-admin은 백엔드 관리 및 제어 시스템 프레임워크입니다. 기술 스택은 nodeJS+vue+vuex+mysql+redis입니다. 프론트엔드는 vue의 element-ui 구성 요소 라이브러리를 사용하고 백엔드는 nodeJS 서비스, 데이터베이스 mysql을 사용합니다. , 캐시는 redis를 사용하고, 백엔드는 nodeJS 사용하고, 데이터베이스는 mysql 사용합니다. nodejs的thinkjs框架搭建的풀스택 개발입니다. 지원하다:

• 1. vuex를 사용하여 상태 관리 구현
• 2. 정적 페이지, 백엔드 서비스(nodeJs) 소개
• 3. 구성 요소는 element-ui를 사용합니다.
• 4. 페이지 레이아웃은 위쪽과 왼쪽입니다. 왼쪽과 오른쪽 레이아웃은 탄력성과 레이아웃 플렉스를 사용합니다. 너비는 왼쪽에서 고정되고 오른쪽에서 너비가 계산됩니다.
• 5. 왼쪽과 오른쪽 스크롤바는 서로 독립적입니다. 본체의 스크롤바를 제거하세요.

대규모 프런트엔드 및 전체 스택 개발을 지원하는 nodeJS 로 작성된 백엔드가 마음에 드시면 프로젝트에 star 하고 fork 주세요.

이용에 문제가 있을 경우 메시지를 남겨주세요.

1. 기술 스택

• ThinkJS(노드 측 프레임워크) 공식 웹사이트
• Vue.js(클라이언트 측 양방향 데이터 바인딩 프레임워크) 공식 웹사이트

2. 온라인 주소

온라인 주소: 온라인 주소, 계좌번호: 테스트, 비밀번호: 123456

3. 시스템 스크린샷

3.1 로그인 페이지

3.1 홈페이지

4. 로컬 실행 프로그램

1. 우선, 귀하의 환경은 nodejs이므로 설치 및 구성이 불가능합니다. 참고: nodejs 환경 구성

2. 프로젝트 복제

 git clone https://github.com/saucxs/structure-admin.git

3. 프런트엔드 vue의 구조-관리-웹 폴더와 노드 백엔드 구조-관리-노드에 해당하는 종속성을 설치합니다.

 npm install

4. redis 설치(RedisDesktopManager 설치를 고려할 수 있음)

참고 : 윈도우 아래 Redis 설치, Redis 비주얼 관리 도구(Redis Desktop Manager) 설치, 기본 사용법, 인스턴스화 프로젝트

5. mysql을 설치합니다. 여기서는 자세히 설명하지 않겠습니다.

6. nodejs 백엔드 구성 파일 Adapter.js 및 config.js를 수정합니다.

 adapter.js

exports.cache = {
    type: 'redis',
    common: {
        timeout: 24 * 60 * 60 * 1000 // millisecond
    },
    redis: {
        handle: redisCache,
        host: '127.0.0.1',
        port: 6379,
        password: 'a123456'  //redis安装时候设置的秘密
    }
};
//
//
exports.model = {
  type: 'mysql',
  common: {
    logConnect: true,
    logSql: true,
    logger: msg => think.logger.info(msg)
  },
  mysql: {
    handle: mysql,
    database: 'structure_admin',
    prefix: 'structure_',
    encoding: 'utf8',
    host: '127.0.0.1',   //本地数据库
    port: '3306',　　　　　//数据库端口
    user: 'root',    //数据库的用户名
    password: '123456',    //数据库该用户名的密码
    dateStrings: true
  }
};

7. 데이터베이스 파일, 주소는 structure-admin-node/src/common/mysql/structure_admin.sql 입니다.

8. 별도의 프런트엔드와 백엔드를 사용하여 프로젝트를 시작합니다.

(1) 프론트엔드 뷰의 구조-관리-웹 시작

 npm run dev

(2) 및 노드 백엔드 구조-admin-node의 시작

 npm start

설명하다

• 주간 보고 시스템은 구조-관리 백그라운드 관리 프레임워크를 기반으로 구축되었습니다. 주간 보고 시스템 데모 주소는 시스템 웹사이트 플랫폼입니다.
• 주간보도 시스템 소스코드 주소 : 주간보도 시스템 소스코드 주소
• 이는 npm 패키지 vue-node-cli에 캡슐화되어 프런트엔드 및 백엔드 풀 스택 개발 및 제어 시스템을 위한 템플릿을 형성합니다.