l blog

개인 웹사이트 백엔드 및 백엔드 관리 프런트엔드 프로젝트

개인 홈페이지 => http://blog.lwl.tech 백엔드 관리 => http://admin.lwl.tech

node.js 버전

 node -v
v8.10.0

카탈로그 설명

무대 뒤에서

 ├── common          // 公共
├── config          // 配置文件夹
├── db              // 数据库语句
├── l-admin         // 管理后台前端 Vue 项目
├── logs            // 打印日志文件夹
├── middlewares     // 中间件
├── model           // 业务处理
├── node_modules
├── public          // 静态资源
├── routes          // 路由
│   ├── admin       // 管理后台相关路由
│   ├── blog        // 博客端相关路由
├── utils           // 工具
├── views           // 前端页面
├── ADMIN-API.md    // 管理后台接口文档
├── BLOG-API.md     // blog 接口文档
├── redis-db.md     // redis 使用说明
└── pm2-watch.json  // pm2 配置文件 `pm2 start|restart|reload pm2-watch.json`

관리 백엔드 및 프런트엔드

 ├── build           // webpack
├── config          // webpack config
├── node_modules
├── src
│   ├── assets      // 资源
│   ├── components  // 组件
│   ├── config      // 配置文件
│   ├── logic       // 逻辑处理（接口调用）
│   ├── pages       // 视图界面
│   ├── plugins     // Vue 插件
│   ├── router      // 路由
│   ├── store       // Vuex
│   └── utils       // 工具
└── static          // 资源
    └── editor.md   // markdown 编辑器库
    └── img

사용된 기술

무대 뒤에서

• Node.js
• Express
• ...

자세한 내용은 package.json 파일 종속성을 참조하세요.

백엔드 관리 프런트엔드

• Vue
• element-ui
• ...

자세한 내용은 package.json 파일 종속성을 참조하세요.

명령 설명

설치에 따라 다름

npm 대신 yarn 사용하세요

무대 뒤에서

npm run dev # 开发环境运行
npm run start # 生产环境运行
gulp # 博客前端编译 sass 和 压缩 js

백엔드 관리 프런트엔드

npm run dev # 开发调试
npm run build # 打包发布

백엔드 배포 환경

1. 구성 파일 설명

   • 구성 파일 경로 ./config/* .
   • 프로덕션 환경 구성 파일은 수동으로 생성해야 합니다.
   • 개발 환경 구성 파일을 복사하고 접미사를 .prod.js 로 변경합니다.
   • 내부의 구성 값은 실제 상황에 따라 채워집니다.
   • 구체적인 로직은 ./config/index.js 코드에서 찾을 수 있습니다.
   • 관리 백그라운드 구성 ./l-admin/src/config

2. 환경이 필요하다

   • 캐시 Redis .
   • 데이터베이스 postgresql .
   • 七牛云는 이미지 저장에 사용됩니다.

3. 관리자 계정 설명

   • 관리자 계정은 서버가 처음 시작될 때 자동으로 생성됩니다.
   • 기본 계정은 admin 이고 비밀번호는 123456 입니다.
   • 초기화 관리자 정보는 ./config/index.js 구성에서 볼 수 있습니다.
   • ./model/admin/user_base.js 의 특정 로직. _initAdmin() 메소드.

백엔드 관리 인터페이스 문서

./ADMIN-API.md 파일을 사용하여 세부정보 보기

프런트엔드 블로그 인터페이스

./BLOG-API.md 파일을 사용하여 세부정보 보기