/OnlineJudgeFE

A multiple pages app built for OnlineJudge

Primary LanguageVueOtherNOASSERTION

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

  1. Install nodejs v6.11 first.

  2. Build dist files

    npm install
npm run build:dll
npm run build

    The built files are stored in ./dist.

  3. Launch a server

    for example, use nginx:

    server {
    listen 80 default_server;
    server_name _;

    location /public {
        root /data;
    }
    location /api {
        proxy_pass http://your-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
NODE_ENV=development 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

LICENSE

MIT