OnlineJudgeFE/README.md
zema1 f0c1e34cd0 about/judge display data from server,
adjust problem language logic.
2017-11-26 11:00:04 +08:00

2.1 KiB
Raw Blame History

OnlineJudge Front End

vue vuex echarts iview element-ui Build Status

A multiple pages app built for OnlineJudge, Demo

Features

  • Webpack3 multiple pages with bundle size optimization
  • Easy use simditor & Nice codemirror editor,
  • Amazing charting and visualization(echarts)
  • User-friendly operation
  • Quite beautiful)

Get Started

Install nodejs v6.11 first.

npm install
npm run build:dll
npm run build

The built files are stored in ./dist, you may need to launch a server with nginx:

server {
    listen 80 default_server;
    server_name _;

    location /public {
        root /app/data;
    }
    location /api {
        proxy_pass http://backend;
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header Host $http_host;
        client_max_body_size 200M;
    }
    location /admin {
        root /app/dist/admin;
        try_files $uri $uri/ /index.html =404;
    }
    location / {
        root /app/dist;
        try_files $uri $uri/ /index.html =404;
    }
}

Screenshots

Check here.

Browser Support

Modern browsers and Internet Explorer 10+.

Development

# we use webpack DllReference to decrease the build time, 
# this command only needs execute once unless you upgrade the package in build/webpack.dll.conf.js
npm run build:dll

# the dev-server will set proxy table to your backend
export TARGET=http://Your-backend

# serve with hot reload at localhost:8080
npm run dev