分享一个 JavaScript 前后端系统

pems

A javascript full-stack power equipment management system.

Demo

Demo Address: Power Equipment Management System

Account: admin/admin

Screenshots

• Login Page

• List Page

• Add Page

• Add Popup

Tech Stack

Frontend

• Typescript
• React
• React-Router
• React-Redux
• Ant Design
• Axios
• GraphQL
• AliOSS
• i18n
• Sass
• ESLint
• Babel
• Webpack

Backend (Node)

• Koa2
• Express
• Egg
• MongoDB

Setup

Backend

• MongoDB

Add your MongoDB path in server/config/index.js .

• Other Config

JWT Secret, expire date , serve path also can be modified in server/config/index.js .

Frontend

• Aliyun OSS

Set OSS_REGION , OSS_ACCESS_KEY_ID , OSS_ACCESS_KEY_SECRET , OSS_BUCKET in views/src/constants.js .

• Home URL

Set HOME_URL in views/src/constants.js , system will redirect to this address when JWT expires.

• API Base URL

Set SERVICE_URL in views/config/prod.env.js . (Deploy Mode)

Debug

• build

cd views/
npm run build

• serve page & start api server

require pm2

cd server/
npm run dev

Then you can open http://127.0.0.1:3010

Deployment

Upload website dist & server code to your server, and run npm run start in server folder. (default webpage path is /var/www/pems , you can config it in server/config/index.js )

Wechat Official Account

License

MIT License

Copyright (c) 2019 Hanran Liu