/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