Giter Club home page Giter Club logo

html-css-javascript's Introduction

htm+css+javascript在线投票系统

简介

使用html+javascript+css实现在线投票系统,使用了框架jquery,适合刚学完html课程的同学进行学习。

包目录介绍

  1. html文件夹:index投票主页、login登录页面、register注册页面、msg注册成功页面、voteresult投票结果页面
  2. css文件夹:对应html文件的样式
  3. js文件夹:对应html文件的javascript语句,data.js存放选手的投票信息
  4. images文件夹:页面中使用到的图片
  5. jquery文件夹:jquery框架源码

界面介绍

登录界面

注册界面

投票页面

投票结果页面

功能介绍

  1. 用户在注册时需要输入用户名、密码、确认密码和验证码,用户名要求3到20位,密码要求6到30位,确认密码需要同密码一致,验证码要求同系统提供的验证码一致。注册信息若没按要求输入,系统会进行提醒。注册成功后,会将用户信息存储在localStorage,然后跳转到注册成功界面。
  2. 登录功能:用户在登录时需要输入用户名、密码和验证码,用户名要求3到20位,密码要求6到30位,验证码要求同系统提供的验证码一致。登录信息若没按要求输入,系统会进行提醒。登录信息填写正确后,需要将登录信息同本地存储的用户信息进行比较,两者一致则登录成功。
  3. 投票功能:用户在投票前需要进行登录,没有登录的用户无法进行投票,成功登录后每个用户拥有10票,可以投给任意一位选手,10票投完后不能再进行投票。用户的每一次投票,投票系统都会做出信息反馈,可以实时看到每一位选手的票数占比和票数,还能实时看到自己剩余的票数。
  4. 投票结果:用户可以查看投票结果,可以根据选手id升序排序、票数降序排序、票数升序排序。

html-css-javascript's People

Contributors

7summer avatar

Stargazers

 avatar  avatar bugmaker_gd avatar 悦怿 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.