在线投票系统

Day 1

今天安装了开发软件Visual Studio Code，并对即将进行的前端进行设计。

前端主要分为四个板块，分别是“注册登录页面”，“投票列表页面”，“投票详情页面”，以及“后台页面”。

主要功能有：添加或更换投票的标题，添加或更换投票的选项，用户注册，用户设置密码，用户修改密码，投票截止时间设置，投票数据查看。

Day 2

今天对登录注册页面进行布局和编写。

新的访客想要注册，需要提交用户名，邮箱和密码，其中密码要输入两次，并进行判断是否输入错误，如果没有错误，则会写入数据库。

用户如果已创建，可以直接通过用户名和密码进行登录。

数据库规范

表的表示：描述单一信息，功能简单实用、命名规范合理
数据库命名：
- 使用utf-8编码
- 不得使用拼音

数据库的实施

序号	表名	表名	功能说明
1	用户信息表	t_user	保存用户名，密码等信息
2	投票题目表	t_vote	记录每一次投票
3	选项表	t_selection	保存投票的每一个选项
4	投票项目表	t_type	保存投票的小题目
5	投票记录表	t_record	保存投票项目信息

Day 3

完善登录界面逻辑。

添加了切换注册与登录的功能，通过隐藏与显示来实现切换。

在用户注册时，对错误的信息进行提示，在输入密码时，对两次不一致的密码进行提示，在用户登录时，对缺少的信息进行错误提示。

Day 4

1.用户信息表

表名	t_user	表描述	保存用户名，密码等信息
字段	类型	备注	约束
user_id	int primary key auto_increment	用户ID(auto_increment)	PK
user_name	varchar(18)	用户名
passwd	varchar(255)	用户密码
phone	varchar(255)	用户手机
email	varchar(255)	用户邮箱
permission	tinyint	用户权限
create_time	datetime	注册时间

Day 5

2.投票题目表

表名	t_vote	表描述	保存投票项目信息
字段	类型	备注	约束
topic_id	int	题目id（auto_increment）	PK
title	int	题目文本
uid	int	创建人
create_time	datetime	创建时间
state	tinyint	状态（0-未开始，1-进行中，2-已结束）
description	varchar(255)	说明

Day 6

3.选项表

表名	t_selection	表描述	保存投票的每一个选项
字段	类型	备注	约束
selection_id	int	auto_increment	PK
topic_id	int	vote_id	FK
remark	varchar(255)	记录选项文本

Day 7

4.投票记录表

表名	t_record	描述	记录每一次投票
user_id	int	user_id	FK
selection_id	int	selection_id	FK
create_time	datetime	投票时间

Day 8

Day ？

登录界面新增了“找回密码”功能，用户可通过注册时候的用户名和邮箱进行找回密码。

重要记录

在注册时:

拿到id后:(两种方法)
id.value;
document.getElementById('id').value;

判断用户名是否为空：
if（id.value == ""）{
alert("这里是空值")
}

<script>
    //注册时，若用户名若为空
    function login(){
        username.value;//先获取输入框的值
        if(username.value == ""){
            alert("先给你的账户起个名字吧！");
        }
    }
    //登录时，若用户名若为空
    function login(){
        user.value;//先获取输入框的值
        if(user.value == ""){
            alert("请先告诉我你的大名(oﾟ▽ﾟ)o  ");
        }
    }
</script>

jquery日志

src="js/jquery-3.6.0.js"

<link href="css/style.css" rel='stylesheet' src="js/jquery-3.6.0.js">

msg.innerHTML = '汉字'

msg.style.color = 'green';

window.location.href = './zhonglan.html';

setTimeout(function(){

            wwindow.location.href = './zonglan.html?a=123&b=456';
        },2000);

延迟两秒跳转，并传输a和b的值